Styling update to Hero spacing

Author: webstackdev

src/pages/hero.astro

@@ -6,75 +6,6 @@ const path = '/hero/'
 ---
 
 <BaseLayout description={pageDescription} noindex={true} pageTitle={pageTitle} path={path}>
-<!-- ============================================================
-     CONTACT CTA VARIANTS - For Visual Comparison
-     ============================================================ -->
-
-<section class="py-16 space-y-16">
-  <div class="container mx-auto px-4 sm:px-6 lg:px-8">
-    <h2 class="text-2xl font-bold text-content mb-4">Contact CTA Variants</h2>
-    <div class="mb-16">
-      <section
-        class="py-10 bg-linear-to-br from-(--color-primary) to-(--color-accent) relative overflow-hidden rounded-2xl"
-        aria-labelledby="contact-cta-v1-title"
-        aria-describedby="contact-cta-v1-description"
-      >
-        <div class="absolute inset-0 opacity-10">
-          <div
-            class="absolute top-0 left-0 w-72 h-72 bg-white rounded-full blur-3xl -translate-x-1/2 -translate-y-1/2"
-          ></div>
-          <div
-            class="absolute bottom-0 right-0 w-72 h-72 bg-white rounded-full blur-3xl translate-x-1/2 translate-y-1/2"
-          ></div>
-        </div>
-
-        <div class="container mx-auto px-6 sm:px-8 relative z-(--z-raised)">
-          <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-6">
-            <div class="max-w-xl">
-              <h3 id="contact-cta-v1-title" class="text-2xl md:text-3xl font-bold text-white leading-tight">
-                Need a second set of eyes on production?
-              </h3>
-              <p id="contact-cta-v1-description" class="text-sm md:text-base text-white/90 mt-2">
-                Migrations, CI/CD, observability, and reliability fixes for teams that ship.
-              </p>
-            </div>
-
-            <div class="flex flex-col sm:flex-row gap-3">
-              <a
-                href="/contact"
-                class="inline-flex items-center justify-center px-6 py-3 bg-white text-primary font-semibold rounded-xl hover:bg-white/90 transition-colors whitespace-nowrap"
-              >
-                Get in touch
-                <svg
-                  class="w-5 h-5 ml-2"
-                  fill="none"
-                  stroke="currentColor"
-                  viewBox="0 0 24 24"
-                  aria-hidden="true"
-                  focusable="false"
-                >
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2"
-                    d="M13 7l5 5m0 0l-5 5m5-5H6"
-                  ></path>
-                </svg>
-              </a>
-              <a
-                href="/services"
-                class="inline-flex items-center justify-center px-6 py-3 bg-transparent border-2 border-white text-white font-semibold rounded-xl hover:bg-white hover:text-primary transition-colors whitespace-nowrap"
-              >
-                View services
-              </a>
-            </div>
-          </div>
-        </div>
-      </section>
-    </div>
-  </div>
-</section>
-
 <!-- ============================================================
      DOWNLOAD CTA
      ============================================================ -->