update doormile wings page

2026-07-06 17:12:39 +05:30
parent 09bfb957e6
commit fc190343eb
27 changed files with 2696 additions and 1864 deletions
--- a/src/components/sections/WingsFleetStrategy.tsx
+++ b/src/components/sections/WingsFleetStrategy.tsx
@@ -0,0 +1,92 @@
+import EVSection, { type EVFeature, type EVStat } from "./EVSection";
+
+// Placeholder banner — plain dark gradient, no photography (no ATR72/Q400
+// or airport-hub imagery exists in the repo yet). Swap `bannerImage` for a
+// sourced photo later; this keeps the section shippable in the meantime.
+// EVSection embeds this value in an UNQUOTED CSS url(...).
+
+const METRICS: EVStat[] = [
+  { value: 8.2, decimals: 1, suffix: "t", label: "ATR72 Payload" },
+  { value: 1600, suffix: "km", label: "ATR72 Range" },
+  { value: 8.6, decimals: 1, suffix: "t", label: "Q400 Payload" },
+  { value: 667, suffix: "km/h", label: "Q400 Speed" },
+];
+
+const FEATURES: EVFeature[] = [
+  {
+    icon: (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+        <path d="M22 12h-6l-4-9-2 1 3 8H5l-2-3-1.5.6L3 14l1.5 4.4L6 18l-2-3h8l3 8 2-1-3-8h6z" />
+      </svg>
+    ),
+    title: "Dedicated Freighter Capacity",
+    desc: "Purpose-built cargo lift, not passenger-belly space competing with baggage.",
+  },
+  {
+    icon: (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+        <circle cx="6" cy="6" r="2.5" />
+        <circle cx="18" cy="6" r="2.5" />
+        <circle cx="12" cy="18" r="2.5" />
+        <path d="M8.2 7.2 10 16M15.8 7.2 14 16M8.5 6h7" />
+      </svg>
+    ),
+    title: "Regional Route Design",
+    desc: "Turboprop range and speed matched to India's major regional-capital corridors.",
+  },
+  {
+    icon: (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+        <path d="M3 3v18h18" />
+        <path d="M7 14l4-4 3 3 6-7" />
+      </svg>
+    ),
+    title: "Scaling to 25 Aircraft",
+    desc: "Phase 2 vision: pan-India connectivity hubs and international regional routes.",
+  },
+];
+
+export default function WingsFleetStrategy() {
+  return (
+    <div id="wings-fleet">
+      <EVSection
+        bannerImage="/images/pahse1.png"
+        cardNumber="Phase 1"
+        cardTitle="Initial Fleet"
+        cardSubtitle="2x ATR72 + 1x Q400 Freighters"
+        eyebrow="/ Fleet Strategy /"
+        titleLead="Purpose-Built for "
+        titleAccent="Regional Speed"
+        features={FEATURES}
+        metrics={METRICS}
+        cardsHeading="FLEET SPECIFICATIONS"
+        cardsTheme={{ accent: "#c8102e", accent2: "#ff6a3d", glow: "rgba(200,16,46,0.22)" }}
+        badges={[
+          { value: "3", label: "Phase 1 Aircraft" },
+          { value: "25", label: "Phase 2 Vision" },
+        ]}
+        mediaSlot={
+          <div
+            style={{
+              width: "100%",
+              height: "100%",
+              minHeight: 420,
+              background: "linear-gradient(150deg, #17171b 0%, #0b0b0d 100%)",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+            }}
+            aria-hidden="true"
+          >
+            {/* Placeholder — swap for sourced ATR72/Q400 photography or a
+                designed illustration once available. */}
+            <svg width="88" height="88" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.15)" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
+              <path d="M22 12h-6l-4-9-2 1 3 8H5l-2-3-1.5.6L3 14l1.5 4.4L6 18l-2-3h8l3 8 2-1-3-8h6z" />
+            </svg>
+          </div>
+        }
+        ariaLabel="Doormile Wings fleet strategy"
+      />
+    </div>
+  );
+}