diff --git a/apps/web/src/components/Header.astro b/apps/web/src/components/Header.astro
index d3e9395e1..362fc08dd 100644
--- a/apps/web/src/components/Header.astro
+++ b/apps/web/src/components/Header.astro
@@ -17,7 +17,7 @@ const locale = Astro.locals.locale
           aria-label={m.capgo_home({}, { locale: Astro.locals.locale })}
           class="font-prompt flex items-center pr-3 text-4xl font-medium"
         >
-          <img class="h-18 w-auto pr-1" loading="eager" height="72" width="133" alt={`${brand} logo`} aria-label={`${brand} logo`} src="/capgo_logo.webp" />
+          <img class="site-logo h-18 w-auto pr-1" loading="eager" height="72" width="133" alt={`${brand} logo`} aria-label={`${brand} logo`} src="/capgo_logo.webp" />
         </a>
       </div>
       <div class="flex xl:hidden">
diff --git a/apps/web/src/components/Hero.astro b/apps/web/src/components/Hero.astro
index 2a697f668..aa249eb3e 100644
--- a/apps/web/src/components/Hero.astro
+++ b/apps/web/src/components/Hero.astro
@@ -217,7 +217,7 @@ const ctaSubtext = `${m.days_free_trial({}, { locale: Astro.locals.locale })}. $
     </div>
   </div>
   <!-- Features Bar -->
-  <div class="bg-linear-to-b from-gray-900 to-[#1a1a1a] py-6 sm:py-16 lg:py-20">
+  <div class="bg-linear-to-b from-gray-900 to-[#1a1a1a] py-6 sm:py-16 lg:py-20" data-refresh-dark>
     <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
       <!-- Single Horizontal Bar with Features and Stats -->
       <div class="mx-auto max-w-6xl">
diff --git a/apps/web/src/css/global.css b/apps/web/src/css/global.css
index 5c2f1411b..513ca7130 100644
--- a/apps/web/src/css/global.css
+++ b/apps/web/src/css/global.css
@@ -259,6 +259,187 @@ body,
   overflow: auto;
   border-spacing: 0;
 }
+
+/* Shared refresh for product and solution pages.
+   Lighten only neutral sections; explicit dark sections keep their own contrast. */
+.marketing-refresh {
+  background: #f9fafb;
+  color: #111827;
+}
+
+.marketing-refresh > main {
+  background: #f9fafb;
+}
+
+.marketing-refresh main section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']]) {
+  background-color: #f9fafb;
+}
+
+.marketing-refresh
+  main
+  section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']])
+  :where(
+    h1.text-white,
+    h2.text-white,
+    h2.text-gray-100,
+    h2.text-gray-200,
+    h2.text-gray-300,
+    h3.text-white,
+    h3.text-gray-100,
+    h3.text-gray-200,
+    h3.text-gray-300,
+    h4.text-white,
+    h4.text-gray-100,
+    h4.text-gray-200,
+    h4.text-gray-300
+  ) {
+  color: #111827 !important;
+}
+
+.marketing-refresh
+  main
+  section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']])
+  :where(p.text-gray-300, p.text-gray-400, li.text-gray-300, li.text-gray-400, span.text-gray-300, span.text-gray-400, div.text-gray-300, div.text-gray-400) {
+  color: #4b5563 !important;
+}
+
+.marketing-refresh
+  main
+  section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']])
+  :where(span.text-white, span.text-gray-100, span.text-gray-200, div.text-white, div.text-gray-100, div.text-gray-200) {
+  color: #111827 !important;
+}
+
+.marketing-refresh
+  main
+  section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']])
+  :where(.text-blue-100, .text-blue-200, .text-sky-100, .text-sky-200, .text-emerald-100, .text-emerald-200, .text-green-100, .text-green-200) {
+  color: #1d4ed8 !important;
+}
+
+.marketing-refresh
+  main
+  section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']])
+  :where(svg.text-white, svg.text-gray-300, svg.text-gray-400) {
+  color: #1d4ed8 !important;
+}
+
+.marketing-refresh
+  main
+  section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']])
+  :where(.border-gray-800, .border-gray-700, .border-gray-600, .border-white\/10, .border-white\/15) {
+  border-color: #d1d5db !important;
+}
+
+.marketing-refresh
+  main
+  section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']])
+  :where(.bg-gray-900\/40, .bg-gray-900\/50, .bg-gray-800\/40, .bg-gray-800\/50, .bg-white\/5) {
+  background-color: #ffffff !important;
+}
+
+.marketing-refresh
+  main
+  section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']])
+  :where(a.border-gray-600, a.border-white\/15, a.border-white\/30, a.bg-white\/5):not(:hover):not(:focus-visible) {
+  border-color: #d1d5db !important;
+  color: #111827 !important;
+}
+
+.marketing-refresh
+  main
+  section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']])
+  :where(a.border-gray-600, a.border-white\/15, a.border-white\/30, a.bg-white\/5):hover {
+  color: #111827 !important;
+}
+
+.marketing-refresh main section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']]) :where(input, select, textarea) {
+  border-color: #d1d5db !important;
+  background-color: #ffffff !important;
+  color: #111827 !important;
+}
+
+.marketing-refresh
+  main
+  section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']])
+  :where(input::placeholder, textarea::placeholder) {
+  color: #6b7280 !important;
+}
+
+.marketing-refresh
+  main
+  section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']])
+  [data-refresh-dark]
+  :where(h1.text-white, h2.text-white, h3.text-white, h4.text-white, span.text-white, div.text-white) {
+  color: #ffffff !important;
+}
+
+.marketing-refresh
+  main
+  section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']])
+  [data-refresh-dark]
+  :where(p.text-gray-300, p.text-gray-400, li.text-gray-300, li.text-gray-400, span.text-gray-300, span.text-gray-400, div.text-gray-300, div.text-gray-400) {
+  color: #9ca3af !important;
+}
+
+.marketing-refresh
+  main
+  section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']])
+  :where([class*='bg-gray-9'], [class*='bg-slate-9'], [class*='bg-zinc-9'], [class*='bg-[#']], [data-refresh-dark])
+  :where(h1.text-white, h2.text-white, h3.text-white, h4.text-white, span.text-white, div.text-white) {
+  color: #ffffff !important;
+}
+
+.marketing-refresh
+  main
+  section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']])
+  :where([class*='bg-gray-9'], [class*='bg-slate-9'], [class*='bg-zinc-9'], [class*='bg-[#']], [data-refresh-dark])
+  :where(p.text-gray-300, p.text-gray-400, li.text-gray-300, li.text-gray-400, span.text-gray-300, span.text-gray-400, div.text-gray-300, div.text-gray-400) {
+  color: #9ca3af !important;
+}
+
+.marketing-refresh
+  main
+  section:not([class*='bg-gray-9']):not([class*='bg-slate-9']):not([class*='bg-zinc-9']):not([class*='bg-[#']])
+  :where([class*='bg-gray-9'], [class*='bg-slate-9'], [class*='bg-zinc-9'], [class*='bg-[#']], [data-refresh-dark])
+  :where(svg.text-white, svg.text-gray-300, svg.text-gray-400) {
+  color: #9ca3af !important;
+}
+
+.marketing-refresh header :where(.text-slate-100, .text-slate-200, .text-gray-300) {
+  color: #4b5563 !important;
+}
+
+.marketing-refresh header .site-logo {
+  filter: invert(1) brightness(0.35) contrast(1.4);
+}
+
+.marketing-refresh header :where(a.bg-slate-800\/80) {
+  background-color: #111827 !important;
+  border-color: #111827 !important;
+  color: #ffffff !important;
+}
+
+.marketing-refresh header :where(a.bg-slate-800\/80 svg, a.bg-slate-800\/80 span) {
+  color: #ffffff !important;
+}
+
+.marketing-refresh header :where(.bg-slate-800\/95, .bg-white\/5) {
+  background-color: rgb(255 255 255 / 0.95) !important;
+}
+
+.marketing-refresh header :where(button.text-white, #mobile-menu a.text-white, #mobile-menu button.text-white) {
+  color: #111827 !important;
+}
+
+.marketing-refresh header :where(.hover\:bg-white\/10:hover, .hover\:bg-slate-700:hover, .hover\:bg-gray-700:hover) {
+  background-color: #f3f4f6 !important;
+}
+
+.marketing-refresh header :where(.hover\:text-white:hover) {
+  color: #111827 !important;
+}
+
 .blog.prose :is(th, td):not(:where(.not-content *)) {
   border-bottom: 1px solid var(--color-gray-700);
   padding: 0.5rem 1rem;
diff --git a/apps/web/src/layouts/Layout.astro b/apps/web/src/layouts/Layout.astro
index 98aa7d619..c0f917786 100644
--- a/apps/web/src/layouts/Layout.astro
+++ b/apps/web/src/layouts/Layout.astro
@@ -8,6 +8,7 @@ import globalStylesHref from '../css/global.css?url'
 
 const content = Astro.props.content ?? {}
 const disableThirdPartyScripts = Astro.props.disableThirdPartyScripts ?? false
+const pageStyle = Astro.props.pageStyle ?? ''
 
 const isLocalhost = Astro.url.origin.includes('localhost:')
 const enableThirdPartyScripts = !isLocalhost && !disableThirdPartyScripts
@@ -30,7 +31,7 @@ const enableThirdPartyScripts = !isLocalhost && !disableThirdPartyScripts
     >
       Skip to main content
     </a>
-    <div class="overflow-x-hidden bg-gray-900 text-white">
+    <div class:list={['overflow-x-hidden bg-gray-900 text-white', pageStyle]}>
       <Header />
       <main id="main-content">
         <slot />
diff --git a/apps/web/src/pages/app_mobile.astro b/apps/web/src/pages/app_mobile.astro
index d78d97bc1..8983925a1 100644
--- a/apps/web/src/pages/app_mobile.astro
+++ b/apps/web/src/pages/app_mobile.astro
@@ -13,7 +13,7 @@ const content = {
 }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <div class="relative">
       <!-- Animated background elements -->
diff --git a/apps/web/src/pages/ci_cd.astro b/apps/web/src/pages/ci_cd.astro
index 0485b420f..738bf7b53 100644
--- a/apps/web/src/pages/ci_cd.astro
+++ b/apps/web/src/pages/ci_cd.astro
@@ -19,15 +19,15 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 })
 ---
 
-<Layout content={{ title: pageTitle, description: pageDescription, ldJSON }}>
+<Layout content={{ title: pageTitle, description: pageDescription, ldJSON }} pageStyle="marketing-refresh">
   <div>
     <!-- Hero Section -->
-    <section class="overflow-hidden relative py-20 bg-gray-900 sm:py-24 lg:py-32">
-      <div class="relative px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
+    <section class="relative overflow-hidden bg-gray-900 py-20 sm:py-24 lg:py-32">
+      <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div class="text-center">
           <!-- Badge -->
-          <div class="inline-flex items-center py-2 px-4 mb-8 text-sm font-medium text-gray-100 rounded-full ring-1 ring-inset bg-gray-800/40 ring-white/15">
-            <svg class="mr-2 w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <div class="mb-8 inline-flex items-center rounded-full bg-gray-800/40 px-4 py-2 text-sm font-medium text-gray-100 ring-1 ring-white/15 ring-inset">
+            <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
               <path
                 stroke-linecap="round"
                 stroke-linejoin="round"
@@ -37,7 +37,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
             Stop Manual Native Builds
           </div>
 
-          <h1 class="text-4xl font-bold leading-tight text-white sm:text-5xl lg:text-6xl">
+          <h1 class="text-4xl leading-tight font-bold text-white sm:text-5xl lg:text-6xl">
             <span class="text-gray-100">Still Building iOS & Android</span><br />
             <span class="text-gray-200"> Apps Manually? </span>
           </h1>
@@ -48,10 +48,10 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
           </p>
 
           <div class="mx-auto mt-8 max-w-3xl">
-            <div class="p-6 rounded-2xl border border-gray-700 bg-gray-800/50 backdrop-blur-sm">
-              <h3 class="mb-4 text-2xl font-bold text-white">
+            <div class="rounded-2xl border border-gray-700 bg-gray-800/50 p-6 backdrop-blur-sm">
+              <h2 class="mb-4 text-2xl font-bold text-white">
                 What if builds happened <span class="text-gray-100">automatically on every commit?</span>
-              </h3>
+              </h2>
               <p class="text-lg text-gray-300">
                 Expert CI/CD setup for native mobile apps. Automated iOS & Android builds, signing, and distribution. No more manual build processes.
               </p>
@@ -59,25 +59,26 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
           </div>
 
           <!-- CTA Buttons -->
-          <div class="flex flex-col gap-4 justify-center mt-10 sm:flex-row">
-            <div class="inline-flex relative group" role="presentation">
+          <div class="mt-10 flex flex-col justify-center gap-4 sm:flex-row">
+            <div class="group relative inline-flex" role="presentation">
               <div
-                class="absolute -inset-4 rounded-xl transition-opacity duration-300 pointer-events-none group-hover:opacity-90 opacity-65"
+                class="pointer-events-none absolute -inset-4 rounded-xl opacity-65 transition-opacity duration-300 group-hover:opacity-90"
                 style="background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70%);"
-              ></div>
+              >
+              </div>
               <a
                 href="https://cal.com/team/capgo/mobile-ci-cd-done-for-you"
-                class="inline-flex relative justify-center items-center py-4 px-8 text-lg font-bold text-white bg-gray-900 rounded-xl border border-red-500 transition-all duration-200 hover:bg-red-600 focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:outline-none"
+                class="relative inline-flex items-center justify-center rounded-xl border border-red-500 bg-gray-900 px-8 py-4 text-lg font-bold text-white transition-all duration-200 hover:bg-red-600 focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:outline-none"
               >
                 Get CI/CD Setup
-                <svg class="ml-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <svg aria-hidden="true" focusable="false" class="ml-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
                 </svg>
               </a>
             </div>
             <a
               href="#how-it-works"
-              class="inline-flex justify-center items-center py-4 px-8 text-lg font-medium text-white bg-gray-800 rounded-xl border border-gray-600 transition-all duration-200 hover:bg-gray-700"
+              class="inline-flex items-center justify-center rounded-xl border border-gray-600 bg-gray-800 px-8 py-4 text-lg font-medium text-white transition-all duration-200 hover:bg-gray-700 focus:ring-2 focus:ring-white/80 focus:ring-offset-2 focus:ring-offset-gray-900 focus:outline-none"
             >
               See How It Works
             </a>
@@ -92,22 +93,22 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
     </section>
 
     <!-- Problem/Solution Section -->
-    <section class="py-16 bg-gray-50 sm:py-20 lg:py-24">
-      <div class="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
+    <section class="bg-gray-50 py-16 sm:py-20 lg:py-24">
+      <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div class="mb-16 text-center">
-          <h2 class="text-3xl font-bold leading-tight text-gray-900 sm:text-4xl">The Native Build Nightmare</h2>
+          <h2 class="text-3xl leading-tight font-bold text-gray-900 sm:text-4xl">The Native Build Nightmare</h2>
           <p class="mx-auto mt-4 max-w-3xl text-lg text-gray-600">Every mobile developer knows the pain of manual builds. Here's how professional CI/CD setup solves it forever.</p>
         </div>
 
         <!-- Problem vs Solution Grid -->
-        <div class="grid grid-cols-1 gap-8 mb-16 lg:grid-cols-2">
+        <div class="mb-16 grid grid-cols-1 gap-8 lg:grid-cols-2">
           <!-- Problem Side -->
           <div class="relative">
             <div class="absolute inset-0 rounded-2xl bg-red-500/5 blur-xl"></div>
-            <div class="relative p-8 bg-white rounded-2xl border-2 border-red-200 shadow-lg">
-              <div class="flex items-center mb-6">
-                <div class="flex justify-center items-center w-12 h-12 bg-red-500 rounded-xl">
-                  <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <div class="relative rounded-2xl border-2 border-red-200 bg-white p-8 shadow-lg">
+              <div class="mb-6 flex items-center">
+                <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-red-500">
+                  <svg aria-hidden="true" focusable="false" class="h-6 w-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path
                       stroke-linecap="round"
                       stroke-linejoin="round"
@@ -120,8 +121,8 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 
               <div class="space-y-4">
                 <div class="flex items-start">
-                  <div class="flex justify-center items-center mt-1 w-6 h-6 bg-red-100 rounded-full">
-                    <svg class="w-4 h-4 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <div class="mt-1 flex h-6 w-6 items-center justify-center rounded-full bg-red-100">
+                    <svg aria-hidden="true" focusable="false" class="h-4 w-4 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                     </svg>
                   </div>
@@ -132,8 +133,8 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
                 </div>
 
                 <div class="flex items-start">
-                  <div class="flex justify-center items-center mt-1 w-6 h-6 bg-red-100 rounded-full">
-                    <svg class="w-4 h-4 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <div class="mt-1 flex h-6 w-6 items-center justify-center rounded-full bg-red-100">
+                    <svg aria-hidden="true" focusable="false" class="h-4 w-4 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                     </svg>
                   </div>
@@ -144,8 +145,8 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
                 </div>
 
                 <div class="flex items-start">
-                  <div class="flex justify-center items-center mt-1 w-6 h-6 bg-red-100 rounded-full">
-                    <svg class="w-4 h-4 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <div class="mt-1 flex h-6 w-6 items-center justify-center rounded-full bg-red-100">
+                    <svg aria-hidden="true" focusable="false" class="h-4 w-4 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                     </svg>
                   </div>
@@ -156,8 +157,8 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
                 </div>
 
                 <div class="flex items-start">
-                  <div class="flex justify-center items-center mt-1 w-6 h-6 bg-red-100 rounded-full">
-                    <svg class="w-4 h-4 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <div class="mt-1 flex h-6 w-6 items-center justify-center rounded-full bg-red-100">
+                    <svg aria-hidden="true" focusable="false" class="h-4 w-4 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                     </svg>
                   </div>
@@ -168,8 +169,8 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
                 </div>
               </div>
 
-              <div class="p-4 mt-6 bg-red-50 rounded-xl">
-                <p class="font-semibold text-center text-red-800">Result: Slow releases, team bottlenecks, wasted developer time</p>
+              <div class="mt-6 rounded-xl bg-red-50 p-4">
+                <p class="text-center font-semibold text-red-800">Result: Slow releases, team bottlenecks, wasted developer time</p>
               </div>
             </div>
           </div>
@@ -177,10 +178,10 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
           <!-- Solution Side -->
           <div class="relative">
             <div class="absolute inset-0 rounded-2xl bg-green-500/10 blur-xl"></div>
-            <div class="relative p-8 bg-white rounded-2xl border-2 border-green-200 shadow-lg">
-              <div class="flex items-center mb-6">
-                <div class="flex justify-center items-center w-12 h-12 bg-green-500 rounded-xl">
-                  <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <div class="relative rounded-2xl border-2 border-green-200 bg-white p-8 shadow-lg">
+              <div class="mb-6 flex items-center">
+                <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-green-500">
+                  <svg aria-hidden="true" focusable="false" class="h-6 w-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
                   </svg>
                 </div>
@@ -189,8 +190,8 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 
               <div class="space-y-4">
                 <div class="flex items-start">
-                  <div class="flex justify-center items-center mt-1 w-6 h-6 bg-green-100 rounded-full">
-                    <svg class="w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <div class="mt-1 flex h-6 w-6 items-center justify-center rounded-full bg-green-100">
+                    <svg aria-hidden="true" focusable="false" class="h-4 w-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                     </svg>
                   </div>
@@ -201,8 +202,8 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
                 </div>
 
                 <div class="flex items-start">
-                  <div class="flex justify-center items-center mt-1 w-6 h-6 bg-green-100 rounded-full">
-                    <svg class="w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <div class="mt-1 flex h-6 w-6 items-center justify-center rounded-full bg-green-100">
+                    <svg aria-hidden="true" focusable="false" class="h-4 w-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                     </svg>
                   </div>
@@ -213,8 +214,8 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
                 </div>
 
                 <div class="flex items-start">
-                  <div class="flex justify-center items-center mt-1 w-6 h-6 bg-green-100 rounded-full">
-                    <svg class="w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <div class="mt-1 flex h-6 w-6 items-center justify-center rounded-full bg-green-100">
+                    <svg aria-hidden="true" focusable="false" class="h-4 w-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                     </svg>
                   </div>
@@ -225,8 +226,8 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
                 </div>
 
                 <div class="flex items-start">
-                  <div class="flex justify-center items-center mt-1 w-6 h-6 bg-green-100 rounded-full">
-                    <svg class="w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <div class="mt-1 flex h-6 w-6 items-center justify-center rounded-full bg-green-100">
+                    <svg aria-hidden="true" focusable="false" class="h-4 w-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                     </svg>
                   </div>
@@ -237,8 +238,8 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
                 </div>
               </div>
 
-              <div class="p-4 mt-6 bg-green-50 rounded-xl">
-                <p class="font-semibold text-center text-green-800">Result: Efficient team, reliable builds, faster release cycles</p>
+              <div class="mt-6 rounded-xl bg-green-50 p-4">
+                <p class="text-center font-semibold text-green-800">Result: Efficient team, reliable builds, faster release cycles</p>
               </div>
             </div>
           </div>
@@ -247,9 +248,9 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
         <!-- Platforms Support -->
         <div class="text-center">
           <h3 class="mb-8 text-2xl font-bold text-gray-900">Works with your existing CI/CD setup</h3>
-          <div class="flex flex-wrap gap-8 justify-center items-center opacity-60">
+          <div class="flex flex-wrap items-center justify-center gap-8 opacity-60">
             <div class="flex items-center space-x-2">
-              <svg class="w-8 h-8 text-gray-700" fill="currentColor" viewBox="0 0 24 24">
+              <svg aria-hidden="true" focusable="false" class="h-8 w-8 text-gray-700" fill="currentColor" viewBox="0 0 24 24">
                 <path
                   d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
                 ></path>
@@ -257,7 +258,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
               <span class="font-medium text-gray-700">GitHub Actions</span>
             </div>
             <div class="flex items-center space-x-2">
-              <svg class="w-8 h-8 text-orange-600" fill="currentColor" viewBox="0 0 24 24">
+              <svg aria-hidden="true" focusable="false" class="h-8 w-8 text-orange-600" fill="currentColor" viewBox="0 0 24 24">
                 <path
                   d="M23.955 13.587l-1.342-4.135-2.664-8.189c-.135-.423-.73-.423-.867 0L16.418 9.45H7.582L4.919 1.263c-.135-.423-.73-.423-.867 0L1.388 9.452.046 13.587c-.121.375.014.793.331 1.023L12 23.054l11.623-8.443c.318-.235.453-.653.332-1.024"
                 ></path>
@@ -265,11 +266,11 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
               <span class="font-medium text-gray-700">GitLab CI</span>
             </div>
             <div class="flex items-center space-x-2">
-              <img src="/icons/jenkins.svg" alt="Jenkins" class="w-8 h-8" />
+              <img src="/icons/jenkins.svg" alt="" class="h-8 w-8" />
               <span class="font-medium text-gray-700">Jenkins</span>
             </div>
             <div class="flex items-center space-x-2">
-              <img src="/icons/circleci.svg" alt="CircleCI" class="w-8 h-8" />
+              <img src="/icons/circleci.svg" alt="" class="h-8 w-8" />
               <span class="font-medium text-gray-700">CircleCI</span>
             </div>
             <div class="flex items-center space-x-2">
@@ -281,10 +282,10 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
     </section>
 
     <!-- How It Works Section -->
-    <section id="how-it-works" class="py-16 bg-gray-900 sm:py-20 lg:py-24">
-      <div class="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
+    <section id="how-it-works" class="bg-gray-900 py-16 sm:py-20 lg:py-24">
+      <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div class="mb-16 text-center">
-          <h2 class="text-3xl font-bold leading-tight text-white sm:text-4xl">
+          <h2 class="text-3xl leading-tight font-bold text-white sm:text-4xl">
             From Code to App Stores <span class="text-green-400">Automatically</span>
           </h2>
           <p class="mx-auto mt-4 max-w-3xl text-lg text-gray-300">
@@ -295,7 +296,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
         <div class="grid grid-cols-1 gap-12 lg:grid-cols-3">
           <!-- Step 1 -->
           <div class="text-center">
-            <div class="flex justify-center items-center mx-auto mb-6 w-16 h-16 rounded-2xl ring-2 bg-gray-700/40 ring-white/15">
+            <div class="mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-2xl bg-gray-700/40 ring-2 ring-white/15">
               <span class="text-2xl font-bold text-gray-100">1</span>
             </div>
             <h3 class="mb-4 text-xl font-bold text-white">Professional Setup</h3>
@@ -309,7 +310,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 
           <!-- Step 2 -->
           <div class="text-center">
-            <div class="flex justify-center items-center mx-auto mb-6 w-16 h-16 rounded-2xl ring-2 bg-gray-700/40 ring-white/15">
+            <div class="mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-2xl bg-gray-700/40 ring-2 ring-white/15">
               <span class="text-2xl font-bold text-gray-100">2</span>
             </div>
             <h3 class="mb-4 text-xl font-bold text-white">Push Code, Get Builds</h3>
@@ -321,7 +322,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 
           <!-- Step 3 -->
           <div class="text-center">
-            <div class="flex justify-center items-center mx-auto mb-6 w-16 h-16 rounded-2xl ring-2 bg-gray-700/40 ring-white/15">
+            <div class="mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-2xl bg-gray-700/40 ring-2 ring-white/15">
               <span class="text-2xl font-bold text-gray-100">3</span>
             </div>
             <h3 class="mb-4 text-xl font-bold text-white">Deploy to Stores Seamlessly</h3>
@@ -334,24 +335,24 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 
         <!-- Urgency CTA -->
         <div class="mt-16 text-center">
-          <div class="p-8 mx-auto max-w-2xl rounded-2xl border border-gray-700 bg-gray-800/50 backdrop-blur-sm">
+          <div class="mx-auto max-w-2xl rounded-2xl border border-gray-700 bg-gray-800/50 p-8 backdrop-blur-sm">
             <h3 class="mb-4 text-2xl font-bold text-white">How much time are you wasting on manual builds?</h3>
             <p class="mb-6 text-gray-300">
               Every manual build is hours of developer time lost. Inconsistent environments cause bugs that take days to debug.
               <span class="font-semibold text-gray-100">Your team's productivity is suffering.</span>
             </p>
-            <div class="inline-flex relative group">
+            <div class="group relative inline-flex">
               <div
-                class="absolute -inset-4 rounded-xl opacity-60 transition-all duration-300 pointer-events-none group-hover:-inset-5 group-hover:opacity-85"
+                class="pointer-events-none absolute -inset-4 rounded-xl opacity-60 transition-all duration-300 group-hover:-inset-5 group-hover:opacity-85"
                 style="background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70%);"
               >
               </div>
               <a
                 href="https://cal.com/team/capgo/mobile-ci-cd-done-for-you"
-                class="inline-flex relative justify-center items-center py-4 px-8 text-lg font-bold text-white bg-gray-900 rounded-xl transition-all duration-200"
+                class="relative inline-flex items-center justify-center rounded-xl bg-gray-900 px-8 py-4 text-lg font-bold text-white transition-all duration-200 focus:ring-2 focus:ring-white/80 focus:ring-offset-2 focus:ring-offset-gray-900 focus:outline-none"
               >
                 Start Automating Builds
-                <svg class="ml-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <svg aria-hidden="true" focusable="false" class="ml-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
                 </svg>
               </a>
@@ -362,28 +363,28 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
     </section>
 
     <!-- Build Progress Visualization Section -->
-    <section class="py-16 bg-gray-50 sm:py-20 lg:py-24">
-      <div class="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
+    <section class="bg-gray-50 py-16 sm:py-20 lg:py-24">
+      <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div class="mb-16 text-center">
-          <h2 class="text-3xl font-bold leading-tight text-gray-900 sm:text-4xl">Watch Your Apps Build Automatically</h2>
+          <h2 class="text-3xl leading-tight font-bold text-gray-900 sm:text-4xl">Watch Your Apps Build Automatically</h2>
           <p class="mx-auto mt-4 max-w-3xl text-lg text-gray-600">Push code and watch as CI/CD handles everything - from building to signing to deployment</p>
         </div>
 
         <!-- Terminal Visualization -->
-        <div class="mx-auto space-y-8 max-w-5xl">
+        <div class="mx-auto max-w-5xl space-y-8">
           <!-- iOS Build Terminal -->
-          <div class="overflow-hidden bg-gray-900 rounded-xl border border-gray-700 shadow-2xl">
-            <div class="flex justify-between items-center py-3 px-4 bg-gray-800">
+          <div class="overflow-hidden rounded-xl border border-gray-700 bg-gray-900 shadow-2xl">
+            <div class="flex items-center justify-between bg-gray-800 px-4 py-3">
               <div class="flex items-center space-x-3">
                 <div class="flex space-x-2">
-                  <div class="w-3 h-3 bg-red-500 rounded-full"></div>
-                  <div class="w-3 h-3 bg-yellow-500 rounded-full"></div>
-                  <div class="w-3 h-3 bg-green-500 rounded-full"></div>
+                  <div class="h-3 w-3 rounded-full bg-red-500"></div>
+                  <div class="h-3 w-3 rounded-full bg-yellow-500"></div>
+                  <div class="h-3 w-3 rounded-full bg-green-500"></div>
                 </div>
                 <span class="font-mono text-sm text-gray-300">iOS Build - GitHub Actions</span>
               </div>
               <div class="flex items-center space-x-2">
-                <svg class="w-4 h-4 text-green-400 animate-pulse" fill="currentColor" viewBox="0 0 24 24">
+                <svg aria-hidden="true" focusable="false" class="h-4 w-4 animate-pulse text-green-400" fill="currentColor" viewBox="0 0 24 24">
                   <circle cx="12" cy="12" r="10"></circle>
                 </svg>
                 <span class="text-sm text-green-400">Running</span>
@@ -437,18 +438,18 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
           </div>
 
           <!-- Android Build Terminal -->
-          <div class="overflow-hidden bg-gray-900 rounded-xl border border-gray-700 shadow-2xl">
-            <div class="flex justify-between items-center py-3 px-4 bg-gray-800">
+          <div class="overflow-hidden rounded-xl border border-gray-700 bg-gray-900 shadow-2xl">
+            <div class="flex items-center justify-between bg-gray-800 px-4 py-3">
               <div class="flex items-center space-x-3">
                 <div class="flex space-x-2">
-                  <div class="w-3 h-3 bg-red-500 rounded-full"></div>
-                  <div class="w-3 h-3 bg-yellow-500 rounded-full"></div>
-                  <div class="w-3 h-3 bg-green-500 rounded-full"></div>
+                  <div class="h-3 w-3 rounded-full bg-red-500"></div>
+                  <div class="h-3 w-3 rounded-full bg-yellow-500"></div>
+                  <div class="h-3 w-3 rounded-full bg-green-500"></div>
                 </div>
                 <span class="font-mono text-sm text-gray-300">Android Build - GitLab CI</span>
               </div>
               <div class="flex items-center space-x-2">
-                <svg class="w-4 h-4 text-green-400 animate-pulse" fill="currentColor" viewBox="0 0 24 24">
+                <svg aria-hidden="true" focusable="false" class="h-4 w-4 animate-pulse text-green-400" fill="currentColor" viewBox="0 0 24 24">
                   <circle cx="12" cy="12" r="10"></circle>
                 </svg>
                 <span class="text-sm text-green-400">Running</span>
@@ -498,16 +499,16 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
         </div>
 
         <!-- Summary Stats -->
-        <div class="grid grid-cols-1 gap-6 mt-12 sm:grid-cols-3">
-          <div class="p-6 text-center bg-white rounded-xl border border-gray-200 shadow-sm">
+        <div class="mt-12 grid grid-cols-1 gap-6 sm:grid-cols-3">
+          <div class="rounded-xl border border-gray-200 bg-white p-6 text-center shadow-sm">
             <div class="text-3xl font-bold text-gray-900">0</div>
             <div class="mt-1 text-sm text-gray-600">Manual Steps Required</div>
           </div>
-          <div class="p-6 text-center bg-white rounded-xl border border-gray-200 shadow-sm">
+          <div class="rounded-xl border border-gray-200 bg-white p-6 text-center shadow-sm">
             <div class="text-3xl font-bold text-gray-900">100%</div>
             <div class="mt-1 text-sm text-gray-600">Build Success Rate</div>
           </div>
-          <div class="p-6 text-center bg-white rounded-xl border border-gray-200 shadow-sm">
+          <div class="rounded-xl border border-gray-200 bg-white p-6 text-center shadow-sm">
             <div class="text-3xl font-bold text-gray-900">5 min</div>
             <div class="mt-1 text-sm text-gray-600">Average Build Time</div>
           </div>
@@ -516,21 +517,21 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
     </section>
 
     <!-- Benefits Section -->
-    <section class="py-16 bg-gray-900 sm:py-20 lg:py-24">
-      <div class="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
+    <section class="bg-gray-900 py-16 sm:py-20 lg:py-24">
+      <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div class="mb-16 text-center">
-          <h2 class="text-3xl font-bold leading-tight text-white sm:text-4xl">Why Automate with CI/CD?</h2>
+          <h2 class="text-3xl leading-tight font-bold text-white sm:text-4xl">Why Automate with CI/CD?</h2>
           <p class="mx-auto mt-4 max-w-3xl text-lg text-gray-300">Transform your mobile deployment workflow with these powerful benefits</p>
         </div>
 
         <div class="grid grid-cols-1 gap-8 lg:grid-cols-2">
           <!-- Faster Deployments -->
-          <div class="relative group">
-            <div class="absolute inset-0 rounded-2xl transition-all duration-300 bg-gray-800/40 blur-xl group-hover:bg-gray-700/60"></div>
-            <div class="relative p-8 rounded-2xl border border-gray-600/40 bg-gray-800/80 backdrop-blur-sm">
-              <div class="flex items-center mb-6">
-                <div class="flex justify-center items-center w-12 h-12 rounded-xl ring-1 bg-gray-700/40 ring-white/15">
-                  <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <div class="group relative">
+            <div class="absolute inset-0 rounded-2xl bg-gray-800/40 blur-xl transition-all duration-300 group-hover:bg-gray-700/60"></div>
+            <div class="relative rounded-2xl border border-gray-600/40 bg-gray-800/80 p-8 backdrop-blur-sm">
+              <div class="mb-6 flex items-center">
+                <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-gray-700/40 ring-1 ring-white/15">
+                  <svg aria-hidden="true" focusable="false" class="h-6 w-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
                   </svg>
                 </div>
@@ -538,7 +539,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
               </div>
               <p class="mb-4 text-gray-300">Push code and get native iOS and Android builds automatically. No manual Xcode or Android Studio required - builds run in the cloud.</p>
               <div class="flex items-center text-sm text-gray-100">
-                <svg class="mr-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                 </svg>
                 Build iOS apps without owning a Mac
@@ -547,12 +548,12 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
           </div>
 
           <!-- Zero Downtime -->
-          <div class="relative group">
-            <div class="absolute inset-0 rounded-2xl transition-all duration-300 bg-gray-800/40 blur-xl group-hover:bg-gray-700/15"></div>
-            <div class="relative p-8 rounded-2xl border border-gray-600/40 bg-gray-800/80 backdrop-blur-sm">
-              <div class="flex items-center mb-6">
-                <div class="flex justify-center items-center w-12 h-12 rounded-xl ring-1 bg-gray-700/40 ring-white/15">
-                  <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <div class="group relative">
+            <div class="absolute inset-0 rounded-2xl bg-gray-800/40 blur-xl transition-all duration-300 group-hover:bg-gray-700/15"></div>
+            <div class="relative rounded-2xl border border-gray-600/40 bg-gray-800/80 p-8 backdrop-blur-sm">
+              <div class="mb-6 flex items-center">
+                <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-gray-700/40 ring-1 ring-white/15">
+                  <svg aria-hidden="true" focusable="false" class="h-6 w-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                   </svg>
                 </div>
@@ -560,7 +561,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
               </div>
               <p class="mb-4 text-gray-300">Updates happen in the background while your app is running. Users never experience interruptions or forced updates.</p>
               <div class="flex items-center text-sm text-gray-100">
-                <svg class="mr-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                 </svg>
                 Seamless background installation
@@ -569,12 +570,12 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
           </div>
 
           <!-- Automated Testing -->
-          <div class="relative group">
-            <div class="absolute inset-0 rounded-2xl transition-all duration-300 bg-gray-800/40 blur-xl group-hover:bg-gray-700/60"></div>
-            <div class="relative p-8 rounded-2xl border border-gray-600/40 bg-gray-800/80 backdrop-blur-sm">
-              <div class="flex items-center mb-6">
-                <div class="flex justify-center items-center w-12 h-12 rounded-xl ring-1 bg-gray-700/40 ring-white/15">
-                  <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <div class="group relative">
+            <div class="absolute inset-0 rounded-2xl bg-gray-800/40 blur-xl transition-all duration-300 group-hover:bg-gray-700/60"></div>
+            <div class="relative rounded-2xl border border-gray-600/40 bg-gray-800/80 p-8 backdrop-blur-sm">
+              <div class="mb-6 flex items-center">
+                <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-gray-700/40 ring-1 ring-white/15">
+                  <svg aria-hidden="true" focusable="false" class="h-6 w-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path
                       stroke-linecap="round"
                       stroke-linejoin="round"
@@ -586,7 +587,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
               </div>
               <p class="mb-4 text-gray-300">Only deploy when tests pass. Integrate with your existing test suites and quality checks for bulletproof releases.</p>
               <div class="flex items-center text-sm text-gray-100">
-                <svg class="mr-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                 </svg>
                 Deploy only when tests pass
@@ -595,12 +596,12 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
           </div>
 
           <!-- Rollback Safety -->
-          <div class="relative group">
-            <div class="absolute inset-0 rounded-2xl transition-all duration-300 bg-gray-800/40 blur-xl group-hover:bg-gray-700/50"></div>
-            <div class="relative p-8 rounded-2xl border border-red-500/20 bg-gray-800/80 backdrop-blur-sm">
-              <div class="flex items-center mb-6">
-                <div class="flex justify-center items-center w-12 h-12 rounded-xl ring-1 bg-gray-700/40 ring-white/15">
-                  <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <div class="group relative">
+            <div class="absolute inset-0 rounded-2xl bg-gray-800/40 blur-xl transition-all duration-300 group-hover:bg-gray-700/50"></div>
+            <div class="relative rounded-2xl border border-red-500/20 bg-gray-800/80 p-8 backdrop-blur-sm">
+              <div class="mb-6 flex items-center">
+                <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-gray-700/40 ring-1 ring-white/15">
+                  <svg aria-hidden="true" focusable="false" class="h-6 w-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path
                       stroke-linecap="round"
                       stroke-linejoin="round"
@@ -614,7 +615,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
                 Build artifacts are automatically versioned and stored. Revert to any previous build instantly if issues are discovered after deployment.
               </p>
               <div class="flex items-center text-sm text-gray-100">
-                <svg class="mr-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                 </svg>
                 Complete build history and artifact storage
@@ -626,18 +627,18 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
     </section>
 
     <!-- Advanced Features Section -->
-    <section class="py-16 bg-gray-50 sm:py-20 lg:py-24">
-      <div class="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
+    <section class="bg-gray-50 py-16 sm:py-20 lg:py-24">
+      <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div class="mb-16 text-center">
-          <h2 class="text-3xl font-bold leading-tight text-gray-900 sm:text-4xl">Advanced CI/CD Features</h2>
+          <h2 class="text-3xl leading-tight font-bold text-gray-900 sm:text-4xl">Advanced CI/CD Features</h2>
           <p class="mx-auto mt-4 max-w-3xl text-lg text-gray-600">Take your deployment strategy to the next level with these powerful features</p>
         </div>
 
         <div class="grid grid-cols-1 gap-8 lg:grid-cols-3">
           <!-- Multi-Environment -->
-          <div class="p-8 bg-white rounded-2xl border border-gray-200 shadow-sm">
-            <div class="flex justify-center items-center mb-6 w-12 h-12 rounded-xl ring-1 bg-blue-500/10 ring-blue-500/20">
-              <svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <div class="rounded-2xl border border-gray-200 bg-white p-8 shadow-sm">
+            <div class="mb-6 flex h-12 w-12 items-center justify-center rounded-xl bg-blue-500/10 ring-1 ring-blue-500/20">
+              <svg aria-hidden="true" focusable="false" class="h-6 w-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path
                   stroke-linecap="round"
                   stroke-linejoin="round"
@@ -649,19 +650,19 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
             <p class="mb-4 text-gray-600">Deploy to different channels based on branch, environment, or custom conditions. Perfect for staging, beta, and production workflows.</p>
             <ul class="space-y-2 text-sm text-gray-500">
               <li class="flex items-center">
-                <svg class="mr-2 w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                 </svg>
                 Branch-based deployments
               </li>
               <li class="flex items-center">
-                <svg class="mr-2 w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                 </svg>
                 Environment-specific channels
               </li>
               <li class="flex items-center">
-                <svg class="mr-2 w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                 </svg>
                 Conditional deployments
@@ -670,9 +671,9 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
           </div>
 
           <!-- Gradual Rollouts -->
-          <div class="p-8 bg-white rounded-2xl border border-gray-200 shadow-sm">
-            <div class="flex justify-center items-center mb-6 w-12 h-12 rounded-xl ring-1 bg-purple-500/10 ring-purple-500/20">
-              <svg class="w-6 h-6 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <div class="rounded-2xl border border-gray-200 bg-white p-8 shadow-sm">
+            <div class="mb-6 flex h-12 w-12 items-center justify-center rounded-xl bg-purple-500/10 ring-1 ring-purple-500/20">
+              <svg aria-hidden="true" focusable="false" class="h-6 w-6 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path
                   stroke-linecap="round"
                   stroke-linejoin="round"
@@ -685,19 +686,19 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
             <p class="mb-4 text-gray-600">Start with a small percentage of users and gradually increase. Monitor metrics and automatically halt problematic deployments.</p>
             <ul class="space-y-2 text-sm text-gray-500">
               <li class="flex items-center">
-                <svg class="mr-2 w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                 </svg>
                 Percentage-based rollouts
               </li>
               <li class="flex items-center">
-                <svg class="mr-2 w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                 </svg>
                 Automatic halt on errors
               </li>
               <li class="flex items-center">
-                <svg class="mr-2 w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                 </svg>
                 Metrics-based decisions
@@ -706,9 +707,9 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
           </div>
 
           <!-- API Integration -->
-          <div class="p-8 bg-white rounded-2xl border border-gray-200 shadow-sm">
-            <div class="flex justify-center items-center mb-6 w-12 h-12 rounded-xl ring-1 bg-green-500/10 ring-green-500/20">
-              <svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <div class="rounded-2xl border border-gray-200 bg-white p-8 shadow-sm">
+            <div class="mb-6 flex h-12 w-12 items-center justify-center rounded-xl bg-green-500/10 ring-1 ring-green-500/20">
+              <svg aria-hidden="true" focusable="false" class="h-6 w-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 002 2z"></path>
               </svg>
             </div>
@@ -716,19 +717,19 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
             <p class="mb-4 text-gray-600">Full API access for custom integrations. Build your own deployment tools or integrate with existing systems.</p>
             <ul class="space-y-2 text-sm text-gray-500">
               <li class="flex items-center">
-                <svg class="mr-2 w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                 </svg>
                 Complete REST API
               </li>
               <li class="flex items-center">
-                <svg class="mr-2 w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                 </svg>
                 Custom integrations
               </li>
               <li class="flex items-center">
-                <svg class="mr-2 w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                 </svg>
                 Webhook notifications
@@ -740,17 +741,17 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
     </section>
 
     <!-- Expert CI/CD Setup Service -->
-    <section class="overflow-hidden relative py-12 bg-gray-900 sm:py-16 lg:py-20">
+    <section class="relative overflow-hidden bg-gray-900 py-12 sm:py-16 lg:py-20">
       <!-- Floating Orbs -->
-      <div class="absolute left-10 top-20 w-64 h-64 rounded-full animate-pulse bg-gray-800/40 blur-3xl"></div>
-      <div class="absolute right-10 bottom-20 w-48 h-48 rounded-full animate-pulse bg-gray-800/40 blur-3xl" style="animation-delay: 2s;"></div>
-      <div class="absolute top-1/2 left-1/4 w-32 h-32 rounded-full animate-pulse bg-indigo-500/10 blur-3xl" style="animation-delay: 4s;"></div>
+      <div class="absolute top-20 left-10 h-64 w-64 animate-pulse rounded-full bg-gray-800/40 blur-3xl"></div>
+      <div class="absolute right-10 bottom-20 h-48 w-48 animate-pulse rounded-full bg-gray-800/40 blur-3xl" style="animation-delay: 2s;"></div>
+      <div class="absolute top-1/2 left-1/4 h-32 w-32 animate-pulse rounded-full bg-indigo-500/10 blur-3xl" style="animation-delay: 4s;"></div>
 
-      <div class="relative px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
+      <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <!-- Header -->
         <div class="mx-auto max-w-4xl text-center">
-          <div class="inline-flex items-center py-2 px-4 mb-8 text-sm font-medium text-gray-100 rounded-full ring-1 ring-inset bg-gray-800/40 ring-white/15">
-            <svg class="mr-2 w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <div class="mb-8 inline-flex items-center rounded-full bg-gray-800/40 px-4 py-2 text-sm font-medium text-gray-100 ring-1 ring-white/15 ring-inset">
+            <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
               <path
                 stroke-linecap="round"
                 stroke-linejoin="round"
@@ -772,12 +773,12 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
         </div>
 
         <!-- Features Grid -->
-        <div class="grid grid-cols-1 gap-6 mt-12 sm:mt-16 lg:grid-cols-2 lg:gap-6">
+        <div class="mt-12 grid grid-cols-1 gap-6 sm:mt-16 lg:grid-cols-2 lg:gap-6">
           <!-- Feature 1: Seamless Integration -->
-          <div class="relative group">
-            <div class="relative p-6 bg-gray-800 rounded-2xl border transition-all duration-300 border-white/10 hover:border-white/20">
-              <div class="flex justify-center items-center w-12 h-12 rounded-xl ring-1 bg-gray-700/40 ring-white/15">
-                <svg class="w-6 h-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <div class="group relative">
+            <div class="relative rounded-2xl border border-white/10 bg-gray-800 p-6 transition-all duration-300 hover:border-white/20">
+              <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-gray-700/40 ring-1 ring-white/15">
+                <svg aria-hidden="true" focusable="false" class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path>
                 </svg>
               </div>
@@ -789,10 +790,10 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
           </div>
 
           <!-- Feature 2: Tailored Configuration -->
-          <div class="relative group">
-            <div class="relative p-6 bg-gray-800 rounded-2xl border transition-all duration-300 border-white/10 hover:border-white/20">
-              <div class="flex justify-center items-center w-12 h-12 rounded-xl ring-1 bg-gray-700/40 ring-white/15">
-                <svg class="w-6 h-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <div class="group relative">
+            <div class="relative rounded-2xl border border-white/10 bg-gray-800 p-6 transition-all duration-300 hover:border-white/20">
+              <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-gray-700/40 ring-1 ring-white/15">
+                <svg aria-hidden="true" focusable="false" class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                   <path
                     stroke-linecap="round"
                     stroke-linejoin="round"
@@ -810,13 +811,13 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
           </div>
 
           <!-- Feature 3: Platform Independence (Highlighted) -->
-          <div class="relative lg:col-span-1 group">
-            <div class="relative p-6 bg-gray-800 rounded-2xl border-2 transition-all duration-300 border-yellow-500/30 hover:border-yellow-500/40">
+          <div class="group relative lg:col-span-1">
+            <div class="relative rounded-2xl border-2 border-yellow-500/30 bg-gray-800 p-6 transition-all duration-300 hover:border-yellow-500/40">
               <div class="absolute top-3 right-3">
-                <div class="inline-flex items-center py-1 px-2 text-xs font-medium text-yellow-300 rounded-full bg-yellow-500/20">Most Popular</div>
+                <div class="inline-flex items-center rounded-full bg-yellow-500/20 px-2 py-1 text-xs font-medium text-yellow-300">Most Popular</div>
               </div>
-              <div class="flex justify-center items-center w-12 h-12 rounded-xl ring-1 bg-gray-700/40 ring-yellow-500/30">
-                <svg class="w-6 h-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-gray-700/40 ring-1 ring-yellow-500/30">
+                <svg aria-hidden="true" focusable="false" class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                   <circle cx="12" cy="12" r="10"></circle>
                   <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path>
                   <path d="M2 12h20"></path>
@@ -824,17 +825,17 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
               </div>
               <h3 class="mt-4 text-xl font-bold text-white">Platform Independence</h3>
               <p class="mt-3 text-sm leading-relaxed text-gray-300">
-                Adapt configuration to your infrastructure. <span class="font-medium text-gray-100">Own the complete pipeline, modify anytime</span> - zero vendor lock-in, pay your
-                provider directly.
+                Adapt configuration to your infrastructure. <span class="font-medium text-gray-100">Own the complete pipeline, modify anytime</span> - zero vendor lock-in, pay your provider
+                directly.
               </p>
             </div>
           </div>
 
           <!-- Feature 4: Expert Guidance -->
-          <div class="relative lg:col-span-1 group">
-            <div class="relative p-8 bg-gray-800 rounded-2xl border transition-all duration-300 border-white/10 hover:border-white/20">
-              <div class="flex justify-center items-center w-16 h-16 rounded-2xl ring-1 bg-gray-700/40 ring-white/15">
-                <svg class="w-8 h-8 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <div class="group relative lg:col-span-1">
+            <div class="relative rounded-2xl border border-white/10 bg-gray-800 p-8 transition-all duration-300 hover:border-white/20">
+              <div class="flex h-16 w-16 items-center justify-center rounded-2xl bg-gray-700/40 ring-1 ring-white/15">
+                <svg aria-hidden="true" focusable="false" class="h-8 w-8 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                   <path
                     stroke-linecap="round"
                     stroke-linejoin="round"
@@ -848,9 +849,9 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
               <p class="mt-4 leading-relaxed text-gray-300">
                 Benefit from our deep expertise in mobile app CI/CD best practices, without the need to build and maintain a complex system yourself.
               </p>
-              <div class="flex items-center mt-6">
-                <div class="flex justify-center items-center w-10 h-10 rounded-full bg-gray-700/40">
-                  <svg class="w-5 h-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <div class="mt-6 flex items-center">
+                <div class="flex h-10 w-10 items-center justify-center rounded-full bg-gray-700/40">
+                  <svg aria-hidden="true" focusable="false" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                   </svg>
                 </div>
@@ -862,10 +863,10 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 
         <!-- Pricing Section -->
         <div class="relative mt-20">
-          <div class="relative p-8 rounded-3xl border lg:p-12 border-white/10 bg-gray-800/50 backdrop-blur-sm">
+          <div class="relative rounded-3xl border border-white/10 bg-gray-800/50 p-8 backdrop-blur-sm lg:p-12">
             <div class="text-center">
-              <div class="inline-flex items-center py-2 px-4 mb-6 text-sm font-medium text-gray-200 rounded-full ring-1 ring-inset bg-gray-800/50 ring-white/15">
-                <svg class="mr-2 w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <div class="mb-6 inline-flex items-center rounded-full bg-gray-800/50 px-4 py-2 text-sm font-medium text-gray-200 ring-1 ring-white/15 ring-inset">
+                <svg aria-hidden="true" focusable="false" class="mr-2 h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                   <path
                     stroke-linecap="round"
                     stroke-linejoin="round"
@@ -877,18 +878,18 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 
               <h3 class="mb-6 text-3xl font-bold text-white">Smart Investment, Massive Savings</h3>
 
-              <div class="grid grid-cols-1 gap-6 mb-8 md:grid-cols-3">
+              <div class="mb-8 grid grid-cols-1 gap-6 md:grid-cols-3">
                 <!-- Managed Solutions Cost -->
-                <div class="p-6 rounded-2xl border border-red-500/20 bg-gray-800/40">
+                <div class="rounded-2xl border border-red-500/20 bg-gray-800/40 p-6">
                   <div class="mb-2 text-sm font-medium text-gray-100">Managed Solutions</div>
                   <div class="text-2xl font-bold text-gray-200">$499/month</div>
                   <div class="mt-1 text-sm text-gray-200/70">Appflow or similar</div>
                 </div>
 
                 <!-- Our Solution -->
-                <div class="relative p-6 rounded-2xl border border-green-500/20 bg-green-500/10">
-                  <div class="absolute -top-3 left-1/2 transform -translate-x-1/2">
-                    <span class="py-1 px-3 text-xs font-bold text-white bg-gray-700 rounded-full">Best Value</span>
+                <div class="relative rounded-2xl border border-green-500/20 bg-green-500/10 p-6">
+                  <div class="absolute -top-3 left-1/2 -translate-x-1/2 transform">
+                    <span class="rounded-full bg-gray-700 px-3 py-1 text-xs font-bold text-white">Best Value</span>
                   </div>
                   <div class="mb-2 text-sm font-medium text-gray-100">Our Setup - You Own It</div>
                   <div class="text-2xl font-bold text-gray-200">$2,600 + $30/mo</div>
@@ -896,31 +897,32 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
                 </div>
 
                 <!-- Savings -->
-                <div class="p-6 rounded-2xl border border-gray-600/40 bg-gray-800/40">
+                <div class="rounded-2xl border border-gray-600/40 bg-gray-800/40 p-6">
                   <div class="mb-2 text-sm font-medium text-gray-100">5-Year Savings</div>
                   <div class="text-2xl font-bold text-gray-200">$25,340</div>
                   <div class="mt-1 text-sm text-gray-200/70">Massive cost reduction</div>
                 </div>
               </div>
 
-              <div class="mx-auto mb-8 space-y-3 max-w-3xl text-gray-300">
+              <div class="mx-auto mb-8 max-w-3xl space-y-3 text-gray-300">
                 <p>One-time setup fee of $2,600 saves you $25,340+ over 5 years vs managed solutions.</p>
                 <p><span class="font-medium text-gray-100">Own your setup with zero vendor lock-in</span></p>
                 <p>Break even in just 6 months, then pure savings.</p>
               </div>
 
               <!-- CTA Button -->
-              <div class="inline-flex relative group">
+              <div class="group relative inline-flex">
                 <div
-                  class="absolute -inset-4 rounded-2xl opacity-60 transition-opacity duration-300 pointer-events-none group-hover:opacity-85"
+                  class="pointer-events-none absolute -inset-4 rounded-2xl opacity-60 transition-opacity duration-300 group-hover:opacity-85"
                   style="background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70%);"
-                ></div>
+                >
+                </div>
                 <a
                   href="https://cal.com/team/capgo/mobile-ci-cd-done-for-you"
-                  class="inline-flex relative justify-center items-center py-4 px-8 text-lg font-bold text-white bg-gray-900 rounded-2xl border border-blue-500 transition-all duration-200 hover:bg-gray-900 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 focus:outline-none"
+                  class="relative inline-flex items-center justify-center rounded-2xl border border-blue-500 bg-gray-900 px-8 py-4 text-lg font-bold text-white transition-all duration-200 hover:bg-gray-900 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 focus:outline-none"
                 >
                   Get Started Today
-                  <svg class="ml-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <svg aria-hidden="true" focusable="false" class="ml-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
                   </svg>
                 </a>
@@ -932,31 +934,32 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
     </section>
 
     <!-- CTA Section -->
-    <section class="overflow-hidden relative py-24 bg-gray-900 sm:py-32">
-      <div class="relative px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
+    <section class="relative overflow-hidden bg-gray-900 py-24 sm:py-32">
+      <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div class="text-center">
-          <h2 class="text-3xl font-bold leading-tight text-white sm:text-4xl lg:text-5xl">Ready to Automate Your Native Builds?</h2>
+          <h2 class="text-3xl leading-tight font-bold text-white sm:text-4xl lg:text-5xl">Ready to Automate Your Native Builds?</h2>
           <p class="mx-auto mt-6 max-w-3xl text-xl leading-relaxed text-gray-300">Stop wasting time on manual builds. Get professional CI/CD setup for iOS and Android apps.</p>
 
-          <div class="flex flex-col gap-4 justify-center mt-10 sm:flex-row">
-            <div class="inline-flex relative group" role="presentation">
+          <div class="mt-10 flex flex-col justify-center gap-4 sm:flex-row">
+            <div class="group relative inline-flex" role="presentation">
               <div
-                class="absolute -inset-4 rounded-xl opacity-60 transition-opacity duration-300 pointer-events-none group-hover:opacity-90"
+                class="pointer-events-none absolute -inset-4 rounded-xl opacity-60 transition-opacity duration-300 group-hover:opacity-90"
                 style="background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70%);"
-              ></div>
+              >
+              </div>
               <a
                 href="https://cal.com/team/capgo/mobile-ci-cd-done-for-you"
-                class="inline-flex relative justify-center items-center py-4 px-8 text-lg font-bold text-white bg-gray-900 rounded-xl border border-red-500 transition-all duration-200 hover:bg-red-600 focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:outline-none"
+                class="relative inline-flex items-center justify-center rounded-xl border border-red-500 bg-gray-900 px-8 py-4 text-lg font-bold text-white transition-all duration-200 hover:bg-red-600 focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:outline-none"
               >
                 Schedule Setup Call
-                <svg class="ml-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <svg aria-hidden="true" focusable="false" class="ml-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
                 </svg>
               </a>
             </div>
             <a
               href={getRelativeLocaleUrl(Astro.locals.locale, 'docs/getting-started/cicd-integration')}
-              class="inline-flex justify-center items-center py-4 px-8 text-lg font-medium text-white bg-gray-800 rounded-xl border border-gray-600 transition-all duration-200 hover:bg-gray-700"
+              class="inline-flex items-center justify-center rounded-xl border border-gray-600 bg-gray-800 px-8 py-4 text-lg font-medium text-white transition-all duration-200 hover:bg-gray-700 focus:ring-2 focus:ring-white/80 focus:ring-offset-2 focus:ring-offset-gray-900 focus:outline-none"
             >
               View Documentation
             </a>
diff --git a/apps/web/src/pages/integrations.astro b/apps/web/src/pages/integrations.astro
index 083f451d6..9117686dc 100644
--- a/apps/web/src/pages/integrations.astro
+++ b/apps/web/src/pages/integrations.astro
@@ -12,7 +12,7 @@ const description = m.integrations_subtitle({}, { locale })
 const content = { title, description }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div class="min-h-screen bg-gray-900">
     <section class="mx-auto max-w-6xl px-4 py-20 sm:px-6 lg:px-8">
       <div class="space-y-8 text-center">
diff --git a/apps/web/src/pages/live-update.astro b/apps/web/src/pages/live-update.astro
index b39e0399e..dc3e8ec60 100644
--- a/apps/web/src/pages/live-update.astro
+++ b/apps/web/src/pages/live-update.astro
@@ -46,7 +46,7 @@ const outcomeCards = [
 const decisionCriteria = [m.live_update_decision_1({}, { locale }), m.live_update_decision_2({}, { locale }), m.live_update_decision_3({}, { locale })]
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <div class="relative">
       <!-- Animated background elements -->
diff --git a/apps/web/src/pages/native-build.astro b/apps/web/src/pages/native-build.astro
index 09e671b06..3e7bb5771 100644
--- a/apps/web/src/pages/native-build.astro
+++ b/apps/web/src/pages/native-build.astro
@@ -285,7 +285,7 @@ function creditPrice(credit: Credit) {
 }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <main class="bg-[#070d18] text-white">
     <section class="relative overflow-hidden border-b border-white/10">
       <div class="absolute inset-0 bg-[radial-gradient(circle_at_50%_0%,rgba(34,197,94,0.18),transparent_34%),linear-gradient(180deg,rgba(8,18,34,0.4),rgba(7,13,24,1))]"></div>
diff --git a/apps/web/src/pages/plugins.astro b/apps/web/src/pages/plugins.astro
index 9a0542f90..63dfe1c48 100644
--- a/apps/web/src/pages/plugins.astro
+++ b/apps/web/src/pages/plugins.astro
@@ -123,7 +123,7 @@ const content = {
 }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div class="relative min-h-screen">
     <!-- Plugins Directory -->
     <section class="px-6 py-12 lg:px-8 lg:py-16">
diff --git a/apps/web/src/pages/solutions/agencies.astro b/apps/web/src/pages/solutions/agencies.astro
index 37966c4b9..03cc41505 100644
--- a/apps/web/src/pages/solutions/agencies.astro
+++ b/apps/web/src/pages/solutions/agencies.astro
@@ -28,7 +28,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 const content = { title, description, ldJSON }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <!-- Hero Section -->
     <section class="relative overflow-hidden py-20 sm:py-28 lg:py-36">
diff --git a/apps/web/src/pages/solutions/beta-testing.astro b/apps/web/src/pages/solutions/beta-testing.astro
index 35fb0820b..af557c2ff 100644
--- a/apps/web/src/pages/solutions/beta-testing.astro
+++ b/apps/web/src/pages/solutions/beta-testing.astro
@@ -25,7 +25,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 const content = { title, description, ldJSON }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <!-- Hero Section -->
     <section class="relative py-16 sm:py-20 lg:py-28">
diff --git a/apps/web/src/pages/solutions/cordova-to-capacitor-ai.astro b/apps/web/src/pages/solutions/cordova-to-capacitor-ai.astro
index 4c5e069d0..83bf011bc 100644
--- a/apps/web/src/pages/solutions/cordova-to-capacitor-ai.astro
+++ b/apps/web/src/pages/solutions/cordova-to-capacitor-ai.astro
@@ -48,7 +48,7 @@ const content = {
 }
 ---
 
-<Layout {content}>
+<Layout {content} pageStyle="marketing-refresh">
   <main>
     <!-- Hero -->
     <section class="relative overflow-hidden py-20 sm:py-28">
diff --git a/apps/web/src/pages/solutions/cordova-to-capacitor.astro b/apps/web/src/pages/solutions/cordova-to-capacitor.astro
index 3beee73d4..6d0a265e9 100644
--- a/apps/web/src/pages/solutions/cordova-to-capacitor.astro
+++ b/apps/web/src/pages/solutions/cordova-to-capacitor.astro
@@ -29,7 +29,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 const content = { title, description, ldJSON }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <!-- Hero -->
     <section class="relative overflow-hidden py-20 sm:py-28 lg:py-36">
diff --git a/apps/web/src/pages/solutions/direct-updates.astro b/apps/web/src/pages/solutions/direct-updates.astro
index 87ee6f5c8..e61d5e41e 100644
--- a/apps/web/src/pages/solutions/direct-updates.astro
+++ b/apps/web/src/pages/solutions/direct-updates.astro
@@ -25,7 +25,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 const content = { title, description, ldJSON }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <!-- Hero Section with Urgency -->
     <section class="relative overflow-hidden py-20 sm:py-28 lg:py-36">
diff --git a/apps/web/src/pages/solutions/ecommerce.astro b/apps/web/src/pages/solutions/ecommerce.astro
index 33677de5a..2627be3c3 100644
--- a/apps/web/src/pages/solutions/ecommerce.astro
+++ b/apps/web/src/pages/solutions/ecommerce.astro
@@ -29,7 +29,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 const content = { title, description, ldJSON }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <!-- Hero Section -->
     <section class="relative overflow-hidden py-20 sm:py-28 lg:py-36">
diff --git a/apps/web/src/pages/solutions/fintech.astro b/apps/web/src/pages/solutions/fintech.astro
index bd61a898e..cb883f907 100644
--- a/apps/web/src/pages/solutions/fintech.astro
+++ b/apps/web/src/pages/solutions/fintech.astro
@@ -28,7 +28,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 const content = { title, description, ldJSON }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <!-- Hero Section -->
     <section class="relative overflow-hidden py-20 sm:py-28 lg:py-36">
diff --git a/apps/web/src/pages/solutions/healthcare.astro b/apps/web/src/pages/solutions/healthcare.astro
index cdd41f7fb..b3262851d 100644
--- a/apps/web/src/pages/solutions/healthcare.astro
+++ b/apps/web/src/pages/solutions/healthcare.astro
@@ -25,7 +25,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 const content = { title, description, ldJSON }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <!-- Hero Section -->
     <section class="relative overflow-hidden py-20 sm:py-28 lg:py-36">
diff --git a/apps/web/src/pages/solutions/ionic-enterprise-plugins.astro b/apps/web/src/pages/solutions/ionic-enterprise-plugins.astro
index c51d5b269..df845d71a 100644
--- a/apps/web/src/pages/solutions/ionic-enterprise-plugins.astro
+++ b/apps/web/src/pages/solutions/ionic-enterprise-plugins.astro
@@ -25,7 +25,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 const content = { title, description, ldJSON }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <!-- Hero Section -->
     <section class="relative py-16 sm:py-20 lg:py-28">
diff --git a/apps/web/src/pages/solutions/pr-preview.astro b/apps/web/src/pages/solutions/pr-preview.astro
index 0c9a04011..812e17149 100644
--- a/apps/web/src/pages/solutions/pr-preview.astro
+++ b/apps/web/src/pages/solutions/pr-preview.astro
@@ -25,7 +25,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 const content = { title, description, ldJSON }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <!-- Hero Section -->
     <section class="relative overflow-hidden py-20 sm:py-28 lg:py-36">
diff --git a/apps/web/src/pages/solutions/production-updates.astro b/apps/web/src/pages/solutions/production-updates.astro
index 79981bc6f..d4e1d1a63 100644
--- a/apps/web/src/pages/solutions/production-updates.astro
+++ b/apps/web/src/pages/solutions/production-updates.astro
@@ -25,7 +25,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 const content = { title, description, ldJSON }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <!-- Hero Section with Problem Statement -->
     <section class="relative overflow-hidden py-20 sm:py-28 lg:py-36">
diff --git a/apps/web/src/pages/solutions/qsr.astro b/apps/web/src/pages/solutions/qsr.astro
index 7b592a78a..5445a96c7 100644
--- a/apps/web/src/pages/solutions/qsr.astro
+++ b/apps/web/src/pages/solutions/qsr.astro
@@ -25,7 +25,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 const content = { title, description, ldJSON }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <!-- Hero Section -->
     <section class="relative overflow-hidden py-20 sm:py-28 lg:py-36">
diff --git a/apps/web/src/pages/solutions/solo-developers.astro b/apps/web/src/pages/solutions/solo-developers.astro
index f53948654..db5e920b7 100644
--- a/apps/web/src/pages/solutions/solo-developers.astro
+++ b/apps/web/src/pages/solutions/solo-developers.astro
@@ -26,7 +26,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 const content = { title, description, ldJSON }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <!-- Hero Section -->
     <section class="relative overflow-hidden py-20 sm:py-28 lg:py-36">
diff --git a/apps/web/src/pages/solutions/startups.astro b/apps/web/src/pages/solutions/startups.astro
index 6424d5497..15912ecc0 100644
--- a/apps/web/src/pages/solutions/startups.astro
+++ b/apps/web/src/pages/solutions/startups.astro
@@ -27,7 +27,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 const content = { title, description, ldJSON }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <!-- Hero Section - Speed & Agility -->
     <section class="relative overflow-hidden py-20 sm:py-28 lg:py-36">
diff --git a/apps/web/src/pages/solutions/version-targeting.astro b/apps/web/src/pages/solutions/version-targeting.astro
index 4f62cf428..a24049f61 100644
--- a/apps/web/src/pages/solutions/version-targeting.astro
+++ b/apps/web/src/pages/solutions/version-targeting.astro
@@ -25,7 +25,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 const content = { title, description, ldJSON }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <!-- Hero Section -->
     <section class="relative py-16 sm:py-20 lg:py-28">
diff --git a/apps/web/src/pages/solutions/white-label.astro b/apps/web/src/pages/solutions/white-label.astro
index fe0a0113f..596db84f8 100644
--- a/apps/web/src/pages/solutions/white-label.astro
+++ b/apps/web/src/pages/solutions/white-label.astro
@@ -25,7 +25,7 @@ const ldJSON = createLdJsonGraph(Astro.locals.runtimeConfig.public, serviceLdJso
 const content = { title, description, ldJSON }
 ---
 
-<Layout content={content}>
+<Layout content={content} pageStyle="marketing-refresh">
   <div>
     <!-- Hero Section -->
     <section class="relative py-16 sm:py-20 lg:py-28">
diff --git a/apps/web/src/services/pluginDocs.ts b/apps/web/src/services/pluginDocs.ts
index 6766b031a..296d527f5 100644
--- a/apps/web/src/services/pluginDocs.ts
+++ b/apps/web/src/services/pluginDocs.ts
@@ -12,25 +12,6 @@ type PluginDocsSlugs = {
 
 const DOCS_CONTENT_ROOT = fileURLToPath(new URL('../../../docs/src/content/docs/', import.meta.url))
 
-const pluginDocsIndexPromise: Promise<Map<Locales, Set<string>>> = Promise.resolve(
-  globSync('**/plugins/*/index.{md,mdx}', { cwd: DOCS_CONTENT_ROOT, nodir: true }).reduce((docsByLocale, filePath) => {
-    const docEntry = getPluginDocEntry(filePath)
-    if (!docEntry) return docsByLocale
-
-    const localeDocs = docsByLocale.get(docEntry.locale) ?? new Set<string>()
-    localeDocs.add(docEntry.slug)
-    docsByLocale.set(docEntry.locale, localeDocs)
-
-    return docsByLocale
-  }, new Map<Locales, Set<string>>()),
-)
-
-const getPackageSegment = (name?: string): string => {
-  if (!name) return ''
-  const slashIndex = name.indexOf('/')
-  return slashIndex >= 0 ? name.slice(slashIndex + 1) : name
-}
-
 const getPluginDocEntry = (filePath?: string): { locale: Locales; slug: string } | null => {
   if (!filePath) return null
 
@@ -59,6 +40,25 @@ const getPluginDocEntry = (filePath?: string): { locale: Locales; slug: string }
   return { locale, slug }
 }
 
+const pluginDocsIndexPromise: Promise<Map<Locales, Set<string>>> = Promise.resolve(
+  globSync('**/plugins/*/index.{md,mdx}', { cwd: DOCS_CONTENT_ROOT, nodir: true }).reduce((docsByLocale, filePath) => {
+    const docEntry = getPluginDocEntry(filePath)
+    if (!docEntry) return docsByLocale
+
+    const localeDocs = docsByLocale.get(docEntry.locale) ?? new Set<string>()
+    localeDocs.add(docEntry.slug)
+    docsByLocale.set(docEntry.locale, localeDocs)
+
+    return docsByLocale
+  }, new Map<Locales, Set<string>>()),
+)
+
+const getPackageSegment = (name?: string): string => {
+  if (!name) return ''
+  const slashIndex = name.indexOf('/')
+  return slashIndex >= 0 ? name.slice(slashIndex + 1) : name
+}
+
 const addCandidate = (items: string[], value?: string) => {
   if (value && !items.includes(value)) items.push(value)
 }