agent: Fix mobile responsiveness and conversion across pa

src/pages/index.astro

@@ -400,6 +400,52 @@ const techStack = [
     </div>
   </section>
 
+  <!-- Mid-page Conversion CTA — sits directly after the Services section so
+       mobile visitors hit the funnel early instead of having to scroll past
+       How-It-Works, testimonials, the tech stack and the FAQ to reach the
+       inline lead form. Primary action jumps straight to the on-page inline
+       lead form (#inline-lead-form, smooth-scrolled by the anchor handler at
+       the bottom of this page); secondary action is a one-tap phone call. -->
+  <section
+    aria-labelledby="midpage-cta-heading"
+    class="bg-gradient-to-r from-primary-600 to-primary-700 dark:from-primary-700 dark:to-primary-800"
+  >
+    <div class="container-wrapper py-10 sm:py-12">
+      <div class="flex flex-col items-center gap-5 text-center md:flex-row md:justify-between md:text-left md:gap-8 max-w-5xl mx-auto">
+        <div class="md:flex-1">
+          <h2 id="midpage-cta-heading" class="text-2xl sm:text-3xl font-bold text-white leading-tight">
+            Have a project in mind? Get a free proposal in 24 hours.
+          </h2>
+          <p class="mt-2 text-primary-100 text-sm sm:text-base">
+            No obligation · Free 30-min discovery call · NDA on request.
+          </p>
+        </div>
+        <div class="flex w-full flex-col sm:flex-row md:w-auto md:flex-shrink-0 gap-3">
+          <a
+            href="#inline-lead-form"
+            data-cta="midpage-primary"
+            class="inline-flex items-center justify-center rounded-xl bg-white px-7 py-4 text-base font-bold text-primary-700 shadow-lg transition-all hover:bg-primary-50 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-700"
+          >
+            Get my free proposal
+            <svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
+            </svg>
+          </a>
+          <a
+            href="tel:+919561417403"
+            data-cta="midpage-call"
+            class="inline-flex items-center justify-center rounded-xl border-2 border-white/40 bg-white/5 px-7 py-4 text-base font-bold text-white transition-all hover:bg-white/15 hover:border-white/60 focus:outline-none focus:ring-2 focus:ring-white/60 focus:ring-offset-2 focus:ring-offset-primary-700"
+          >
+            <svg class="mr-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
+            </svg>
+            Call now
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <!-- How It Works Section - NEW -->
   <section class="py-24 bg-gradient-to-br from-secondary-900 via-secondary-800 to-primary-900 relative overflow-hidden">
     <!-- Background pattern -->