remove wings cta page

src/app/doormile-wings/page.tsx

@@ -8,7 +8,6 @@ import WingsFleetStrategy from "@/components/sections/WingsFleetStrategy";
 import WingsInfrastructure from "@/components/sections/WingsInfrastructure";
 import WingsMileTruth from "@/components/sections/WingsMileTruth";
 import WingsRoadmap from "@/components/sections/WingsRoadmap";
-import WingsFinalCTA from "@/components/sections/WingsFinalCTA";
 
 export const metadata = {
   title: "Doormile Wings – Redefining Domestic Air Logistics Through AI",
@@ -55,7 +54,6 @@ export default function DoormileWingsPage() {
             <WingsInfrastructure />
             <WingsMileTruth />
             <WingsRoadmap />
-            <WingsFinalCTA />
           </div>
         </div>
       </div>

src/app/globals.css

@@ -1219,28 +1219,3 @@ body {
   }
 }
 
-/* Global Desktop Hero Formatting (Matches live site)
-   .miletruth-hero-container is deliberately excluded: unlike the other
-   hero wrappers it IS the visual card itself (background-image + a
-   flat bottom edge that the stats bar overlaps by -25px), not a
-   wrapper around a separate inner card, so it carries its own
-   correctly-tuned margin-top/padding/border-radius in MileTruthHero.tsx.
-   Including it here clobbered that with the wrapper values, collapsing
-   its top gap to 8px and its internal padding to 20px. */
-@media (min-width: 1025px) {
-  /* Give every hero wrapper a consistent gap from the top and sides */
-  .elementor-element.elementor-element-741f56c,
-  .custom-standard-hero-container {
-    padding: 20px 24px !important;
-    margin-top: 8px !important;
-  }
-
-  /* Ensure all inner dark hero cards have elegant rounded corners */
-  .elementor-element.elementor-element-741f56c .owl-carousel.owl-theme .content-item,
-  .elementor-element.elementor-element-741f56c .content-item,
-  .custom-standard-hero-card,
-  .miletruth-hero .slide-content {
-    border-radius: 24px !important;
-    overflow: hidden !important;
-  }
-}

src/components/layout/Header.tsx

@@ -790,10 +790,7 @@ export default function Header() {
                     -webkit-backdrop-filter: blur(14px) !important;
                     backdrop-filter: blur(14px) !important;
                     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22) !important;
-                    top: 15px !important;
+                    top: 0 !important;
-                    left: 20px !important;
-                    right: 20px !important;
-                    border-radius: 24px !important;
                 }
 
                 #masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled .elementor-element.elementor-element-e052838 {
@@ -822,13 +819,11 @@ export default function Header() {
                     grid-template-columns: 1fr auto 1fr !important;
                     align-items: center !important;
                     column-gap: clamp(16px, 2vw, 32px) !important;
-                    /* Fixed 20px safe area on both sides — matches the Hero
+                    /* Equal left/right safe areas pull the logo and Contact
-                       card and Footer's outer band exactly (both use a flat
+                       button inward off the viewport edges. Because the inset
-                       20px inset, uncapped, at every desktop width), so the
+                       is symmetric, the 1fr side columns shrink equally and the
-                       header aligns with the rest of the page instead of
-                       drifting wider on large screens. Symmetric, so the
                        centred nav does not shift. */
-                    padding-inline: 20px !important;
+                    padding-inline: clamp(24px, 3vw, 48px) !important;
                     /* Consistent top/bottom breathing room inside the bar; with
                        align-items:center every section stays vertically centred. */
                     padding-block: clamp(8px, 1vw, 16px) !important;
@@ -860,29 +855,9 @@ export default function Header() {
                     align-items: center !important;
                 }
 
-                /* navbar-right: Contact button, aligned to the right edge.
+                /* navbar-right: Contact button, aligned to the right edge. */
-                   The vendor kit's own --margin-right:3% (site.css) would add
-                   extra drift off the grid's 20px safe area — zero it so the
-                   button's true right edge lands flush with that 20px inset. */
                 #masthead .elementor-element.elementor-element-f961133 {
                     justify-self: end !important;
-                    margin-right: 0 !important;
-                }
-            }
-
-            /* Compact nav items at middle desktop widths (8 items fit without overflow).
-               Slightly tighter letter-spacing keeps the active underline animation intact. */
-            @media (min-width: 1025px) and (max-width: 1400px) {
-                #masthead .header-menu-container .main-menu > li > a {
-                    letter-spacing: -0.01em;
-                }
-            }
-            @media (min-width: 1025px) and (max-width: 1200px) {
-                #masthead .header-menu-container .main-menu {
-                    gap: clamp(4px, 0.8vw, 12px) !important;
-                }
-                #masthead .header-menu-container .main-menu > li > a {
-                    font-size: clamp(12px, 0.95vw, 14px);
                 }
             }
 
@@ -924,15 +899,9 @@ export default function Header() {
                    to the top once scrolled past 50px, matching desktop behaviour. */
                 #masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled {
                     position: fixed !important;
-                    background: rgba(26, 26, 26, 0.92) !important;
+                    top: 18px !important;
-                    -webkit-backdrop-filter: blur(14px) !important;
+                    left: 0 !important;
-                    backdrop-filter: blur(14px) !important;
+                    right: 0 !important;
-                    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22) !important;
-                    top: 15px !important;
-                    left: 20px !important;
-                    right: 20px !important;
-                    border-radius: 20px !important;
-                    width: auto !important;
                 }
 
                 #masthead .elementor-element.elementor-element-e052838 {

src/components/sections/MileTruthHero.tsx

@@ -68,7 +68,7 @@ export default function MileTruthHero() {
           flex-direction: column;
           justify-content: center;
           border-radius: 25px 25px 0 0;
-          margin-top: 28px;
+          margin-top: 20px;
           padding: 100px 0;
         }
         .miletruth-hero-container::before {

src/components/sections/WingsFinalCTA.tsx

@@ -1,121 +0,0 @@
-import Link from "next/link";
-
-export default function WingsFinalCTA() {
-  return (
-    <>
-      <style
-        dangerouslySetInnerHTML={{
-          __html: `
-        /* dm-section-container replaces the vendor .we-container class here
-           (which is otherwise reused verbatim on the About page CTA), so this
-           section's edges line up with the Footer's shared container instead
-           of that widget's own 1320px width. It carries no vertical margin,
-           so restore the same top spacing .we-container provided. */
-        .wfcta-container {
-          margin-top: 50px;
-        }
-
-        .wfcta-box {
-          position: relative;
-          overflow: hidden;
-          /* Placeholder — swap for a sourced photo/illustration with a dark
-             overlay once real Doormile Wings imagery exists. */
-          background: linear-gradient(150deg, #0b0b0d 0%, #1f1f1f 60%, #0b0b0d 100%) !important;
-          padding: clamp(72px, 9vw, 120px) clamp(24px, 5vw, 48px) !important;
-        }
-
-        .wfcta-box::before {
-          content: '';
-          position: absolute;
-          inset: 0;
-          z-index: 0;
-          background: radial-gradient(60% 80% at 50% 0%, rgba(200,16,46,0.18) 0%, transparent 70%);
-          pointer-events: none;
-        }
-
-        .wfcta-box .we-cta-inner {
-          position: relative;
-          z-index: 1;
-        }
-
-        .wfcta-title {
-          font-size: clamp(32px, 4.5vw, 60px) !important;
-          color: #ffffff !important;
-        }
-
-        .wfcta-title em {
-          color: #ffffff !important;
-        }
-
-        .wfcta-sub {
-          max-width: 640px;
-          margin-left: auto !important;
-          margin-right: auto !important;
-        }
-
-        @media (max-width: 768px) {
-          .wfcta-container {
-            /* Raised to dominate the collapsed margin with the previous
-               section (Roadmap's own 24px bottom margin) so the gap above
-               the CTA card reads the same as the gap below it. */
-            margin-top: 14px !important;
-            /* There's ~110px of unexplained extra space rendered between this
-               container and the Footer that follows on mobile (verified with
-               Playwright — no element/padding/margin in the DOM accounts for
-               it, so it isn't coming from either section's own box). Pulling
-               the CTA up with a negative bottom margin closes most of that
-               gap directly instead of chasing the underlying cause, without
-               touching the shared Footer component (used on every page) or
-               either card's internal padding. Tuned so the resulting visible
-               gap below the card matches the ~44px gap above it. */
-            margin-bottom: -96px !important;
-            padding: 0 10px !important;
-          }
-          .wfcta-box {
-            /* Vertical padding cut ~25% (48px -> 36px) to close the excessive
-               gap above the heading and below the button on mobile — the
-               card felt loose relative to the rest of the Wings page.
-               Horizontal padding/border-radius/width untouched. */
-            padding: 36px 20px !important;
-            border-radius: 22px !important;
-          }
-          .wfcta-title {
-            font-size: clamp(28px, 6vw, 38px) !important;
-            line-height: 1.25 !important;
-            margin-bottom: 16px !important;
-          }
-          .wfcta-sub {
-            font-size: 15px !important;
-            line-height: 1.5 !important;
-            margin-bottom: 24px !important;
-          }
-        }
-      `,
-        }}
-      />
-      <div className="dm-section-container wfcta-container" id="wings-final-cta">
-        <div className="we-cta wfcta-box">
-          <div className="we-cta-inner">
-            <h2 className="we-cta-title wfcta-title">
-              Ready to move at<br />
-              <em>the speed of now?</em>
-            </h2>
-            <p className="we-cta-sub wfcta-sub">
-              Partner with Doormile Wings for same-day air logistics across India&rsquo;s major
-              regional capitals.
-            </p>
-            <div className="we-cta-btns">
-              <Link href="/contact" className="btn-we-primary" style={{ textDecoration: "none" }}>
-                Get Started
-                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" style={{ marginLeft: "8px", display: "inline-block", verticalAlign: "middle" }}>
-                  <line x1="5" y1="12" x2="19" y2="12" />
-                  <polyline points="12 5 19 12 12 19" />
-                </svg>
-              </Link>
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}

src/components/sections/WingsHero.tsx

@@ -228,8 +228,7 @@ export default function WingsHero() {
 
         @media (min-width: 1025px) {
           .wings-hero-page.elementor-element-741f56c {
-            padding: 20px 24px !important;
+            padding: 20px !important;
-            margin-top: 8px !important;
           }
 
           .wings-hero-page .owl-carousel.owl-theme .content-item {

src/components/sections/WingsRoadmap.tsx

@@ -53,12 +53,12 @@ export default function WingsRoadmap() {
         .wrm-section {
           position: relative;
           width: calc(100% - 40px);
-          margin: clamp(56px, 7vw, 96px) auto clamp(24px, 4vw, 40px);
+          margin: clamp(32px, 4vw, 56px) auto clamp(16px, 2vw, 32px);
           border-radius: 28px;
           overflow: hidden;
           box-sizing: border-box;
           background: #09090b;
-          padding: clamp(64px, 8vw, 100px) clamp(24px, 5vw, 48px);
+          padding: clamp(40px, 5vw, 64px) clamp(24px, 5vw, 48px);
         }
 
         .wrm-header {
@@ -209,9 +209,9 @@ export default function WingsRoadmap() {
              section rhythm near the footer. Horizontal padding is left
              untouched (its own clamp already resolves small on phones). */
           .wrm-section {
-            margin-top: 40px;
+            margin-top: 24px;
-            padding-top: 48px;
+            padding-top: 32px;
-            padding-bottom: 48px;
+            padding-bottom: 32px;
           }
           .wrm-track-wrap { display: none; }
           .wrm-grid {