Add AI Integration Services page and site-wide navigation updates

Reg (Ceradon AI) · Reg (Ceradon AI) · commit f1cedf6ecb07 · 2026-02-24T01:17:09.000-07:00
- Create ai-services.html with full page: hero, problem/solution sections,
  how-it-works 3-step, service tiers (Starter .5K, Pro , Enterprise ),
  10-industry grid with SVG icons, social proof, lead magnet form (Formspree),
  FAQ accordion, and contact CTA
- Add 'AI Services' nav link to all 13 HTML pages (desktop nav)
- Update ui.js NAV_ITEMS (adds Scout + AI Services) and FOOTER_LINKS
- Add AI Services promotional banner to homepage
- Add ai-services.html to sitemap.xml
- Schema.org Service markup and full SEO meta tags
- Mobile responsive, matches existing dark theme and Tailwind patterns
diff --git a/ai-services.html b/ai-services.html
diff --git a/architect.html b/architect.html
@@ -48,6 +48,7 @@
           <a href="vantage.html" class="navlink">Vantage</a>
           <a href="architect.html" class="navlink">COTS Architect</a>
           <a href="scout.html" class="navlink">Ceradon Scout</a>
+          <a href="ai-services.html" class="navlink">AI Services</a>
           <a href="polygen.html" class="navlink">PolyGen AI</a>
           <a href="technology.html" class="navlink">R&amp;D</a>
           <a href="company.html" class="navlink">Company</a>
diff --git a/careers.html b/careers.html
@@ -48,6 +48,7 @@
           <a href="vantage.html" class="navlink">Vantage</a>
           <a href="architect.html" class="navlink">COTS Architect</a>
           <a href="scout.html" class="navlink">Ceradon Scout</a>
+          <a href="ai-services.html" class="navlink">AI Services</a>
           <a href="polygen.html" class="navlink">PolyGen AI</a>
           <a href="technology.html" class="navlink">R&amp;D</a>
           <a href="company.html" class="navlink">Company</a>
diff --git a/company.html b/company.html
@@ -48,6 +48,7 @@
           <a href="vantage.html" class="navlink">Vantage</a>
           <a href="architect.html" class="navlink">COTS Architect</a>
           <a href="scout.html" class="navlink">Ceradon Scout</a>
+          <a href="ai-services.html" class="navlink">AI Services</a>
           <a href="polygen.html" class="navlink">PolyGen AI</a>
           <a href="technology.html" class="navlink">R&amp;D</a>
           <a href="company.html" class="navlink" aria-current="page">Company</a>
diff --git a/contact.html b/contact.html
@@ -48,6 +48,7 @@
           <a href="vantage.html" class="navlink">Vantage</a>
           <a href="architect.html" class="navlink">COTS Architect</a>
           <a href="scout.html" class="navlink">Ceradon Scout</a>
+          <a href="ai-services.html" class="navlink">AI Services</a>
           <a href="polygen.html" class="navlink">PolyGen AI</a>
           <a href="technology.html" class="navlink">R&amp;D</a>
           <a href="company.html" class="navlink">Company</a>
diff --git a/disclaimer.html b/disclaimer.html
@@ -48,6 +48,7 @@
           <a href="vantage.html" class="navlink">Vantage</a>
           <a href="architect.html" class="navlink">COTS Architect</a>
           <a href="scout.html" class="navlink">Ceradon Scout</a>
+          <a href="ai-services.html" class="navlink">AI Services</a>
           <a href="polygen.html" class="navlink">PolyGen AI</a>
           <a href="technology.html" class="navlink">R&amp;D</a>
           <a href="company.html" class="navlink">Company</a>
diff --git a/index.html b/index.html
@@ -75,6 +75,7 @@
           <a href="vantage.html" class="navlink">Vantage</a>
           <a href="architect.html" class="navlink">COTS Architect</a>
           <a href="scout.html" class="navlink">Ceradon Scout</a>
+          <a href="ai-services.html" class="navlink">AI Services</a>
           <a href="polygen.html" class="navlink">PolyGen AI</a>
           <a href="technology.html" class="navlink">R&amp;D</a>
           <a href="company.html" class="navlink">Company</a>
@@ -355,6 +356,25 @@ <h3 class="text-lg font-semibold text-[color:var(--white)]">Engineering + Intel<
         </div>
       </section>
 
+      <!-- ============ AI SERVICES BANNER ============ -->
+      <section class="border-b border-[color:var(--steel-700)] bg-gradient-to-r from-[color:var(--ceradon-blue)]/5 via-transparent to-[color:var(--ceradon-blue)]/5">
+        <div class="mx-auto max-w-7xl px-4 py-16">
+          <div class="card-glass p-8 md:p-12 flex flex-col md:flex-row items-center gap-8 md:gap-12" data-animate>
+            <div class="rounded-xl bg-[color:var(--ceradon-blue)]/10 p-4 border border-[color:var(--ceradon-blue)]/15 shrink-0">
+              <svg class="h-10 w-10 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>
+            </div>
+            <div class="flex-1 space-y-3 text-center md:text-left">
+              <div class="flex items-center gap-3 justify-center md:justify-start">
+                <span class="tag">New</span>
+                <h2 class="text-xl md:text-2xl font-bold text-[color:var(--white)]">AI Agent Integration Services</h2>
+              </div>
+              <p class="text-subtle text-lg">Deploy custom AI agent systems for your business &mdash; from lead follow-up to document processing to 24/7 client communication. Starting at $2,500.</p>
+            </div>
+            <a href="ai-services.html" class="btn btn-primary text-sm shrink-0">Learn More &rarr;</a>
+          </div>
+        </div>
+      </section>
+
       <!-- ============ LABS / OTHER PROJECTS ============ -->
       <section class="border-b border-[color:var(--steel-700)]">
         <div class="mx-auto max-w-7xl px-4 py-20 space-y-12">
diff --git a/ip.html b/ip.html
@@ -48,6 +48,7 @@
           <a href="vantage.html" class="navlink">Vantage</a>
           <a href="architect.html" class="navlink">COTS Architect</a>
           <a href="scout.html" class="navlink">Ceradon Scout</a>
+          <a href="ai-services.html" class="navlink">AI Services</a>
           <a href="polygen.html" class="navlink">PolyGen AI</a>
           <a href="technology.html" class="navlink">R&amp;D</a>
           <a href="company.html" class="navlink">Company</a>
diff --git a/polygen.html b/polygen.html
@@ -47,6 +47,7 @@
           <a href="vantage.html" class="navlink">Vantage</a>
           <a href="architect.html" class="navlink">COTS Architect</a>
           <a href="scout.html" class="navlink">Ceradon Scout</a>
+          <a href="ai-services.html" class="navlink">AI Services</a>
           <a href="polygen.html" class="navlink">PolyGen AI</a>
           <a href="technology.html" class="navlink">R&amp;D</a>
           <a href="company.html" class="navlink">Company</a>
diff --git a/privacy.html b/privacy.html
@@ -48,6 +48,7 @@
           <a href="vantage.html" class="navlink">Vantage</a>
           <a href="architect.html" class="navlink">COTS Architect</a>
           <a href="scout.html" class="navlink">Ceradon Scout</a>
+          <a href="ai-services.html" class="navlink">AI Services</a>
           <a href="polygen.html" class="navlink">PolyGen AI</a>
           <a href="technology.html" class="navlink">R&amp;D</a>
           <a href="company.html" class="navlink">Company</a>
diff --git a/sitemap.xml b/sitemap.xml
@@ -42,6 +42,12 @@
     <changefreq>monthly</changefreq>
     <priority>0.5</priority>
   </url>
+  <url>
+    <loc>https://www.ceradonsystems.com/ai-services.html</loc>
+    <lastmod>2026-02-24</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.9</priority>
+  </url>
   <url>
     <loc>https://www.ceradonsystems.com/contact.html</loc>
     <lastmod>2026-02-15</lastmod>
diff --git a/src/ui.js b/src/ui.js
@@ -20,6 +20,8 @@ const NAV_ITEMS = [
   { label: 'Home', href: 'index.html#top' },
   { label: 'Vantage', href: 'vantage.html' },
   { label: 'COTS Architect', href: 'architect.html' },
+  { label: 'Ceradon Scout', href: 'scout.html' },
+  { label: 'AI Services', href: 'ai-services.html' },
   { label: 'PolyGen AI', href: 'polygen.html' },
   { label: 'Technology', href: 'technology.html' },
   { label: 'Company', href: 'company.html' },
@@ -30,6 +32,7 @@ const NAV_ITEMS = [
 const FOOTER_LINKS = [
   { label: 'Home', href: 'index.html' },
   { label: 'Vantage', href: 'vantage.html' },
+  { label: 'AI Integration Services', href: 'ai-services.html' },
   { label: 'Polygen AI', href: 'polygen.html' },
   { label: 'Architect Stack', href: 'architect.html' },
   { label: 'Technology', href: 'technology.html' },
diff --git a/technology.html b/technology.html
@@ -48,6 +48,7 @@
           <a href="vantage.html" class="navlink">Vantage</a>
           <a href="architect.html" class="navlink">COTS Architect</a>
           <a href="scout.html" class="navlink">Ceradon Scout</a>
+          <a href="ai-services.html" class="navlink">AI Services</a>
           <a href="polygen.html" class="navlink">PolyGen AI</a>
           <a href="technology.html" class="navlink" aria-current="page">R&amp;D</a>
           <a href="company.html" class="navlink">Company</a>
diff --git a/vantage.html b/vantage.html
@@ -121,6 +121,7 @@
           <a href="vantage.html" class="navlink" aria-current="page">Vantage</a>
           <a href="architect.html" class="navlink">COTS Architect</a>
           <a href="scout.html" class="navlink">Ceradon Scout</a>
+          <a href="ai-services.html" class="navlink">AI Services</a>
           <a href="polygen.html" class="navlink">PolyGen AI</a>
           <a href="technology.html" class="navlink">R&amp;D</a>
           <a href="company.html" class="navlink">Company</a>
