Skip to content

Commit a45b7d2

Browse files
author
Reg (Ceradon AI)
committed
Elevate Ceradon Scout with dedicated marketing section above Other Projects
1 parent 0e499b6 commit a45b7d2

File tree

1 file changed

+102
-40
lines changed

1 file changed

+102
-40
lines changed

index.html

Lines changed: 102 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -375,6 +375,107 @@ <h2 class="text-xl md:text-2xl font-bold text-[color:var(--white)]">AI Agent Int
375375
</div>
376376
</section>
377377

378+
<!-- ============ CERADON SCOUT ============ -->
379+
<section class="border-b border-[color:var(--steel-700)] relative overflow-hidden">
380+
<!-- Radar sweep background -->
381+
<div class="absolute inset-0 pointer-events-none" aria-hidden="true">
382+
<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] opacity-[0.07]">
383+
<div class="absolute inset-0 rounded-full border border-[color:var(--ceradon-blue)]"></div>
384+
<div class="absolute inset-[15%] rounded-full border border-[color:var(--ceradon-blue)]"></div>
385+
<div class="absolute inset-[30%] rounded-full border border-[color:var(--ceradon-blue)]"></div>
386+
<div class="absolute inset-[45%] rounded-full border border-[color:var(--ceradon-blue)]"></div>
387+
<div class="absolute top-0 bottom-0 left-1/2 w-px bg-[color:var(--ceradon-blue)]"></div>
388+
<div class="absolute left-0 right-0 top-1/2 h-px bg-[color:var(--ceradon-blue)]"></div>
389+
<div class="absolute inset-0 rounded-full overflow-hidden">
390+
<div class="absolute inset-0 bg-[conic-gradient(from_0deg,transparent_0deg,rgba(43,120,255,0.3)_30deg,transparent_60deg)] animate-spin" style="animation-duration:4s;"></div>
391+
</div>
392+
</div>
393+
</div>
394+
395+
<div class="relative mx-auto max-w-7xl px-4 py-20 space-y-10">
396+
<div class="grid gap-12 lg:grid-cols-2 lg:items-center">
397+
<!-- Left: Copy -->
398+
<div class="space-y-6" data-animate>
399+
<div class="flex items-center gap-3">
400+
<span class="tag">Live Product</span>
401+
<span class="inline-flex items-center gap-2 text-xs tracking-wider uppercase text-[color:var(--green-400)]">
402+
<span class="w-2 h-2 rounded-full bg-[color:var(--green-400)] pulse-dot"></span>
403+
SaaS &middot; Accepting Customers
404+
</span>
405+
</div>
406+
<h2 class="section-heading">Ceradon Scout</h2>
407+
<p class="text-xl text-[color:var(--white)] font-medium leading-relaxed">
408+
AI-powered federal opportunity scanner built for small defense businesses.
409+
</p>
410+
<p class="text-subtle text-lg leading-relaxed">
411+
Scout continuously monitors SAM.gov for contracts that match your capabilities. Every opportunity is AI-scored for relevance, filtered by set-aside status, and delivered as a daily email digest &mdash; so you never miss a contract you should be bidding on.
412+
</p>
413+
414+
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 pt-2">
415+
<div class="card-glass p-4 text-center space-y-1">
416+
<p class="text-2xl font-bold text-[color:var(--ceradon-blue)]">AI</p>
417+
<p class="text-xs text-subtle">Relevance Scoring</p>
418+
</div>
419+
<div class="card-glass p-4 text-center space-y-1">
420+
<p class="text-2xl font-bold text-[color:var(--ceradon-blue)]">SDVOSB</p>
421+
<p class="text-xs text-subtle">Set-Aside Filtering</p>
422+
</div>
423+
<div class="card-glass p-4 text-center space-y-1">
424+
<p class="text-2xl font-bold text-[color:var(--ceradon-blue)]">Daily</p>
425+
<p class="text-xs text-subtle">Email Digests</p>
426+
</div>
427+
</div>
428+
429+
<div class="flex flex-col sm:flex-row items-start sm:items-center gap-4 pt-2">
430+
<a href="scout.html" class="btn btn-primary text-sm">Learn More &rarr;</a>
431+
<a href="https://sentinel-scout.vercel.app" target="_blank" rel="noopener noreferrer" class="btn btn-secondary text-sm">Start Scanning &rarr;</a>
432+
</div>
433+
<p class="text-sm text-subtle">Plans from <strong class="text-[color:var(--white)]">$49/mo</strong> to <strong class="text-[color:var(--white)]">$199/mo</strong> &middot; Cancel anytime</p>
434+
</div>
435+
436+
<!-- Right: Feature list -->
437+
<div class="space-y-5" data-animate data-delay="200">
438+
<div class="card-glass p-6 flex items-start gap-4 group">
439+
<div class="rounded-xl bg-[color:var(--ceradon-blue)]/10 p-3 shrink-0 border border-[color:var(--ceradon-blue)]/15 group-hover:border-[color:var(--ceradon-blue)]/30 transition-colors">
440+
<svg class="h-6 w-6 text-[color:var(--ceradon-blue)]" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" /></svg>
441+
</div>
442+
<div>
443+
<h3 class="font-semibold text-[color:var(--white)] mb-1">SAM.gov Opportunity Scanning</h3>
444+
<p class="text-sm text-subtle leading-relaxed">Automated daily scans of new solicitations, pre-solicitations, and award notices across all federal agencies.</p>
445+
</div>
446+
</div>
447+
<div class="card-glass p-6 flex items-start gap-4 group">
448+
<div class="rounded-xl bg-[color:var(--ceradon-blue)]/10 p-3 shrink-0 border border-[color:var(--ceradon-blue)]/15 group-hover:border-[color:var(--ceradon-blue)]/30 transition-colors">
449+
<svg class="h-6 w-6 text-[color:var(--ceradon-blue)]" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 0 0-2.455 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" /></svg>
450+
</div>
451+
<div>
452+
<h3 class="font-semibold text-[color:var(--white)] mb-1">AI Capability-Fit Scoring</h3>
453+
<p class="text-sm text-subtle leading-relaxed">Each opportunity is scored against your company profile using AI &mdash; focus on the contracts you can actually win.</p>
454+
</div>
455+
</div>
456+
<div class="card-glass p-6 flex items-start gap-4 group">
457+
<div class="rounded-xl bg-[color:var(--ceradon-blue)]/10 p-3 shrink-0 border border-[color:var(--ceradon-blue)]/15 group-hover:border-[color:var(--ceradon-blue)]/30 transition-colors">
458+
<svg class="h-6 w-6 text-[color:var(--ceradon-blue)]" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z" /></svg>
459+
</div>
460+
<div>
461+
<h3 class="font-semibold text-[color:var(--white)] mb-1">SDVOSB / VOSB Set-Aside Filters</h3>
462+
<p class="text-sm text-subtle leading-relaxed">Automatically surface veteran-owned set-asides, 8(a), HUBZone, and other small business opportunities.</p>
463+
</div>
464+
</div>
465+
<div class="card-glass p-6 flex items-start gap-4 group">
466+
<div class="rounded-xl bg-[color:var(--ceradon-blue)]/10 p-3 shrink-0 border border-[color:var(--ceradon-blue)]/15 group-hover:border-[color:var(--ceradon-blue)]/30 transition-colors">
467+
<svg class="h-6 w-6 text-[color:var(--ceradon-blue)]" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25H4.5a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v1.072a2.25 2.25 0 0 1-1.08 1.923l-6.772 4.064a2.25 2.25 0 0 1-2.296 0L3.33 9.745a2.25 2.25 0 0 1-1.08-1.923V6.75" /></svg>
468+
</div>
469+
<div>
470+
<h3 class="font-semibold text-[color:var(--white)] mb-1">Daily Email Digests</h3>
471+
<p class="text-sm text-subtle leading-relaxed">Curated opportunity reports delivered to your inbox every morning. No login required to stay informed.</p>
472+
</div>
473+
</div>
474+
</div>
475+
</div>
476+
</div>
477+
</section>
478+
378479
<!-- ============ LABS / OTHER PROJECTS ============ -->
379480
<section class="border-b border-[color:var(--steel-700)]">
380481
<div class="mx-auto max-w-7xl px-4 py-20 space-y-12">
@@ -383,46 +484,7 @@ <h2 class="text-xl md:text-2xl font-bold text-[color:var(--white)]">AI Agent Int
383484
<h2 class="section-heading">Other Projects</h2>
384485
<p class="text-subtle text-lg">Complementary tools and experiments from the Ceradon ecosystem.</p>
385486
</div>
386-
<div class="grid gap-5 md:grid-cols-2 lg:grid-cols-4" data-animate-stagger>
387-
<article class="product-card" id="scout">
388-
<div class="w-full h-36 rounded-xl mb-5 bg-gradient-to-br from-[#0a1628] to-[#1a2a4a] flex items-center justify-center border border-[color:var(--steel-600)] relative overflow-hidden">
389-
<!-- Animated radar display -->
390-
<div class="relative w-24 h-24">
391-
<!-- Radar screen background -->
392-
<div class="absolute inset-0 rounded-full border border-[color:var(--ceradon-blue)]/40 bg-gradient-radial from-[rgba(43,120,255,0.1)] to-transparent"></div>
393-
394-
<!-- Radar rings -->
395-
<div class="absolute inset-2 rounded-full border border-[color:var(--ceradon-blue)]/25 animate-pulse"></div>
396-
<div class="absolute inset-4 rounded-full border border-[color:var(--ceradon-blue)]/20 animate-pulse" style="animation-delay: 0.5s;"></div>
397-
<div class="absolute inset-6 rounded-full border border-[color:var(--ceradon-blue)]/15 animate-pulse" style="animation-delay: 1s;"></div>
398-
399-
<!-- Crosshair -->
400-
<div class="absolute top-0 bottom-0 left-1/2 w-px bg-[color:var(--ceradon-blue)]/30 transform -translate-x-1/2"></div>
401-
<div class="absolute left-0 right-0 top-1/2 h-px bg-[color:var(--ceradon-blue)]/30 transform -translate-y-1/2"></div>
402-
403-
<!-- Center dot -->
404-
<div class="absolute top-1/2 left-1/2 w-2 h-2 bg-[color:var(--ceradon-blue)] rounded-full transform -translate-x-1/2 -translate-y-1/2 shadow-[0_0_8px_rgba(43,120,255,0.8)] animate-pulse"></div>
405-
406-
<!-- Target blips -->
407-
<div class="absolute top-[20%] left-[70%] w-1 h-1 bg-[color:var(--ceradon-blue)] rounded-full animate-pulse opacity-80"></div>
408-
<div class="absolute top-[60%] left-[30%] w-1 h-1 bg-green-400 rounded-full animate-pulse opacity-70" style="animation-delay: 0.3s;"></div>
409-
<div class="absolute top-[75%] left-[65%] w-1 h-1 bg-[color:var(--ceradon-cyan)] rounded-full animate-pulse opacity-60" style="animation-delay: 0.7s;"></div>
410-
</div>
411-
412-
<!-- Subtle scanning effect -->
413-
<div class="absolute inset-0 bg-gradient-conic from-transparent via-[rgba(43,120,255,0.1)] to-transparent opacity-50 animate-spin" style="animation-duration: 4s;"></div>
414-
</div>
415-
<div class="product-card__header">
416-
<h3 class="product-title">Ceradon Scout</h3>
417-
<p class="product-tagline">Defense opportunity scanner for small businesses.</p>
418-
</div>
419-
<ul class="product-bullets">
420-
<li>AI-scored SAM.gov, Grants.gov & SBIR scanning</li>
421-
<li>SDVOSB / VOSB set-aside filtering</li>
422-
<li>Daily email digests with capability fit analysis</li>
423-
</ul>
424-
<a class="btn btn-secondary mt-5 inline-flex text-xs" href="scout.html">Learn More</a>
425-
</article>
487+
<div class="grid gap-5 md:grid-cols-2 lg:grid-cols-3" data-animate-stagger>
426488
<article class="product-card">
427489
<img src="./assets/hero-polygen.webp" alt="Polygen AI text-to-3D model generator interface" class="w-full h-36 object-cover rounded-xl mb-5 opacity-75" loading="lazy" width="1920" height="1071" />
428490
<div class="product-card__header">

0 commit comments

Comments
 (0)