Updated women leading the way section
This commit is contained in:
R-Bharathraj
229
includes/sections/about/intelligence-grid.php
Normal file
229
includes/sections/about/intelligence-grid.php
Normal file
@@ -0,0 +1,229 @@
|
||||
<section id="hero" class="roadmap-hero-section">
|
||||
<!-- Concentric crimson vector curves background -->
|
||||
<div class="crimson-arc-bg"></div>
|
||||
<div class="crimson-arc-bg inner"></div>
|
||||
|
||||
<div class="container">
|
||||
<!-- Screen Header Bar -->
|
||||
<div class="screen-header-bar">
|
||||
<div class="alt-pills">
|
||||
<span class="alt-pill active" id="alt-pill-1">ALT 1: The AI Pulse Layer for Urban India</span>
|
||||
<span class="alt-pill" id="alt-pill-2">ALT 2: The Neural Backbone of City Logistics</span>
|
||||
</div>
|
||||
<!-- Capsule Logo with white background -->
|
||||
<!-- <div class="logo-capsule-wrap">
|
||||
<div class="logo-capsule-bg">
|
||||
<svg viewBox="0 0 240 50" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="logoRedGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#ff2a5f" />
|
||||
<stop offset="100%" stop-color="#e2001a" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path d="M15 12C15 7 19 3 24 3H38C44 3 49 8 49 14V34C49 40 44 45 38 45H24C19 45 15 41 15 36V12Z" fill="none" stroke="url(#logoRedGrad)" stroke-width="4.5"/>
|
||||
<circle cx="32" cy="24" r="7" fill="url(#logoRedGrad)"/>
|
||||
<path d="M30 24H35M35 24L33 21M35 24L33 27" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<text x="60" y="34" font-family="'Outfit', sans-serif" font-weight="800" font-size="28" fill="#e2001a">Door</text>
|
||||
<text x="127" y="34" font-family="'Outfit', sans-serif" font-weight="300" font-size="28" fill="#e2001a">mile</text>
|
||||
</svg>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<!-- Content Titles -->
|
||||
<div class="vision-tag-top">VISION / 2030</div>
|
||||
|
||||
<h3 class="vision-main-title" style="color: white;">
|
||||
The <span style="color: #c01227;">Intelligence Grid</span> Behind Every Urban Mile
|
||||
</h3>
|
||||
|
||||
<p class="vision-main-subtitle">
|
||||
From Hyderabad EV pilot to nationwide AI logistics intelligence by 2030
|
||||
</p>
|
||||
|
||||
<!-- Horizontal Timeline Track Widget -->
|
||||
<div class="roadmap-track-container">
|
||||
<span class="roadmap-track-label">ROADMAP TO 2030</span>
|
||||
<div class="timeline-horizontal-wrapper">
|
||||
<div class="timeline-horizontal-line"></div>
|
||||
<div class="timeline-horizontal-fill"></div>
|
||||
<!-- Nodes aligned above card columns -->
|
||||
<div class="node-dots-row">
|
||||
<div class="node-dot-item dot-active" style="left: 12.5%;">
|
||||
<div class="node-pulse-inner"></div>
|
||||
</div>
|
||||
<div class="node-dot-item dot-active" style="left: 37.5%;">
|
||||
<div class="node-pulse-inner"></div>
|
||||
</div>
|
||||
<div class="node-dot-item dot-active" style="left: 62.5%;">
|
||||
<div class="node-pulse-inner"></div>
|
||||
</div>
|
||||
<div class="node-dot-item dot-vision-active" style="left: 87.5%;">
|
||||
<div class="node-pulse-crown"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="roadmap-complete-pct">75% COMPLETE →</span>
|
||||
</div>
|
||||
|
||||
<!-- 4-Column Card Grid Side-by-Side -->
|
||||
<div class="roadmap-grid-container">
|
||||
<!-- Card 1: 2026 -->
|
||||
<div class="roadmap-col-card" data-card="2026">
|
||||
<div class="card-top-row">
|
||||
<span class="year-num">2026</span>
|
||||
<div class="card-icon-badge">
|
||||
<!-- Rocket Icon SVG -->
|
||||
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M4.5 16.5c-1.5 1.5-2.5 3.5-2.5 5.5C4 22 6 21 7.5 19.5" />
|
||||
<path d="M12 12l9-9-9 9z" />
|
||||
<path d="M12 12c-2.3 2.3-3.4 5.3-3.5 8.5l12-12c-3.2-.1-6.2-1.2-8.5-3.5z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<span class="phase-badge-pill yellow">Pilot Phase</span>
|
||||
<h5 class="card-heading" style="color: white;">Hyderabad Pilot</h5>
|
||||
<p class="card-text">
|
||||
Launch operations in Hyderabad with dedicated EV hubs and MileTruth AI v1.0.
|
||||
</p>
|
||||
<div class="card-pills-stack">
|
||||
<div class="card-stat-pill-mini">
|
||||
<!-- Calendar icon -->
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
|
||||
50-80 orders/day
|
||||
</div>
|
||||
<div class="card-stat-pill-mini">
|
||||
<!-- City icon -->
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M3 21h18M19 21v-2a4 4 0 0 0-3-3.87M5 21v-2a4 4 0 0 1 3-3.87M9 21v-5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v5"></path></svg>
|
||||
1 city
|
||||
</div>
|
||||
<div class="card-stat-pill-mini">
|
||||
<!-- Women icon -->
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle></svg>
|
||||
10+ women partners
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Card 2: 2027 -->
|
||||
<div class="roadmap-col-card" data-card="2027">
|
||||
<div class="card-top-row">
|
||||
<span class="year-num">2027</span>
|
||||
<div class="card-icon-badge">
|
||||
<!-- Map Pin/Cross icon -->
|
||||
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
|
||||
<circle cx="12" cy="12" r="10"></circle>
|
||||
<line x1="12" y1="8" x2="12" y2="16"></line>
|
||||
<line x1="8" y1="12" x2="16" y2="12"></line>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<span class="phase-badge-pill green">Multi-City</span>
|
||||
<h5 class="card-heading" style="color: white;">Multi-City Scale</h5>
|
||||
<p class="card-text">
|
||||
Expand to Bengaluru and Chennai, securing key B2B enterprise traction.
|
||||
</p>
|
||||
<div class="card-pills-stack">
|
||||
<div class="card-stat-pill-mini">
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
|
||||
300-500 orders/day
|
||||
</div>
|
||||
<div class="card-stat-pill-mini">
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M3 21h18M19 21v-2a4 4 0 0 0-3-3.87M5 21v-2a4 4 0 0 1 3-3.87M9 21v-5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v5"></path></svg>
|
||||
3 cities
|
||||
</div>
|
||||
<div class="card-stat-pill-mini">
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>
|
||||
50+ EVs
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Card 3: 2028 -->
|
||||
<div class="roadmap-col-card" data-card="2028">
|
||||
<div class="card-top-row">
|
||||
<span class="year-num">2028</span>
|
||||
<div class="card-icon-badge">
|
||||
<!-- Gears/Settings icon -->
|
||||
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
|
||||
<circle cx="12" cy="12" r="3"></circle>
|
||||
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<span class="phase-badge-pill blue">Platform</span>
|
||||
<h5 class="card-heading" style="color: white;">Platform Expansion</h5>
|
||||
<p class="card-text">
|
||||
Scale to 5+ cities. Launch developer API marketplace and Series A readiness.
|
||||
</p>
|
||||
<div class="card-pills-stack">
|
||||
<div class="card-stat-pill-mini">
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
|
||||
1,200+ orders/day
|
||||
</div>
|
||||
<div class="card-stat-pill-mini">
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M3 21h18M19 21v-2a4 4 0 0 0-3-3.87M5 21v-2a4 4 0 0 1 3-3.87M9 21v-5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v5"></path></svg>
|
||||
5+ cities
|
||||
</div>
|
||||
<div class="card-stat-pill-mini">
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>
|
||||
API marketplace
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Card 4: 2030 (GLOWING TARGET CARD EXACT MATCH TO SCREENSHOT) -->
|
||||
<div class="roadmap-col-card glowing-vision-card" data-card="2030">
|
||||
<div class="card-top-row">
|
||||
<span class="year-num">2030</span>
|
||||
<div class="card-icon-badge translucent-white">
|
||||
<!-- Crown Icon SVG -->
|
||||
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M2 4l3 12h14l3-12-6 7-4-7-4 7-6-7z" />
|
||||
<path d="M3 20h18" stroke-width="3"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<span class="phase-badge-pill white-pill">Vision State</span>
|
||||
<h5 class="card-heading" style="color: white;">AI Pulse Layer</h5>
|
||||
<p class="card-text">
|
||||
Nationwide AI logistics grid reaching 15+ cities, empowering female micro-entrepreneurs.
|
||||
</p>
|
||||
<div class="card-pills-stack">
|
||||
<div class="card-stat-pill-mini translucent-crimson">
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
|
||||
5,000+ orders/day
|
||||
</div>
|
||||
<div class="card-stat-pill-mini translucent-crimson">
|
||||
<span class="currency-symbol">Rs</span> 65 Cr+ revenue
|
||||
</div>
|
||||
<div class="card-stat-pill-mini translucent-crimson">
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
|
||||
2,000+ women partners
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Screen Footer Bar -->
|
||||
<div class="screen-footer-bar">
|
||||
<span class="footer-msg">BUILDING THE FUTURE OF LOGISTICS IN INDIA</span>
|
||||
<div class="footer-pills-right">
|
||||
<span class="footer-pill-black">2026-2030</span>
|
||||
<span class="footer-pill-black">5 YEAR PLAN</span>
|
||||
<span class="footer-pill-black">15+ CITIES</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Dynamic Scroll Indicator -->
|
||||
<!-- <div class="scroll-action-indicator">
|
||||
<a href="#simulator" class="scroll-arrow-link" aria-label="Scroll to AI Simulator">
|
||||
Explore Live dispatch engine
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<line x1="12" y1="5" x2="12" y2="19"></line>
|
||||
<polyline points="19 12 12 19 5 12"></polyline>
|
||||
</svg>
|
||||
</a>
|
||||
</div> -->
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user