Aravind
4b8277af70
.gitignore's ".next/" rule (no leading slash) matched at any depth, so build/.next was silently excluded from every commit even though build.sh populates it. The Docker image was built without the compiled server/static output, so server.js had nothing to serve. Anchor the rule to the repo root and commit the compiled output that Dokploy actually needs.
1199 lines
64 KiB
JavaScript
1199 lines
64 KiB
JavaScript
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,61867,e=>{"use strict";var t=e.i(43476),i=e.i(71645),a=e.i(57688),r=e.i(89970),o=e.i(83495);r.default.registerPlugin(o.ScrollTrigger);let n=[{index:1,title:"Operational Visibility",desc:"Real-time tracking and centralized control provide complete visibility across every shipment, vehicle, and delivery milestone.",icon:(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("rect",{x:"2",y:"7",width:"16",height:"10",rx:"2",ry:"2"}),(0,t.jsx)("line",{x1:"22",y1:"11",x2:"22",y2:"13"}),(0,t.jsx)("line",{x1:"6",y1:"11",x2:"10",y2:"11"}),(0,t.jsx)("line",{x1:"6",y1:"13",x2:"12",y2:"13"})]})},{index:2,title:"Intelligent Routing",desc:"AI-powered route optimization reduces travel time, improves delivery accuracy, and maximizes fleet utilization.",icon:(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("polygon",{points:"13 2 3 14 12 14 11 22 21 10 12 10 13 2"})})},{index:3,title:"EV-First Logistics",desc:"Purpose-built workflows for electric fleets improve battery efficiency, charging management, and sustainable operations.",icon:(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M12 2v10"}),(0,t.jsx)("path",{d:"M18 8V6a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v2a4 4 0 0 0 4 4h4a4 4 0 0 0 4-4Z"}),(0,t.jsx)("path",{d:"M10 22v-6"}),(0,t.jsx)("path",{d:"M14 22v-6"})]})},{index:4,title:"Scalable Network",desc:"Flexible logistics infrastructure supports growth across cities, regions, and high-volume delivery operations without disruption.",icon:(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 3.5 2 5.5a7 7 0 0 1-7 7h-3"}),(0,t.jsx)("path",{d:"M12 22V12"})]})}];e.s(["default",0,function(){let e=(0,i.useRef)(null),o=(0,i.useRef)(null),s=(0,i.useRef)(null);return(0,i.useEffect)(()=>{let t=e.current,i=s.current,a=o.current;if(!t||!i||!a)return;let n=r.default.to(a,{y:"-=10",duration:4.5,ease:"sine.inOut",yoyo:!0,repeat:-1});return r.default.timeline({scrollTrigger:{trigger:t,start:"top 80%",toggleActions:"play none none none"}}).to(t.querySelector(".ev-logistic-kicker-widget"),{opacity:1,y:0,duration:.8,ease:"power3.out"}).to(t.querySelector(".ev-logistic-title-widget"),{y:0,opacity:1,duration:.85,ease:"power4.out"},"-=0.45").to(t.querySelectorAll(".ev-feature-card"),{opacity:1,y:0,duration:.6,stagger:.08,ease:"power3.out"},"-=0.6").fromTo(i,{opacity:0,scale:.95},{opacity:1,scale:1,duration:1,ease:"power4.out"},"-=0.8"),()=>{n.kill()}},[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
|
/* Custom CSS Scoped to EV Logistics Section */
|
|
.ev-logistic-section {
|
|
box-sizing: border-box !important;
|
|
background: #ffffff !important;
|
|
font-family: 'Manrope', sans-serif !important;
|
|
position: relative !important;
|
|
}
|
|
|
|
.ev-logistic-header {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
align-self: stretch !important;
|
|
margin-bottom: 48px !important;
|
|
display: block !important;
|
|
text-align: left !important;
|
|
}
|
|
|
|
.ev-logistic-body-grid {
|
|
display: flex !important;
|
|
flex-direction: row !important;
|
|
align-items: center !important;
|
|
justify-content: space-between !important;
|
|
width: 100% !important;
|
|
gap: 3% !important;
|
|
}
|
|
|
|
/* Left Column - Image column takes up 45% */
|
|
.ev-logistic-image-col {
|
|
flex: 0 0 45% !important;
|
|
max-width: 45% !important;
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
justify-content: flex-start !important;
|
|
position: relative !important;
|
|
min-height: auto !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
/* Branded glow spotlight halo behind the vehicle */
|
|
.ev-logistic-image-glow {
|
|
position: absolute !important;
|
|
left: 50% !important;
|
|
top: 50% !important;
|
|
width: 80% !important;
|
|
height: 70% !important;
|
|
transform: translate(-50%, -50%) !important;
|
|
background: radial-gradient(circle, rgba(192, 18, 39, 0.05) 0%, rgba(192, 18, 39, 0.01) 55%, transparent 75%) !important;
|
|
filter: blur(54px) !important;
|
|
z-index: 0 !important;
|
|
pointer-events: none !important;
|
|
}
|
|
|
|
/* Image wrapper scaling naturally inside its column container */
|
|
.ev-logistic-image-wrapper {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
justify-content: flex-start !important;
|
|
overflow: visible !important;
|
|
position: relative !important;
|
|
transform: scale(1.15) !important;
|
|
transform-origin: left center !important;
|
|
margin-left: -80px !important;
|
|
}
|
|
|
|
.ev-logistic-image-wrapper img {
|
|
width: 100% !important;
|
|
height: auto !important;
|
|
object-fit: contain !important;
|
|
filter: none !important;
|
|
will-change: transform !important;
|
|
}
|
|
|
|
/* Right column - takes up 52% for grid cards */
|
|
.ev-logistic-content-col {
|
|
flex: 0 0 52% !important;
|
|
max-width: 52% !important;
|
|
display: flex !important;
|
|
flex-direction: column !important;
|
|
justify-content: center !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.ev-logistic-kicker-widget {
|
|
opacity: 0;
|
|
transform: translateY(-12px);
|
|
will-change: transform, opacity;
|
|
}
|
|
|
|
.ev-logistic-title-wrapper {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.ev-logistic-title-widget {
|
|
opacity: 0;
|
|
transform: translateY(24px);
|
|
will-change: transform, opacity;
|
|
}
|
|
|
|
.ev-logistic-title-widget > .elementor-widget-container {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.ev-logistic-title-widget .logico-title {
|
|
margin: 0 !important;
|
|
text-align: left !important;
|
|
}
|
|
|
|
/* Card Grid Layout */
|
|
.ev-feature-grid {
|
|
display: grid !important;
|
|
grid-template-columns: repeat(2, 1fr) !important;
|
|
gap: 24px !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
/* Premium Theme White Card */
|
|
.ev-feature-card {
|
|
display: flex !important;
|
|
flex-direction: column !important;
|
|
background: #ffffff !important;
|
|
border: 1px solid rgba(17, 17, 17, 0.09) !important;
|
|
border-radius: 20px !important;
|
|
padding: 30px !important;
|
|
color: #555555 !important;
|
|
height: 100% !important;
|
|
box-sizing: border-box !important;
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
will-change: transform, opacity;
|
|
transition: border-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
|
|
box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
|
|
transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
|
|
box-shadow: 0 4px 24px rgba(17, 17, 17, 0.02) !important;
|
|
}
|
|
|
|
.ev-feature-card:hover {
|
|
border-color: #c01227 !important;
|
|
box-shadow: 0 20px 40px rgba(192, 18, 39, 0.08), 0 4px 12px rgba(17, 17, 17, 0.03) !important;
|
|
transform: translateY(-8px) !important;
|
|
}
|
|
|
|
/* Red Icon Wrapper */
|
|
.ev-feature-icon-wrapper {
|
|
margin-bottom: 24px !important;
|
|
display: inline-flex !important;
|
|
align-items: center !important;
|
|
justify-content: center !important;
|
|
width: 54px !important;
|
|
height: 54px !important;
|
|
background: rgba(192, 18, 39, 0.06) !important;
|
|
border: 1px solid rgba(192, 18, 39, 0.18) !important;
|
|
border-radius: 50% !important;
|
|
color: #c01227 !important;
|
|
transition: all 0.3s ease !important;
|
|
}
|
|
|
|
.ev-feature-card:hover .ev-feature-icon-wrapper {
|
|
background: rgba(192, 18, 39, 0.12) !important;
|
|
border-color: #c01227 !important;
|
|
transform: scale(1.1) !important;
|
|
box-shadow: 0 0 12px rgba(192, 18, 39, 0.15) !important;
|
|
}
|
|
|
|
.ev-feature-icon-wrapper svg {
|
|
width: 24px !important;
|
|
height: 24px !important;
|
|
stroke: currentColor !important;
|
|
}
|
|
|
|
/* Title & Description Inside Cards */
|
|
.ev-feature-card-title {
|
|
font-family: 'Manrope', sans-serif !important;
|
|
font-size: 20px !important;
|
|
font-weight: 700 !important;
|
|
line-height: 1.3em !important;
|
|
color: #c01227 !important;
|
|
margin: 0 0 12px 0 !important;
|
|
text-transform: none !important;
|
|
}
|
|
|
|
.ev-feature-card-desc {
|
|
font-family: 'Manrope', sans-serif !important;
|
|
font-size: 14px !important;
|
|
font-weight: 500 !important;
|
|
line-height: 1.6 !important;
|
|
color: #555555 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
/* Responsiveness constraints */
|
|
@media (max-width: 1024px) {
|
|
.ev-logistic-body-grid {
|
|
flex-direction: column !important;
|
|
gap: 50px !important;
|
|
}
|
|
|
|
.ev-logistic-image-col {
|
|
flex: 1 1 100% !important;
|
|
max-width: 100% !important;
|
|
min-height: auto !important;
|
|
justify-content: center !important;
|
|
}
|
|
|
|
.ev-logistic-image-wrapper {
|
|
max-width: 580px !important;
|
|
transform: none !important;
|
|
margin: 0 auto !important;
|
|
justify-content: center !important;
|
|
}
|
|
|
|
.ev-logistic-content-col {
|
|
flex: 1 1 100% !important;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.ev-logistic-section {
|
|
--padding-left: 0px !important;
|
|
--padding-right: 0px !important;
|
|
padding-left: 0px !important;
|
|
padding-right: 0px !important;
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
.ev-logistic-section > .e-con-inner {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
.ev-logistic-section .elementor-element-343b363 {
|
|
--padding-left: 20px !important;
|
|
--padding-right: 20px !important;
|
|
padding-left: 20px !important;
|
|
padding-right: 20px !important;
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
.ev-logistic-body-grid {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
align-items: stretch !important;
|
|
}
|
|
|
|
.ev-logistic-content-col {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
align-self: center !important;
|
|
}
|
|
|
|
.ev-feature-grid {
|
|
grid-template-columns: 1fr !important;
|
|
gap: 20px !important;
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.ev-feature-card {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
}
|
|
}
|
|
`}}),(0,t.jsx)("div",{className:"elementor-61",children:(0,t.jsx)("div",{ref:e,className:"elementor-element elementor-element-88745f4 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent ev-logistic-section","data-id":"88745f4","data-element_type":"container","data-e-type":"container",children:(0,t.jsx)("div",{className:"e-con-inner",children:(0,t.jsxs)("div",{className:"elementor-element elementor-element-343b363 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"343b363","data-element_type":"container","data-e-type":"container",children:[(0,t.jsxs)("div",{className:"ev-logistic-header",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-7afb238 elementor-widget elementor-widget-logico_heading ev-logistic-kicker-widget","data-id":"7afb238","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title ev-logistic-kicker",children:"/ Built for Electric Vehicles /"})})}),(0,t.jsx)("div",{className:"ev-logistic-title-wrapper",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-1cc335a elementor-widget elementor-widget-logico_heading ev-logistic-title-widget","data-id":"1cc335a","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",style:{WebkitTextStroke:"4px #c01227",color:"#fff",fontWeight:800},children:"Logistics Built for EV Vehicles"})})})})]}),(0,t.jsxs)("div",{className:"ev-logistic-body-grid",children:[(0,t.jsxs)("div",{className:"ev-logistic-image-col",children:[(0,t.jsx)("div",{className:"ev-logistic-image-glow"}),(0,t.jsx)("div",{ref:o,className:"ev-logistic-image-wrapper",children:(0,t.jsx)(a.default,{ref:s,src:"/images/ev.webp",alt:"EV Logistics",width:1050,height:854,priority:!0})})]}),(0,t.jsx)("div",{className:"ev-logistic-content-col",children:(0,t.jsx)("div",{className:"ev-feature-grid",children:n.map(e=>(0,t.jsxs)("div",{className:"ev-feature-card",children:[(0,t.jsx)("div",{className:"ev-feature-icon-wrapper",children:e.icon}),(0,t.jsx)("h4",{className:"ev-feature-card-title",children:e.title}),(0,t.jsx)("p",{className:"ev-feature-card-desc",children:e.desc})]},e.index))})})]})]})})})})]})}])},47580,e=>{"use strict";var t=e.i(43476),i=e.i(71645),a=e.i(89970),r=e.i(83495);a.default.registerPlugin(r.ScrollTrigger),e.s(["default",0,function(){let e=(0,i.useRef)(null),r=(0,i.useRef)(null),o=(0,i.useRef)(null);return(0,i.useEffect)(()=>{let t=e.current,i=r.current,n=o.current;if(!t||!i||!n)return;let s=t.querySelectorAll(".table-row-hover"),l=t.querySelectorAll(".yes-badge, .advanced-badge");a.default.set([n,i],{opacity:0,y:45}),a.default.set(s,{opacity:0,y:20}),a.default.set(l,{opacity:0,scale:.8}),a.default.timeline({scrollTrigger:{trigger:t,start:"top 78%",toggleActions:"play none none none"}}).to([n,i],{opacity:1,y:0,duration:.95,stagger:.15,ease:"power4.out"}).to(s,{opacity:1,y:0,duration:.75,stagger:.05,ease:"power3.out"},"-=0.6").to(l,{opacity:1,scale:1,duration:.55,stagger:.03,ease:"back.out(1.6)"},"-=0.45")},[]),(0,t.jsxs)("section",{id:"comparison",className:"comparison-section",ref:e,children:[(0,t.jsx)("div",{className:"comparison-bg-glow"}),(0,t.jsx)("div",{className:"comparison-bg-dots"}),(0,t.jsxs)("div",{className:"container",children:[(0,t.jsxs)("div",{className:"comparison-header",ref:o,children:[(0,t.jsx)("div",{className:"advantage-eyebrow-container",children:(0,t.jsx)("span",{className:"advantage-eyebrow",children:"/ DoorMile wins/"})}),(0,t.jsx)("h2",{className:"moat-heading","data-text":"WHERE DOORMILE WINS",children:"WHERE DOORMILE WINS"}),(0,t.jsx)("p",{className:"moat-desc",children:"A side-by-side technical capabilities comparison showing how operational fleet ownership and dynamic AI planning disrupt basic aggregators."})]}),(0,t.jsx)("div",{className:"table-wrapper",ref:r,children:(0,t.jsxs)("table",{className:"comparison-table",children:[(0,t.jsx)("thead",{children:(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{children:"Capability"}),(0,t.jsx)("th",{className:"col-highlight",children:"Doormile"}),(0,t.jsx)("th",{children:"Aggregators"}),(0,t.jsx)("th",{children:"Local Couriers"}),(0,t.jsx)("th",{children:"Software Platforms"})]})}),(0,t.jsxs)("tbody",{children:[(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("rect",{x:"1",y:"3",width:"15",height:"13"}),(0,t.jsx)("polygon",{points:"16 8 20 8 23 11 23 16 16 16 16 8"}),(0,t.jsx)("circle",{cx:"5.5",cy:"18.5",r:"2.5"}),(0,t.jsx)("circle",{cx:"18.5",cy:"18.5",r:"2.5"})]}),"Owned fleet control"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"yes-badge",children:"✓ Yes"})}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"partial-text",children:"Yes"}),(0,t.jsx)("td",{className:"no-text",children:"No"})]}),(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,t.jsx)("polyline",{points:"12 6 12 12 16 14"})]}),"Dynamic routing & dispatch"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"advanced-badge",children:"✓ Advanced"})}),(0,t.jsx)("td",{className:"partial-text",children:"Basic"}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"partial-text",children:"Advanced"})]}),(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("polygon",{points:"13 2 3 14 12 14 11 22 21 10 12 10 13 2"})}),"EV-aware planning"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"yes-badge",children:"✓ Yes"})}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"no-text",children:"No"})]}),(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),(0,t.jsx)("polyline",{points:"14 2 14 8 20 8"}),(0,t.jsx)("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),(0,t.jsx)("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),(0,t.jsx)("polyline",{points:"10 9 9 9 8 9"})]}),"Documentation & proof trail"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"yes-badge",children:"✓ Yes"})}),(0,t.jsx)("td",{className:"partial-text",children:"Partial"}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"partial-text",children:"Yes"})]}),(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,t.jsx)("polyline",{points:"12 6 12 12 16 14"})]}),"Real-time tracking"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"yes-badge",children:"✓ Yes"})}),(0,t.jsx)("td",{className:"partial-text",children:"Yes"}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"partial-text",children:"Yes"})]}),(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"})}),"Verified handling"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"yes-badge",children:"✓ Yes"})}),(0,t.jsx)("td",{className:"partial-text",children:"Partial"}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"no-text",children:"No"})]}),(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"}),(0,t.jsx)("path",{d:"M13.73 21a2 2 0 0 1-3.46 0"})]}),"Hyperlocal learning"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"yes-badge",children:"✓ Yes"})}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"no-text",children:"No"})]}),(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,t.jsx)("line",{x1:"22",y1:"12",x2:"18",y2:"12"}),(0,t.jsx)("line",{x1:"6",y1:"12",x2:"2",y2:"12"}),(0,t.jsx)("line",{x1:"12",y1:"6",x2:"12",y2:"2"}),(0,t.jsx)("line",{x1:"12",y1:"22",x2:"12",y2:"18"})]}),"SLA accountability"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"advanced-badge",children:"✓ High"})}),(0,t.jsx)("td",{className:"no-text",children:"Low"}),(0,t.jsx)("td",{className:"partial-text",children:"Medium"}),(0,t.jsx)("td",{className:"no-text",children:"Low"})]})]})]})})]}),(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
|
/* --- HIGH-IMPACT PREMIUM CAPABILITIES SECTION STYLE --- */
|
|
.comparison-section {
|
|
position: relative;
|
|
padding: 120px 0;
|
|
background-color: #fafafa;
|
|
overflow: hidden;
|
|
font-family: "Manrope", sans-serif;
|
|
}
|
|
|
|
/* Spotlight radial background glow */
|
|
.comparison-bg-glow {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 1000px;
|
|
height: 1000px;
|
|
background: radial-gradient(circle, rgba(200, 16, 46, 0.035) 0%, transparent 70%);
|
|
z-index: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* Subtle logistics dot grid overlay */
|
|
.comparison-bg-dots {
|
|
position: absolute;
|
|
inset: 0;
|
|
background-image: radial-gradient(#e2e4e8 1.5px, transparent 1.5px);
|
|
background-size: 32px 32px;
|
|
opacity: 0.45;
|
|
z-index: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.comparison-section .container {
|
|
position: relative;
|
|
z-index: 2;
|
|
max-width: 1400px; /* Restored/Expanded for gorgeous wide balance on large screens */
|
|
margin: 0 auto;
|
|
padding: 0 40px;
|
|
}
|
|
|
|
/* Section Header Layout */
|
|
.comparison-header {
|
|
text-align: left;
|
|
margin-bottom: 60px;
|
|
position: relative;
|
|
z-index: 2;
|
|
width: 100%;
|
|
}
|
|
|
|
.advantage-eyebrow-container {
|
|
width: 100%;
|
|
border-bottom: 2px solid rgba(0, 0, 0, 0.16);
|
|
padding-bottom: 16px;
|
|
margin-bottom: 28px;
|
|
}
|
|
|
|
/* DoorMile Advantage Eyebrow */
|
|
.advantage-eyebrow {
|
|
font-family: 'Manrope', sans-serif;
|
|
font-weight: 700;
|
|
font-size: 0.85rem;
|
|
letter-spacing: 0.14em;
|
|
text-transform: uppercase;
|
|
color: #060606ff;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* Outlined heading style with clean duplicate layering hack */
|
|
.moat-heading {
|
|
position: relative;
|
|
font-family: var(--font-syne), 'Syne', sans-serif !important;
|
|
font-size: clamp(2.4rem, 6.8vw, 6.6rem) !important;
|
|
font-weight: 800 !important;
|
|
line-height: 1.1 !important;
|
|
color: #fafafa !important; /* solid background color to cover inner overlapping outlines */
|
|
margin: 0 0 24px 0;
|
|
letter-spacing: -0.02em;
|
|
text-transform: uppercase;
|
|
word-wrap: break-word;
|
|
overflow-wrap: break-word;
|
|
z-index: 1;
|
|
}
|
|
|
|
.moat-heading::after {
|
|
content: attr(data-text) !important;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -1;
|
|
color: transparent !important;
|
|
-webkit-text-stroke: 2.2px #c8102e;
|
|
-webkit-text-fill-color: transparent !important;
|
|
pointer-events: none;
|
|
display: block !important; /* override any old display: none */
|
|
}
|
|
|
|
.moat-desc {
|
|
font-family: 'Manrope', sans-serif;
|
|
font-size: 1.05rem;
|
|
line-height: 1.65;
|
|
color: #585c67;
|
|
margin: 16px 0 0 0 !important;
|
|
max-width: 820px !important;
|
|
text-align: left !important;
|
|
}
|
|
|
|
/* Spacious table styling wrapper (100% width on Desktop) */
|
|
.table-wrapper {
|
|
width: 100%;
|
|
background: #ffffff;
|
|
border-radius: 24px;
|
|
border: 1px solid rgba(0, 0, 0, 0.05);
|
|
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.015), 0 1px 3px rgba(0, 0, 0, 0.01);
|
|
overflow: hidden;
|
|
transition: box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
|
|
.table-wrapper:hover {
|
|
box-shadow: 0 35px 70px rgba(0, 0, 0, 0.035), 0 1px 3px rgba(0, 0, 0, 0.01);
|
|
}
|
|
|
|
.comparison-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
text-align: left;
|
|
}
|
|
|
|
/* Enlarge row paddings and metrics size */
|
|
.comparison-table th,
|
|
.comparison-table td {
|
|
padding: 24px 28px;
|
|
border-bottom: 1px solid #f0f0f4;
|
|
font-size: 1rem;
|
|
color: #2b2b2b;
|
|
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
|
|
.comparison-table tr:last-child td {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.comparison-table th {
|
|
font-family: 'Manrope', sans-serif;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
font-size: 0.85rem;
|
|
letter-spacing: 0.1em;
|
|
color: #8a8f9d;
|
|
background: rgba(15, 23, 42, 0.02);
|
|
}
|
|
|
|
/* High weight column header highlights */
|
|
th.col-highlight {
|
|
background: #c8102e !important;
|
|
color: #ffffff !important;
|
|
text-align: center;
|
|
font-weight: 800;
|
|
font-size: 0.9rem;
|
|
letter-spacing: 0.1em;
|
|
border-left: 2.5px solid #c8102e;
|
|
border-right: 2.5px solid #c8102e;
|
|
box-shadow: 0 4px 20px rgba(200, 16, 46, 0.1);
|
|
}
|
|
|
|
/* High weight cells gradient & highlights */
|
|
td.col-highlight {
|
|
text-align: center;
|
|
color: #c8102e !important;
|
|
font-weight: 700;
|
|
background: linear-gradient(180deg, rgba(200, 16, 46, 0.025) 0%, rgba(200, 16, 46, 0.005) 100%) !important;
|
|
border-left: 2.5px solid rgba(200, 16, 46, 0.12);
|
|
border-right: 2.5px solid rgba(200, 16, 46, 0.12);
|
|
position: relative;
|
|
will-change: transform, box-shadow, background;
|
|
animation: doormile-glow-pulse 4s infinite ease-in-out;
|
|
}
|
|
|
|
/* Row Hover Enhancements: brighten row & trigger DoorMile glow expand */
|
|
.table-row-hover {
|
|
transition: background-color 0.3s ease;
|
|
}
|
|
|
|
.table-row-hover:hover td {
|
|
background-color: rgba(200, 16, 46, 0.01) !important;
|
|
}
|
|
|
|
.table-row-hover:hover td.col-highlight {
|
|
background: linear-gradient(180deg, rgba(200, 16, 46, 0.06) 0%, rgba(200, 16, 46, 0.02) 100%) !important;
|
|
border-left-color: rgba(200, 16, 46, 0.35);
|
|
border-right-color: rgba(200, 16, 46, 0.35);
|
|
box-shadow: inset 0 0 16px rgba(200, 16, 46, 0.04);
|
|
}
|
|
|
|
/* Soft Breathing Box Shadow Red Glow Pulse Loop */
|
|
@keyframes doormile-glow-pulse {
|
|
0% {
|
|
box-shadow: inset 0 0 0 0px rgba(200, 16, 46, 0);
|
|
}
|
|
50% {
|
|
box-shadow: inset 0 0 18px 2px rgba(200, 16, 46, 0.05);
|
|
}
|
|
100% {
|
|
box-shadow: inset 0 0 0 0px rgba(200, 16, 46, 0);
|
|
}
|
|
}
|
|
|
|
.capability-cell {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 14px;
|
|
font-weight: 700;
|
|
color: #111111;
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.capability-cell svg {
|
|
color: #c8102e;
|
|
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.table-row-hover:hover .capability-cell svg {
|
|
transform: scale(1.18) rotate(4deg);
|
|
}
|
|
|
|
/* Premium Badge styles */
|
|
.yes-badge {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
color: #c8102e;
|
|
font-weight: 700;
|
|
font-size: 0.95rem;
|
|
background: rgba(200, 16, 46, 0.05);
|
|
padding: 4px 12px;
|
|
border-radius: 6px;
|
|
border: 1px solid rgba(200, 16, 46, 0.1);
|
|
will-change: transform, opacity;
|
|
}
|
|
|
|
.advanced-badge {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
background: rgba(200, 16, 46, 0.075);
|
|
border: 1.5px solid #c8102e;
|
|
padding: 4px 12px;
|
|
border-radius: 8px;
|
|
font-size: 0.78rem;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.06em;
|
|
font-weight: 800;
|
|
color: #c8102e;
|
|
will-change: transform, opacity;
|
|
box-shadow: 0 4px 12px rgba(200, 16, 46, 0.06);
|
|
}
|
|
|
|
.no-text {
|
|
color: #8e94a5;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.partial-text {
|
|
color: #4b5262;
|
|
font-weight: 500;
|
|
}
|
|
|
|
/* --- RESPONSIVE WORKFLOWS & BREAKPOINTS --- */
|
|
@media (max-width: 1200px) {
|
|
.comparison-section .container {
|
|
padding: 0 24px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.comparison-section {
|
|
padding: 56px 0;
|
|
}
|
|
|
|
.comparison-section .container {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.moat-heading {
|
|
font-size: 1.8rem;
|
|
}
|
|
}
|
|
|
|
/* On phones the 5-column table can't fit, so transform each row into a
|
|
stacked card: capability as the card title, then one "label: value"
|
|
line per competitor. Column labels are injected via nth-of-type so no
|
|
markup changes are needed (every row has the same column order). */
|
|
@media (max-width: 600px) {
|
|
.table-wrapper {
|
|
background: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
border-radius: 0;
|
|
overflow: visible;
|
|
}
|
|
.comparison-table { min-width: 0; width: 100%; }
|
|
.comparison-table thead { display: none; }
|
|
.comparison-table tbody,
|
|
.comparison-table tr,
|
|
.comparison-table td { display: block; width: auto; }
|
|
|
|
.comparison-table tr {
|
|
background: #ffffff;
|
|
border: 1px solid rgba(0,0,0,0.07);
|
|
border-radius: 16px;
|
|
padding: 6px 16px 8px;
|
|
margin-bottom: 14px;
|
|
box-shadow: 0 8px 24px rgba(0,0,0,0.04);
|
|
}
|
|
|
|
/* Capability = card title (icon + name), no label */
|
|
.comparison-table td.capability-cell {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
gap: 12px;
|
|
font-size: 1.02rem;
|
|
padding: 12px 0 12px;
|
|
border-bottom: 1.5px solid #eef0f4;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
/* Value cells = "Label .... value" rows */
|
|
.comparison-table td:not(.capability-cell) {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 12px;
|
|
padding: 10px 0;
|
|
border-bottom: 1px solid #f4f5f7;
|
|
font-size: 0.95rem;
|
|
text-align: right;
|
|
}
|
|
.comparison-table tr td:last-child { border-bottom: none; }
|
|
|
|
.comparison-table td.col-highlight::before { content: "Doormile"; }
|
|
.comparison-table td:nth-of-type(3)::before { content: "Aggregators"; }
|
|
.comparison-table td:nth-of-type(4)::before { content: "Local Couriers"; }
|
|
.comparison-table td:nth-of-type(5)::before { content: "Software Platforms"; }
|
|
.comparison-table td:not(.capability-cell)::before {
|
|
font-weight: 700;
|
|
font-size: 0.72rem;
|
|
letter-spacing: 0.05em;
|
|
text-transform: uppercase;
|
|
color: #8a8f9d;
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
/* Neutralise the desktop highlight column styling inside the card */
|
|
.comparison-table td.col-highlight {
|
|
background: transparent !important;
|
|
border-left: none;
|
|
border-right: none;
|
|
animation: none !important;
|
|
color: inherit !important;
|
|
}
|
|
}
|
|
`}})]})}])},2012,e=>{"use strict";var t=e.i(43476),i=e.i(71645),a=e.i(89970),r=e.i(83495);a.default.registerPlugin(r.ScrollTrigger);let o=[{year:2026,pct:25,trackLeft:"12.5%",phase:"Pilot Phase",phaseClass:"yellow",title:"Pilot",desc:"Launch operations in Hyderabad with dedicated EV hubs and MileTruth AI v1.0.",icon:(0,t.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("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"}),(0,t.jsx)("path",{d:"M12 12l9-9-9 9z"}),(0,t.jsx)("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"})]}),stats:[{text:"100+ orders/day",icon:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),(0,t.jsx)("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),(0,t.jsx)("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),(0,t.jsx)("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]})},{text:"1 city",icon:(0,t.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,t.jsx)("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"})})},{text:"10+ women partners",icon:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("path",{d:"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"}),(0,t.jsx)("circle",{cx:"9",cy:"7",r:"4"})]})}]},{year:2027,pct:50,trackLeft:"37.5%",phase:"Multi-City",phaseClass:"green",title:"Scale",desc:"Expand to Bengaluru and Chennai, securing key B2B enterprise traction.",icon:(0,t.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,t.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16"}),(0,t.jsx)("line",{x1:"8",y1:"12",x2:"16",y2:"12"})]}),stats:[{text:"500+ orders/day",icon:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),(0,t.jsx)("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),(0,t.jsx)("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),(0,t.jsx)("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]})},{text:"3 cities",icon:(0,t.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,t.jsx)("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"})})},{text:"50+ EVs",icon:(0,t.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,t.jsx)("polygon",{points:"13 2 3 14 12 14 11 22 21 10 12 10 13 2"})})}]},{year:2028,pct:75,trackLeft:"62.5%",phase:"Platform",phaseClass:"blue",title:"Expansion",desc:"Scale to 5+ cities. Strengthen regional operations.",icon:(0,t.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"3"}),(0,t.jsx)("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 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"})]}),stats:[{text:"5000+ orders/day",icon:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),(0,t.jsx)("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),(0,t.jsx)("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),(0,t.jsx)("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]})},{text:"5+ cities",icon:(0,t.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,t.jsx)("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"})})},{text:"100+ women partners",icon:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("polyline",{points:"16 18 22 12 16 6"}),(0,t.jsx)("polyline",{points:"8 6 2 12 8 18"})]})}]},{year:2030,pct:100,trackLeft:"87.5%",phase:"Vision State",phaseClass:"white-pill",title:"AI Pulse Layer",desc:"Nationwide AI logistics grid reaching 15+ cities, empowering female micro-entrepreneurs.",icon:(0,t.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M2 4l3 12h14l3-12-6 7-4-7-4 7-6-7z"}),(0,t.jsx)("path",{d:"M3 20h18",strokeWidth:"3"})]}),stats:[{text:"50,000+ orders/day",icon:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),(0,t.jsx)("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),(0,t.jsx)("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),(0,t.jsx)("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]})},{text:"50+ cities",icon:(0,t.jsx)("span",{className:"currency-symbol",style:{marginRight:"4px",fontSize:"11px",fontWeight:800},children:"Rs"})},{text:"2,000+ women partners",icon:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("path",{d:"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"}),(0,t.jsx)("circle",{cx:"9",cy:"7",r:"4"}),(0,t.jsx)("path",{d:"M23 21v-2a4 4 0 0 0-3-3.87"}),(0,t.jsx)("path",{d:"M16 3.13a4 4 0 0 1 0 7.75"})]})}]}];e.s(["default",0,function(){let[e,a]=(0,i.useState)(2030),r=(0,i.useRef)(null),n=(0,i.useRef)(null);(0,i.useEffect)(()=>{let e;if(!r.current)return;let t=n.current;if(!t)return;let i=t.getContext("2d");if(!i)return;let a=t.width=t.offsetWidth,o=t.height=t.offsetHeight,s=()=>{t&&(a=t.width=t.offsetWidth,o=t.height=t.offsetHeight)};window.addEventListener("resize",s);let l=[{name:"Hyderabad",x:.18,y:.55},{name:"Chennai",x:.42,y:.72},{name:"Bengaluru",x:.64,y:.42},{name:"Mumbai",x:.82,y:.62}],d=[{from:0,to:1,t:0,speed:.005},{from:1,to:2,t:.3,speed:.004},{from:2,to:3,t:.6,speed:.006}],c=()=>{i.clearRect(0,0,a,o),i.lineWidth=1.5,i.setLineDash([6,6]),i.strokeStyle="rgba(220, 38, 38, 0.12)",i.beginPath();for(let e=0;e<l.length-1;e++){let t=l[e].x*a,r=l[e].y*o,n=l[e+1].x*a,s=l[e+1].y*o;i.moveTo(t,r),i.lineTo(n,s)}i.stroke(),i.setLineDash([]),d.forEach(e=>{e.t+=e.speed,e.t>=1&&(e.t=0);let t=l[e.from],r=l[e.to],n=t.x*a,s=t.y*o,d=r.x*a,c=r.y*o,p=n+(d-n)*e.t,x=s+(c-s)*e.t;i.beginPath(),i.arc(p,x,4,0,2*Math.PI),i.fillStyle="#c01227",i.shadowColor="#c01227",i.shadowBlur=10,i.fill(),i.shadowBlur=0}),l.forEach(e=>{let t=e.x*a,r=e.y*o;i.beginPath(),i.arc(t,r,8,0,2*Math.PI),i.fillStyle="rgba(220, 38, 38, 0.08)",i.fill(),i.beginPath(),i.arc(t,r,3,0,2*Math.PI),i.fillStyle="rgba(255, 255, 255, 0.25)",i.fill(),i.fillStyle="rgba(255, 255, 255, 0.12)",i.font="bold 11px 'Manrope', sans-serif",i.textAlign="center",i.fillText(e.name,t,r-14)}),e=requestAnimationFrame(c)};return c(),()=>{window.removeEventListener("resize",s),cancelAnimationFrame(e)}},[]);let s=2026===e?25:2027===e?50:2028===e?75:100,l=2*Math.PI*30;return(0,t.jsx)("div",{ref:r,className:"elementor-element elementor-element-bbc6760 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent intelligence-grid-section","data-id":"bbc6760","data-element_type":"container","data-e-type":"container",style:{position:"relative",zIndex:1},children:(0,t.jsxs)("section",{id:"hero",className:"roadmap-hero-section",children:[(0,t.jsx)("canvas",{ref:n,className:"ce-canvas-bg","aria-hidden":"true"}),(0,t.jsx)("div",{className:"roadmap-glow-spot top-left"}),(0,t.jsx)("div",{className:"roadmap-glow-spot bottom-right"}),(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
|
/* Buttery-Smooth Hardware-Accelerated 3D AI Logistics Timeline Styles */
|
|
.roadmap-hero-section {
|
|
position: relative;
|
|
background: #09090b !important;
|
|
/* Match the site-wide wide-band gutter EXACTLY. Measured against the
|
|
footer band (#b29b8fc) and the sibling "Women" band
|
|
(#women-entrepreneurship), both of which sit at a 20px left/right
|
|
gutter. The parent (#bbc6760) contributes no padding here (the
|
|
vendor padding vars resolve to 0), so the band carries the 20px
|
|
gutter itself via calc(100% - 40px) + auto margins:
|
|
at a 1910px viewport this renders left:20 right:1890 width:1870,
|
|
identical to the footer band. */
|
|
width: calc(100% - 40px);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
border-radius: 24px;
|
|
padding: 100px 40px;
|
|
box-sizing: border-box;
|
|
font-family: 'Manrope', sans-serif;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
}
|
|
|
|
/* Connection Grid Canvas Overlay */
|
|
.ce-canvas-bg {
|
|
position: absolute;
|
|
inset: 0;
|
|
z-index: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
opacity: 0.08;
|
|
}
|
|
|
|
/* Spotlights */
|
|
.roadmap-glow-spot {
|
|
position: absolute;
|
|
width: 500px;
|
|
height: 500px;
|
|
border-radius: 50%;
|
|
pointer-events: none;
|
|
filter: blur(140px);
|
|
z-index: 0;
|
|
opacity: 0.05;
|
|
}
|
|
|
|
.roadmap-glow-spot.top-left {
|
|
left: -10%;
|
|
top: -10%;
|
|
background: radial-gradient(circle, #C8102E 0%, transparent 70%);
|
|
}
|
|
|
|
.roadmap-glow-spot.bottom-right {
|
|
right: -10%;
|
|
bottom: -10%;
|
|
background: radial-gradient(circle, #ff0033 0%, transparent 70%);
|
|
}
|
|
|
|
.roadmap-hero-section .container {
|
|
/* Fill the wide section so the timeline + cards span most of the
|
|
available width (no narrow content cap). */
|
|
max-width: 100%;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
z-index: 1;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Header Styles */
|
|
.vision-tag-top {
|
|
font-size: 13px;
|
|
font-weight: 800;
|
|
letter-spacing: 3px;
|
|
color: #C8102E;
|
|
text-transform: uppercase;
|
|
margin-bottom: 16px;
|
|
text-align: center;
|
|
}
|
|
|
|
.roadmap-hero-section .intelligence-grid-title {
|
|
color: #ffffff !important;
|
|
font-size: clamp(34px, 3.8vw, 54px) !important;
|
|
font-weight: 900 !important;
|
|
line-height: 1.1 !important;
|
|
text-align: center;
|
|
letter-spacing: -1.8px !important;
|
|
margin: 0 0 20px 0 !important;
|
|
text-transform: none !important;
|
|
}
|
|
|
|
.roadmap-hero-section .intelligence-grid-title-highlight {
|
|
color: #C8102E !important;
|
|
}
|
|
|
|
.vision-main-subtitle {
|
|
font-size: clamp(16px, 1.4vw, 20px);
|
|
font-weight: 500;
|
|
line-height: 1.5;
|
|
color: #a1a1aa !important;
|
|
text-align: center;
|
|
max-width: 720px;
|
|
margin: 0 auto 60px auto !important;
|
|
}
|
|
|
|
/* Glowing 3D Timeline Track - Overflow Visible Guarantees No Halo Cutoffs */
|
|
.roadmap-track-container {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 30px;
|
|
width: 100%;
|
|
background: rgba(255, 255, 255, 0.02);
|
|
border: 1px solid rgba(255, 255, 255, 0.04);
|
|
border-radius: 20px;
|
|
padding: 24px 34px;
|
|
box-sizing: border-box;
|
|
backdrop-filter: blur(8px);
|
|
margin-bottom: 60px;
|
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
|
|
overflow: visible !important; /* Extremely important to prevent cropping timeline child elements */
|
|
}
|
|
|
|
.roadmap-track-label {
|
|
font-size: 13.5px;
|
|
font-weight: 800;
|
|
letter-spacing: 2px;
|
|
color: #71717a;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.timeline-horizontal-wrapper {
|
|
flex: 1 1 auto;
|
|
height: 6px;
|
|
background: rgba(255, 255, 255, 0.05);
|
|
border-radius: 3px;
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
overflow: visible !important; /* Critical to let pulsing halo overlay expand outside the 6px wrapper */
|
|
}
|
|
|
|
.timeline-horizontal-fill {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
background: #C8102E;
|
|
box-shadow: 0 0 12px #C8102E;
|
|
border-radius: 3px;
|
|
transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
|
|
will-change: width;
|
|
}
|
|
|
|
.node-dots-row {
|
|
position: absolute;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
overflow: visible !important; /* Dynamic expansion */
|
|
}
|
|
|
|
.node-dot-item {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 50%;
|
|
background: #18181b;
|
|
border: 2px solid rgba(255, 255, 255, 0.15);
|
|
transition: border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1),
|
|
background-color 0.4s cubic-bezier(0.16, 1, 0.3, 1),
|
|
box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
will-change: border-color, background-color, box-shadow;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
.node-dot-item.active {
|
|
background: #C8102E;
|
|
border-color: #ffffff;
|
|
box-shadow: 0 0 10px #C8102E;
|
|
}
|
|
|
|
/* Pulsing crown node halo - Smoothly decays opacity to 0 to prevent visual pops/blinks */
|
|
.node-pulse-crown {
|
|
position: absolute;
|
|
inset: -4px;
|
|
border-radius: 50%;
|
|
border: 1.5px solid #C8102E;
|
|
animation: node-breather 2s infinite ease-out;
|
|
pointer-events: none;
|
|
box-sizing: border-box;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
@keyframes node-breather {
|
|
0% { transform: scale(0.95); opacity: 0.9; }
|
|
80% { opacity: 0.25; }
|
|
100% { transform: scale(1.6); opacity: 0; }
|
|
}
|
|
|
|
/* Progress Ring */
|
|
.roadmap-complete-pct-container {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.roadmap-complete-pct {
|
|
font-size: 14px;
|
|
font-weight: 800;
|
|
letter-spacing: 1px;
|
|
color: #C8102E;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.progress-ring-circle {
|
|
transition: stroke-dashoffset 0.6s cubic-bezier(0.16, 1, 0.3, 1);
|
|
transform: rotate(-90deg);
|
|
transform-origin: 50% 50%;
|
|
stroke: #C8102E;
|
|
filter: drop-shadow(0 0 4px #C8102E);
|
|
}
|
|
|
|
/* 4-Column Grid container */
|
|
.roadmap-grid-container {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: 20px;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* GPU Hardware-Accelerated Breathtakingly Smooth 3D Floating Cards */
|
|
.roadmap-col-card {
|
|
position: relative;
|
|
background: rgba(255, 255, 255, 0.035);
|
|
border: 1px solid rgba(255, 255, 255, 0.06);
|
|
backdrop-filter: blur(16px);
|
|
border-radius: 20px;
|
|
padding: 30px 24px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
justify-content: flex-start;
|
|
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
|
|
border-color 0.6s cubic-bezier(0.16, 1, 0.3, 1),
|
|
background-color 0.6s cubic-bezier(0.16, 1, 0.3, 1),
|
|
box-shadow 0.6s cubic-bezier(0.16, 1, 0.3, 1);
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
|
|
cursor: pointer;
|
|
will-change: transform, box-shadow;
|
|
}
|
|
|
|
/* Ultra-Smooth CSS scale and translation lifts on hover */
|
|
.roadmap-col-card:hover {
|
|
transform: translateY(-8px) scale(1.03);
|
|
border-color: rgba(255, 255, 255, 0.15);
|
|
background-color: rgba(255, 255, 255, 0.055);
|
|
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
|
|
}
|
|
|
|
/* Active card highlight state */
|
|
.roadmap-col-card.active {
|
|
border-color: rgba(200, 16, 46, 0.65);
|
|
background: rgba(200, 16, 46, 0.04);
|
|
box-shadow: 0 20px 40px rgba(200, 16, 46, 0.1);
|
|
}
|
|
|
|
.card-top-row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.year-num {
|
|
font-size: 26px;
|
|
font-weight: 900;
|
|
color: #ffffff;
|
|
letter-spacing: -0.5px;
|
|
}
|
|
|
|
.card-icon-badge {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 32px;
|
|
height: 32px;
|
|
border-radius: 8px;
|
|
background: rgba(255, 255, 255, 0.05);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
}
|
|
|
|
.phase-badge-pill {
|
|
align-self: flex-start;
|
|
font-size: 11px;
|
|
font-weight: 800;
|
|
text-transform: uppercase;
|
|
padding: 5px 10px;
|
|
border-radius: 6px;
|
|
margin-bottom: 18px;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
.phase-badge-pill.yellow {
|
|
background: rgba(234, 179, 8, 0.12);
|
|
color: #eab308;
|
|
border: 1px solid rgba(234, 179, 8, 0.2);
|
|
}
|
|
|
|
.phase-badge-pill.green {
|
|
background: rgba(34, 197, 94, 0.12);
|
|
color: #22c55e;
|
|
border: 1px solid rgba(34, 197, 94, 0.2);
|
|
}
|
|
|
|
.phase-badge-pill.blue {
|
|
background: rgba(59, 130, 246, 0.12);
|
|
color: #3b82f6;
|
|
border: 1px solid rgba(59, 130, 246, 0.2);
|
|
}
|
|
|
|
.phase-badge-pill.white-pill {
|
|
background: rgba(255, 255, 255, 0.12);
|
|
color: #ffffff;
|
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
.card-heading {
|
|
font-size: 18px;
|
|
font-weight: 800;
|
|
margin: 0 0 10px 0 !important;
|
|
letter-spacing: -0.3px;
|
|
}
|
|
|
|
.card-text {
|
|
font-size: 13.5px;
|
|
line-height: 1.5;
|
|
color: #a1a1aa !important;
|
|
margin: 0 0 20px 0 !important;
|
|
}
|
|
|
|
.card-pills-stack {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
margin-top: auto;
|
|
}
|
|
|
|
.card-stat-pill-mini {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 12.5px;
|
|
font-weight: 700;
|
|
color: #e4e4e7;
|
|
padding: 8px 12px;
|
|
border-radius: 8px;
|
|
background: rgba(255, 255, 255, 0.03);
|
|
border: 1px solid rgba(255, 255, 255, 0.05);
|
|
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease;
|
|
will-change: transform;
|
|
}
|
|
|
|
.roadmap-col-card:hover .card-stat-pill-mini {
|
|
background: rgba(255, 255, 255, 0.06);
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
/* Special destination: Glowing 2030 AI Pulse Layer card */
|
|
.glowing-vision-card {
|
|
background: linear-gradient(135deg, rgba(200, 16, 46, 0.95) 0%, rgba(120, 10, 30, 0.98) 100%) !important;
|
|
border: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
animation: red-breath 4s infinite ease-in-out;
|
|
}
|
|
|
|
/* Hover scale override for 2030 vision card */
|
|
.glowing-vision-card:hover {
|
|
transform: translateY(-8px) scale(1.03) !important;
|
|
box-shadow: 0 20px 50px rgba(200, 16, 46, 0.7) !important;
|
|
}
|
|
|
|
/* Laser sweeping neon borders on 2030 vision card */
|
|
.glowing-vision-card::after {
|
|
content: "";
|
|
position: absolute;
|
|
inset: -1.5px;
|
|
border-radius: 20px;
|
|
background: linear-gradient(90deg, #C8102E, #ff3366, #ff0033, #C8102E);
|
|
background-size: 300% 100%;
|
|
animation: border-sweep 5s linear infinite;
|
|
z-index: -1;
|
|
opacity: 0.65;
|
|
}
|
|
|
|
@keyframes border-sweep {
|
|
0% { background-position: 0% 50%; }
|
|
50% { background-position: 100% 50%; }
|
|
100% { background-position: 0% 50%; }
|
|
}
|
|
|
|
@keyframes red-breath {
|
|
0%, 100% { box-shadow: 0 10px 40px rgba(200, 16, 46, 0.25), inset 0 0 15px rgba(255,255,255,0.05); }
|
|
50% { box-shadow: 0 10px 60px rgba(200, 16, 46, 0.6), inset 0 0 25px rgba(255,255,255,0.1); }
|
|
}
|
|
|
|
.glowing-vision-card .card-stat-pill-mini {
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
border: 1px solid rgba(255, 255, 255, 0.1) !important;
|
|
}
|
|
|
|
.glowing-vision-card:hover .card-stat-pill-mini {
|
|
background: rgba(255, 255, 255, 0.14) !important;
|
|
}
|
|
|
|
.glowing-vision-card .card-text {
|
|
color: rgba(255, 255, 255, 0.8) !important;
|
|
}
|
|
|
|
/* Floating sparks/particles inside the 2030 vision card */
|
|
.ce-sparkle {
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
background: rgba(255, 255, 255, 0.85);
|
|
border-radius: 50%;
|
|
pointer-events: none;
|
|
filter: blur(0.5px);
|
|
}
|
|
.sparkle-1 { left: 15%; bottom: 8%; animation: float-spark 3s infinite ease-in; }
|
|
.sparkle-2 { left: 52%; bottom: 18%; animation: float-spark 4s infinite ease-in; animation-delay: 1.2s; }
|
|
.sparkle-3 { left: 82%; bottom: 12%; animation: float-spark 3.5s infinite ease-in; animation-delay: 2s; }
|
|
|
|
@keyframes float-spark {
|
|
0% { transform: translateY(0); opacity: 0; }
|
|
50% { opacity: 0.9; }
|
|
100% { transform: translateY(-70px); opacity: 0; }
|
|
}
|
|
|
|
/* Responsive Constraints */
|
|
@media (max-width: 1024px) {
|
|
.roadmap-hero-section {
|
|
width: calc(100% - 40px); /* keep the 20px site-standard band gutter */
|
|
padding: 80px 24px;
|
|
}
|
|
|
|
.roadmap-grid-container {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: 20px;
|
|
}
|
|
|
|
.roadmap-track-container {
|
|
padding: 20px 24px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.intelligence-grid-section {
|
|
--padding-left: 0px !important;
|
|
--padding-right: 0px !important;
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
.roadmap-hero-section {
|
|
width: calc(100% - 32px) !important;
|
|
max-width: calc(100% - 32px) !important;
|
|
padding: 52px 16px 44px;
|
|
border-radius: 22px !important;
|
|
}
|
|
.vision-main-subtitle { margin-bottom: 40px !important; }
|
|
|
|
/* Progress header → compact, centered summary card */
|
|
.roadmap-track-container {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
text-align: center;
|
|
gap: 16px;
|
|
padding: 20px 18px;
|
|
margin-bottom: 36px;
|
|
}
|
|
.roadmap-track-label { font-size: 12px; letter-spacing: 1.5px; }
|
|
.timeline-horizontal-wrapper { width: 100%; }
|
|
.roadmap-complete-pct-container { justify-content: center; }
|
|
|
|
/* ── Vertical timeline: the four stacked cards become a connected
|
|
journey (2026 → 2030) with a coloured rail + phase node dots. ── */
|
|
.roadmap-grid-container {
|
|
grid-template-columns: 1fr;
|
|
gap: 18px;
|
|
position: relative;
|
|
padding-left: 32px;
|
|
}
|
|
.roadmap-grid-container::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 6px;
|
|
top: 16px;
|
|
bottom: 16px;
|
|
width: 2px;
|
|
border-radius: 2px;
|
|
background: linear-gradient(180deg, #eab308 0%, #22c55e 34%, #3b82f6 67%, #C8102E 100%);
|
|
opacity: 0.55;
|
|
}
|
|
.roadmap-col-card { padding: 24px 22px; }
|
|
/* node dot sits on the rail, aligned with the year number */
|
|
.roadmap-col-card::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: -32px;
|
|
top: 28px;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 50%;
|
|
background: #09090b;
|
|
border: 2px solid #C8102E;
|
|
box-shadow: 0 0 0 4px #09090b, 0 0 12px rgba(200, 16, 46, 0.7);
|
|
z-index: 3;
|
|
}
|
|
.roadmap-col-card[data-card="2026"]::before {
|
|
border-color: #eab308;
|
|
box-shadow: 0 0 0 4px #09090b, 0 0 12px rgba(234, 179, 8, 0.6);
|
|
}
|
|
.roadmap-col-card[data-card="2027"]::before {
|
|
border-color: #22c55e;
|
|
box-shadow: 0 0 0 4px #09090b, 0 0 12px rgba(34, 197, 94, 0.6);
|
|
}
|
|
.roadmap-col-card[data-card="2028"]::before {
|
|
border-color: #3b82f6;
|
|
box-shadow: 0 0 0 4px #09090b, 0 0 12px rgba(59, 130, 246, 0.6);
|
|
}
|
|
.roadmap-col-card[data-card="2030"]::before {
|
|
border-color: #ffffff;
|
|
background: #C8102E;
|
|
box-shadow: 0 0 0 4px #09090b, 0 0 16px rgba(200, 16, 46, 0.9);
|
|
}
|
|
/* the 2030 card's sweeping border (::after) would sit over the rail
|
|
gutter — keep it from bleeding past the card's rounded edge */
|
|
.glowing-vision-card::after { inset: -1px; }
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.roadmap-hero-section { padding: 44px 14px 38px; }
|
|
.roadmap-hero-section .intelligence-grid-title { font-size: clamp(28px, 8.4vw, 38px) !important; letter-spacing: -1px !important; }
|
|
.roadmap-grid-container { padding-left: 28px; }
|
|
.roadmap-grid-container::before { left: 5px; }
|
|
.roadmap-col-card { padding: 22px 18px; }
|
|
.roadmap-col-card::before { left: -28px; top: 26px; }
|
|
.year-num { font-size: 23px; }
|
|
.card-heading { font-size: 16px; }
|
|
.card-text { font-size: 13px; }
|
|
}
|
|
`}}),(0,t.jsxs)("div",{className:"container",children:[(0,t.jsx)("div",{className:"vision-tag-top",children:"VISION / 2030"}),(0,t.jsx)("div",{className:"elementor-element elementor-element-54d05ac elementor-widget elementor-widget-logico_heading","data-id":"54d05ac","data-element_type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsxs)("div",{className:"elementor-widget-container",children:[(0,t.jsxs)("h3",{className:"logico-title intelligence-grid-title",children:["The ",(0,t.jsx)("span",{className:"intelligence-grid-title-highlight",children:"Intelligence Grid"})," Behind Every Urban Mile"]}),(0,t.jsx)("p",{className:"vision-main-subtitle",children:"From Hyderabad EV pilot to nationwide AI logistics intelligence by 2030"})]})}),(0,t.jsxs)("div",{className:"roadmap-track-container",children:[(0,t.jsx)("span",{className:"roadmap-track-label",children:"ROADMAP TO 2030"}),(0,t.jsxs)("div",{className:"timeline-horizontal-wrapper",children:[(0,t.jsx)("div",{className:"timeline-horizontal-line"}),(0,t.jsx)("div",{className:"timeline-horizontal-fill",style:{width:2026===e?"12.5%":2027===e?"37.5%":2028===e?"62.5%":"87.5%"}}),(0,t.jsx)("div",{className:"node-dots-row",children:o.map(i=>(0,t.jsx)("div",{className:`node-dot-item ${e>=i.year?"active":""}`,style:{left:i.trackLeft},children:e===i.year&&(0,t.jsx)("div",{className:"node-pulse-crown"})},i.year))})]}),(0,t.jsxs)("div",{className:"roadmap-complete-pct-container",children:[(0,t.jsxs)("span",{className:"roadmap-complete-pct",children:[s,"% COMPLETE →"]}),(0,t.jsxs)("svg",{width:"40",height:"40",viewBox:"0 0 80 80",children:[(0,t.jsx)("circle",{cx:"40",cy:"40",r:"30",fill:"none",stroke:"rgba(255,255,255,0.06)",strokeWidth:"6"}),(0,t.jsx)("circle",{className:"progress-ring-circle",cx:"40",cy:"40",r:"30",fill:"none",strokeWidth:"6",strokeDasharray:l,strokeDashoffset:l*(1-s/100),strokeLinecap:"round"})]})]})]}),(0,t.jsx)("div",{className:"roadmap-grid-container",children:o.map(i=>{let r=2030===i.year,o=e===i.year;return(0,t.jsxs)("div",{onMouseEnter:()=>a(i.year),onClick:()=>a(i.year),className:`roadmap-col-card ${r?"glowing-vision-card":""} ${o?"active":""}`,"data-card":i.year,children:[r&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"ce-sparkle sparkle-1"}),(0,t.jsx)("span",{className:"ce-sparkle sparkle-2"}),(0,t.jsx)("span",{className:"ce-sparkle sparkle-3"})]}),(0,t.jsxs)("div",{className:"card-top-row",children:[(0,t.jsx)("span",{className:"year-num",children:i.year}),(0,t.jsx)("div",{className:`card-icon-badge ${r?"translucent-white":""}`,children:i.icon})]}),(0,t.jsx)("span",{className:`phase-badge-pill ${i.phaseClass}`,children:i.phase}),(0,t.jsx)("h5",{className:"card-heading",style:{color:"white"},children:i.title}),(0,t.jsx)("p",{className:"card-text",children:i.desc}),(0,t.jsx)("div",{className:"card-pills-stack",children:i.stats.map((e,i)=>(0,t.jsxs)("div",{className:`card-stat-pill-mini ${r?"translucent-crimson":""}`,children:[e.icon,(0,t.jsx)("span",{children:e.text})]},i))})]},i.year)})})]})]})})}])}]); |