remove wings cta page
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
left: 20px !important;
|
||||
right: 20px !important;
|
||||
border-radius: 24px !important;
|
||||
top: 0 !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
|
||||
card and Footer's outer band exactly (both use a flat
|
||||
20px inset, uncapped, at every desktop width), so the
|
||||
header aligns with the rest of the page instead of
|
||||
drifting wider on large screens. Symmetric, so the
|
||||
/* Equal left/right safe areas pull the logo and Contact
|
||||
button inward off the viewport edges. Because the inset
|
||||
is symmetric, the 1fr side columns shrink equally and 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.
|
||||
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. */
|
||||
/* navbar-right: Contact button, aligned to the right edge. */
|
||||
#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;
|
||||
-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;
|
||||
left: 20px !important;
|
||||
right: 20px !important;
|
||||
border-radius: 20px !important;
|
||||
width: auto !important;
|
||||
top: 18px !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
}
|
||||
|
||||
#masthead .elementor-element.elementor-element-e052838 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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’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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -228,8 +228,7 @@ export default function WingsHero() {
|
||||
|
||||
@media (min-width: 1025px) {
|
||||
.wings-hero-page.elementor-element-741f56c {
|
||||
padding: 20px 24px !important;
|
||||
margin-top: 8px !important;
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
.wings-hero-page .owl-carousel.owl-theme .content-item {
|
||||
|
||||
@@ -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;
|
||||
padding-top: 48px;
|
||||
padding-bottom: 48px;
|
||||
margin-top: 24px;
|
||||
padding-top: 32px;
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
.wrm-track-wrap { display: none; }
|
||||
.wrm-grid {
|
||||
|
||||
Reference in New Issue
Block a user