-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
162 lines (158 loc) · 11.7 KB
/
contact.html
File metadata and controls
162 lines (158 loc) · 11.7 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
<!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 open-source contributions." />
<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 open-source contributions." />
<meta name="twitter:image" content="https://www.ceradonsystems.com/assets/Emblem.webp" />
<meta name="robots" content="index, follow" />`n <link rel="canonical" href="https://www.ceradonsystems.com/contact.html" /> <link rel="icon" type="image/png" 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="aegis.html" class="block px-4 py-2 text-sm text-gray-300 hover:text-white hover:bg-[#1e293b]">AEGIS <span class="text-xs text-[color:var(--ceradon-blue)]">Counter-UAS</span></a>
<a href="scout.html" class="block px-4 py-2 text-sm text-gray-300 hover:text-white hover:bg-[#1e293b]">SCOUT</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="polygen.html" class="block px-4 py-2 text-sm text-gray-300 hover:text-white hover:bg-[#1e293b]">PolyGen</a>
<a href="fedresume.html" class="block px-4 py-2 text-sm text-gray-300 hover:text-white hover:bg-[#1e293b]">FedResume</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-10">
<div class="grid gap-10 lg:grid-cols-[1.1fr_0.9fr]">
<div class="card-glass p-8 space-y-6">
<div class="flex items-center gap-4">
<img src="./assets/Emblem.webp" alt="Ceradon Systems" class="h-16 w-16 image-surface" loading="lazy" width="558" height="558" />
<div>
<h1 class="text-3xl font-bold text-[color:var(--white)]">Contact Ceradon Systems</h1>
<p class="text-sm text-subtle">Offline-first RF sensing and planning support.</p>
</div>
</div>
<p class="text-subtle">Send us your collaboration requests, demo questions, or open-source contribution ideas. We operate on offline-friendly channels.</p>
<div class="space-y-2 text-sm text-subtle">
<p><strong class="text-[color:var(--white)]">Email:</strong> <a href="mailto:contact@ceradonsystems.com" class="text-[color:var(--ceradon-blue)]">contact@ceradonsystems.com</a></p>
<p><strong class="text-[color:var(--white)]">Signal:</strong> Available on request.</p>
</div>
</div>
<form class="card-glass p-8 space-y-4" action="https://formspree.io/f/xnjbjayd" method="POST" data-contact-form aria-label="Contact form">
<input type="hidden" name="_subject" value="Ceradon Website Contact" />
<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>
<div class="card-glass p-8 space-y-4">
<h2 class="text-2xl font-semibold text-[color:var(--white)]">How to Procure</h2>
<p class="text-subtle">Ceradon Systems is a verified Veteran-Owned Small Business eligible for sole-source and set-aside contract awards.</p>
<p class="text-sm text-subtle"><strong class="text-[color:var(--white)]">CAGE:</strong> 179U9 · <strong class="text-[color:var(--white)]">UEI:</strong> UZA9PFJ9RDL6 · <strong class="text-[color:var(--white)]">NAICS:</strong> 541715, 541330</p>
<p class="text-sm text-subtle">SAM.gov registered through December 2026.</p>
<p class="text-sm text-subtle">For procurement inquiries, contact us directly or reach out through your contracting office.</p>
</div>
<div class="grid gap-6 lg:grid-cols-[1fr_1fr]">
<div class="card-glass p-6 space-y-3">
<h2 class="text-2xl font-semibold text-[color:var(--white)]">Operations</h2>
<p class="text-sm text-subtle">Utah-based, remote-first, and appointment-only for on-site visits.</p>
<p class="text-sm text-subtle">Use email to coordinate collaboration or demo requests.</p>
</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>