-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
194 lines (188 loc) · 14 KB
/
Copy pathcontact.html
File metadata and controls
194 lines (188 loc) · 14 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!doctype html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1DDV7FSG1G"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-1DDV7FSG1G');
</script>
<meta charset="utf-8" />
<meta name="theme-color" content="#04070d">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Contact | Ceradon Systems | Through-Wall Detection Demos & Partnerships</title>
<meta name="description" content="Contact Ceradon Systems for through-wall detection demos, defense partnerships, or collaboration. Veteran-founded SDVOSB in Utah." />
<meta property="og:title" content="Contact | Ceradon Systems" />
<meta property="og:description" content="Reach out for collaboration, demos, or partnership inquiries." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.ceradonsystems.com/contact.html" />
<meta property="og:image" content="https://www.ceradonsystems.com/assets/Emblem.webp" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Contact | Ceradon Systems" />
<meta name="twitter:description" content="Reach out for collaboration, demos, or partnership inquiries." />
<meta name="twitter:image" content="https://www.ceradonsystems.com/assets/Emblem.webp" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://www.ceradonsystems.com/contact.html" /> <link rel="icon" type="image/webp" href="./assets/Emblem.webp" />
<link rel="stylesheet" href="./styles/styles.css" />
</head>
<body class="bg-[color:var(--ink)] text-[color:var(--silver)]">
<a href="#main-content" class="sr-only focus:not-sr-only">Skip to main content</a>
<header class="backdrop-blur bg-[color:var(--steel-900)/70] sticky top-0 z-50 border-b border-[color:var(--steel-700)]">
<div class="mx-auto max-w-7xl px-4 py-3 flex items-center justify-between">
<a href="index.html" class="flex items-center gap-2">
<span class="hidden md:inline-flex logo-plate logo-plate--nav">
<img class="logo-glow h-8" src="./assets/Horizontal_Logo.webp" alt="Ceradon Systems" width="1536" height="1024" />
</span>
<span class="md:hidden inline-flex logo-plate logo-plate--nav">
<img class="logo-glow" src="./assets/Emblem.webp" alt="Ceradon Systems" width="558" height="558" />
</span>
<span class="hidden lg:flex flex-col leading-tight">
<span class="text-[10px] uppercase tracking-[0.2em] text-subtle">CAGE 179U9 · UEI UZA9PFJ9RDL6</span>
</span>
</a>
<nav class="hidden md:flex gap-6" aria-label="Main navigation">
<div class="relative group">
<button class="navlink">Products</button>
<div class="absolute left-0 top-full hidden group-hover:block pt-2 z-50">
<div class="bg-[#0a0f1a] border border-[#1e293b] rounded-lg py-2 min-w-[220px] shadow-xl">
<a href="vantage.html" class="block px-4 py-2 text-sm text-gray-300 hover:text-white hover:bg-[#1e293b]">VANTAGE</a>
<a href="raptor.html" class="block px-4 py-2 text-sm text-gray-300 hover:text-white hover:bg-[#1e293b]">RAPTOR</a>
<a href="architect.html" class="block px-4 py-2 text-sm text-gray-300 hover:text-white hover:bg-[#1e293b]">ARCHITECT</a>
<a href="lantern.html" class="block px-4 py-2 text-sm text-gray-300 hover:text-white hover:bg-[#1e293b]">LANTERN <span class="text-xs text-[color:var(--ceradon-blue)]">Video to floorplan</span></a>
<a href="kestrel.html" class="block px-4 py-2 text-sm text-gray-300 hover:text-white hover:bg-[#1e293b]">KESTREL <span class="text-xs text-[color:var(--ceradon-blue)]">Trainer</span></a>
<a href="polygen.html" class="block px-4 py-2 text-sm text-gray-300 hover:text-white hover:bg-[#1e293b]">POLYGEN</a>
</div>
</div>
</div>
<a href="intelligent-systems.html" class="navlink">Intelligent Systems</a>
<a href="technology.html" class="navlink">Technology</a>
<a href="company.html" class="navlink">Company</a>
<a href="/blog/" class="navlink">Insights</a>
<a href="contact.html" class="btn btn-primary">Contact</a>
</nav>
<button class="md:hidden icon-button" aria-label="Open menu" data-open-menu>☰</button>
</div>
<!-- mobile panel injected by /src/ui.js -->
</header>
<main id="main-content">
<section class="relative overflow-hidden">
<img src="./assets/bg-contact.webp" alt="" class="absolute inset-0 w-full h-full object-cover opacity-10 pointer-events-none" aria-hidden="true" loading="eager" />
<div class="relative mx-auto max-w-7xl px-4 py-16 space-y-12">
<!-- HERO — one clear action -->
<div class="max-w-3xl space-y-6">
<span class="tag">Contact</span>
<h1 class="text-4xl sm:text-5xl font-bold text-[color:var(--white)]">Reach the team directly.</h1>
<p class="text-lg text-subtle">One inbox, no routing trees. Send collaboration requests, demo questions, procurement inquiries, or partnership ideas. Replies come by email; Signal is available on request for sensitive coordination.</p>
<div class="flex flex-wrap gap-3">
<a href="mailto:contact@ceradonsystems.com" class="btn btn-primary text-sm uppercase tracking-wide">Email contact@ceradonsystems.com</a>
<a href="#contact-form" class="btn btn-secondary text-sm uppercase tracking-wide">Use the form</a>
</div>
</div>
<div class="reg-rule" aria-hidden="true"></div>
<div class="grid gap-10 lg:grid-cols-[0.9fr_1.1fr]">
<div class="space-y-6">
<h2 class="section-heading text-2xl">What to include</h2>
<p class="text-sm text-subtle">A few lines are enough. The more of the following you can share, the faster the first reply is useful:</p>
<ul class="space-y-3 text-sm text-subtle">
<li class="flex gap-3"><span class="text-[color:var(--ceradon-blue)]">▹</span> The mission or capability need you are working against.</li>
<li class="flex gap-3"><span class="text-[color:var(--ceradon-blue)]">▹</span> Your timeline and any decision dates.</li>
<li class="flex gap-3"><span class="text-[color:var(--ceradon-blue)]">▹</span> Platforms, environments, or quantities involved.</li>
<li class="flex gap-3"><span class="text-[color:var(--ceradon-blue)]">▹</span> Contracting context, if relevant — set-aside, sole-source, or an existing vehicle.</li>
</ul>
<div class="card-glass p-6 space-y-3">
<h3 class="text-base font-semibold text-[color:var(--white)]">Operations</h3>
<p class="text-sm text-subtle">Utah-based, remote-first, and appointment-only for on-site visits. Use email to coordinate collaboration or demo requests.</p>
</div>
</div>
<form id="contact-form" class="card-glass p-8 space-y-4" action="https://formspree.io/f/xnjbjayd" method="POST" data-contact-form aria-label="Contact form">
<h2 class="text-2xl font-semibold text-[color:var(--white)]">Send a message</h2>
<input type="hidden" name="_subject" value="Ceradon Website Contact" />
<input type="hidden" name="product" value="" />
<div>
<label for="contact-name" class="block mb-1">Name <span class="text-red-400" aria-hidden="true">*</span><span class="sr-only">(required)</span></label>
<input id="contact-name" name="name" type="text" autocomplete="name" required placeholder="Your name" aria-required="true" aria-describedby="name-hint" />
<span id="name-hint" class="sr-only">Enter your full name</span>
</div>
<div>
<label for="contact-company" class="block mb-1">Organization / Team</label>
<input id="contact-company" name="company" type="text" autocomplete="organization" placeholder="Organization or team" />
</div>
<div>
<label for="contact-email" class="block mb-1">Email <span class="text-red-400" aria-hidden="true">*</span><span class="sr-only">(required)</span></label>
<input id="contact-email" name="email" type="email" autocomplete="email" required placeholder="you@example.com" aria-required="true" aria-describedby="email-hint" />
<span id="email-hint" class="sr-only">Enter your email address for us to reply</span>
</div>
<div>
<label for="contact-message" class="block mb-1">Message <span class="text-red-400" aria-hidden="true">*</span><span class="sr-only">(required)</span></label>
<textarea id="contact-message" name="message" rows="4" required placeholder="Mission needs, timeline, requested capabilities..." aria-required="true"></textarea>
</div>
<button type="submit" class="btn btn-primary text-sm uppercase tracking-wide w-full">Send Message</button>
<p class="text-xs text-subtle" data-form-status role="status" aria-live="polite"></p>
</form>
</div>
<!-- PROCUREMENT — registry plate for contracting officers -->
<div class="card-glass overflow-hidden grid lg:grid-cols-[1fr_1fr]">
<div class="p-8 space-y-4 border-b lg:border-b-0 lg:border-r border-[color:var(--steel-700)]">
<h2 class="text-2xl font-semibold text-[color:var(--white)]">How to procure</h2>
<p class="text-subtle text-sm">Ceradon Systems is a verified Service-Disabled Veteran-Owned Small Business eligible for sole-source and set-aside contract awards. For procurement inquiries, contact us directly or reach out through your contracting office.</p>
</div>
<div>
<div class="flex items-center justify-between px-8 py-4 border-b border-[color:var(--border)]">
<span class="text-[10px] uppercase tracking-[0.3em] text-subtle">Entity Record</span>
<span class="h-1.5 w-1.5 rounded-full bg-[color:var(--ceradon-blue)] shadow-[0_0_8px_rgba(43,120,255,0.7)]" aria-hidden="true"></span>
</div>
<dl class="text-sm">
<div class="grid grid-cols-[6.5rem_1fr] gap-4 px-8 py-3 border-b border-[color:var(--border)]">
<dt class="text-[10px] uppercase tracking-[0.2em] text-subtle self-center">CAGE</dt>
<dd class="text-[color:var(--white)] tracking-[0.06em]">179U9</dd>
</div>
<div class="grid grid-cols-[6.5rem_1fr] gap-4 px-8 py-3 border-b border-[color:var(--border)]">
<dt class="text-[10px] uppercase tracking-[0.2em] text-subtle self-center">UEI</dt>
<dd class="text-[color:var(--white)] tracking-[0.06em]">UZA9PFJ9RDL6</dd>
</div>
<div class="grid grid-cols-[6.5rem_1fr] gap-4 px-8 py-3 border-b border-[color:var(--border)]">
<dt class="text-[10px] uppercase tracking-[0.2em] text-subtle self-center">NAICS</dt>
<dd class="text-[color:var(--white)]">541715 · 541330</dd>
</div>
<div class="grid grid-cols-[6.5rem_1fr] gap-4 px-8 py-3">
<dt class="text-[10px] uppercase tracking-[0.2em] text-subtle self-center">SAM.gov</dt>
<dd class="text-[color:var(--white)]">Active through Dec 5, 2026</dd>
</div>
</dl>
</div>
</div>
</div>
</section>
</main>
<footer class="border-t border-[color:var(--steel-700)] bg-[color:var(--steel-900)/80]">
<div class="mx-auto max-w-7xl px-4 py-12 space-y-10">
<div class="flex flex-col gap-6 md:flex-row md:items-center md:justify-between">
<div class="flex items-center gap-4">
<img src="./assets/Emblem.webp" alt="Ceradon Systems" class="h-12 w-12 image-surface" loading="lazy" width="558" height="558" />
<div>
<p class="font-semibold text-[color:var(--white)]">Ceradon Systems</p>
<p class="text-sm text-subtle">Passive RF sensing & readiness assurance.</p>
</div>
</div>
<div class="flex gap-4 items-center text-sm text-subtle">
<a href="mailto:contact@ceradonsystems.com" class="hover:text-[color:var(--white)]">contact@ceradonsystems.com</a>
<a href="https://www.linkedin.com/company/111601964/" target="_blank" rel="noopener noreferrer" class="hover:text-[color:var(--white)]" aria-label="LinkedIn">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
</a>
</div>
</div>
<div class="footer-links" data-footer-links></div>
<div class="space-y-2 text-xs text-subtle">
<p>Ceradon Systems, LLC (Utah) · CAGE 179U9 · UEI UZA9PFJ9RDL6 · Active in SAM.gov through Dec 5, 2026.</p>
<p>Socio-economic status: SDVOSB · VOSB.</p>
<p>NAICS: 541715, 541330 · PSC: K058, AJ11.</p>
<p>Not affiliated with or endorsed by the U.S. Government or Department of Defense.</p>
<p>© <span data-year></span> Ceradon Systems. All rights reserved.</p>
</div>
</div>
</footer>
<script type="module" src="./src/main.js"></script>
</body>
</html>