update doormile wings page

This commit is contained in:
2026-07-06 17:12:39 +05:30
parent 09bfb957e6
commit fc190343eb
27 changed files with 2696 additions and 1864 deletions

View File

@@ -0,0 +1,96 @@
import Link from "next/link";
export default function WingsFinalCTA() {
return (
<>
<style
dangerouslySetInnerHTML={{
__html: `
.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 {
margin-top: 40px !important;
margin-bottom: 40px !important;
padding: 0 10px !important;
}
.wfcta-box {
padding: 48px 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="we-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>
</>
);
}