1069 lines
89 KiB
JavaScript
1069 lines
89 KiB
JavaScript
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,36202,e=>{"use strict";var t=e.i(43476),r=e.i(71645),i=e.i(89970),n=e.i(2018);e.s(["default",0,function(){let[e,a]=(0,r.useState)(0),o=(0,r.useRef)(null);(0,r.useEffect)(()=>{let e=setInterval(()=>{a(e=>+(0===e))},7e3);return()=>clearInterval(e)},[]),(0,r.useEffect)(()=>{if(!o.current)return;let e=o.current.querySelector(".owl-item.active");if(!e)return;let t=e.querySelector(".heading-content"),r=e.querySelector(".text-content"),n=e.querySelector(".wings-hero-actions"),a=[t,r,n].filter(Boolean);if(a.length){if(i.default.killTweensOf(a),window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return void i.default.set(a,{y:0,opacity:1,scale:1});t&&i.default.fromTo(t,{y:55,opacity:0,scale:.95},{y:0,opacity:1,scale:1,duration:1.1,ease:"power4.out"}),r&&i.default.fromTo(r,{y:30,opacity:0},{y:0,opacity:1,duration:.95,ease:"power3.out",delay:.25}),n&&i.default.fromTo(n,{y:24,opacity:0},{y:0,opacity:1,duration:.85,ease:"power3.out",delay:.38})}},[e]);let s=e=>{a(e)},l=()=>{a(e=>+(0===e))};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("link",{rel:"preload",as:"image",href:"/images/wings-heroslider4.png"}),(0,t.jsx)("link",{rel:"preload",as:"image",href:"/images/wings-heroslide2.png"}),(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.wings-hero-bg.elementor-repeater-item-3264830,
|
||
.wings-hero-bg.elementor-repeater-item-6867061 {
|
||
background-image: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.06)), url('/images/wings-heroslider4.png') !important;
|
||
background-position: center !important;
|
||
background-repeat: no-repeat !important;
|
||
background-size: cover !important;
|
||
}
|
||
|
||
.wings-hero-bg.elementor-repeater-item-6867061 {
|
||
background-image: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.06)), url('/images/wings-heroslide2.png') !important;
|
||
}
|
||
|
||
#doormile-wings,
|
||
#doormile-wings .content,
|
||
#doormile-wings .content-inner,
|
||
#doormile-wings .elementor {
|
||
max-width: 100vw !important;
|
||
overflow-x: hidden !important;
|
||
}
|
||
|
||
.wings-hero-page,
|
||
.wings-hero-page .elementor-widget-container,
|
||
.wings-hero-page .logico-content-slider-widget,
|
||
.wings-hero-page .content-slider-wrapper,
|
||
.wings-hero-page .content-slider-container,
|
||
.wings-hero-page .content-slider,
|
||
.wings-hero-page .owl-stage-outer,
|
||
.wings-hero-page .owl-stage,
|
||
.wings-hero-page .owl-item,
|
||
.wings-hero-page .slider-item,
|
||
.wings-hero-page .slide-content,
|
||
.wings-hero-page .slide-content-inner {
|
||
max-width: 100% !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
justify-content: center !important;
|
||
align-items: center !important;
|
||
text-align: center !important;
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
padding: 0 !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content-inner {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
justify-content: center !important;
|
||
align-items: center !important;
|
||
text-align: center !important;
|
||
width: 100% !important;
|
||
max-width: 1000px !important;
|
||
margin: 0 auto !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-heading,
|
||
.wings-hero-page .content-slider-item-heading .heading-content {
|
||
text-align: center !important;
|
||
display: block !important;
|
||
width: 100% !important;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
padding-left: 15px !important;
|
||
padding-right: 15px !important;
|
||
white-space: normal !important;
|
||
overflow-wrap: break-word !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-heading {
|
||
font-size: clamp(30px, 5.5vw, 80px) !important;
|
||
line-height: 1.05 !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-text {
|
||
display: flex !important;
|
||
justify-content: center !important;
|
||
width: 100% !important;
|
||
margin-top: 23px !important;
|
||
}
|
||
|
||
.wings-hero-page .text-content {
|
||
text-align: center !important;
|
||
max-width: 680px !important;
|
||
width: 100% !important;
|
||
margin: 0 auto !important;
|
||
padding-left: 15px !important;
|
||
padding-right: 15px !important;
|
||
box-sizing: border-box !important;
|
||
white-space: normal !important;
|
||
overflow-wrap: break-word !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-text p {
|
||
font-size: clamp(16px, 1.35vw, 23px) !important;
|
||
line-height: 1.65 !important;
|
||
white-space: normal !important;
|
||
overflow-wrap: break-word !important;
|
||
}
|
||
|
||
.wings-hero-actions {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
flex-wrap: wrap;
|
||
gap: 16px;
|
||
margin-top: 30px;
|
||
position: relative;
|
||
z-index: 5;
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
|
||
.wings-hero-actions .logico-alter-button {
|
||
display: inline-flex !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
|
||
.wings-mobile-break {
|
||
display: none;
|
||
}
|
||
|
||
.wings-hero-page a.wings-hero-primary,
|
||
.wings-hero-page a.wings-hero-secondary {
|
||
--logico-button-text-color: #ffffff;
|
||
--logico-button-border-color: rgba(255, 255, 255, 0.72);
|
||
--logico-button-background-color: rgba(255, 255, 255, 0);
|
||
--logico-button-text-hover: #ffffff;
|
||
--logico-button-border-hover: #c01227;
|
||
--logico-button-background-hover: #c01227;
|
||
--logico-button-icon-hover: #ffffff;
|
||
}
|
||
|
||
.wings-hero-page a.wings-hero-primary {
|
||
--logico-button-border-color: #c01227;
|
||
--logico-button-background-color: #c01227;
|
||
}
|
||
|
||
.wings-hero-page a.wings-hero-primary:hover,
|
||
.wings-hero-page a.wings-hero-secondary:hover {
|
||
color: #ffffff !important;
|
||
}
|
||
|
||
@media (min-width: 1025px) {
|
||
.wings-hero-page.elementor-element-741f56c {
|
||
padding: 20px !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-carousel.owl-theme .content-item {
|
||
height: 800px !important;
|
||
min-height: 800px !important;
|
||
border-radius: 24px !important;
|
||
overflow: hidden !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.wings-hero-page.elementor-element-741f56c {
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
--padding-top: 0px !important;
|
||
--padding-block-start: 0px !important;
|
||
padding: 0 10px 10px 10px !important;
|
||
overflow: hidden !important;
|
||
border-radius: 25px !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-stage-outer {
|
||
height: 600px !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-carousel.owl-theme .content-item {
|
||
width: 100% !important;
|
||
min-height: 600px !important;
|
||
height: 600px !important;
|
||
border-radius: 25px !important;
|
||
overflow: hidden !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content {
|
||
min-height: 600px !important;
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.wings-hero-page.elementor-element-741f56c {
|
||
width: 100vw !important;
|
||
--padding-top: 0px !important;
|
||
--padding-block-start: 0px !important;
|
||
padding: 0 10px 10px 10px !important;
|
||
border-radius: 22px !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content,
|
||
.wings-hero-page .slide-content-inner {
|
||
width: calc(100vw - 20px) !important;
|
||
max-width: calc(100vw - 20px) !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content-inner {
|
||
margin-left: 0 !important;
|
||
margin-right: auto !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-stage-outer {
|
||
height: 520px !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-carousel.owl-theme .content-item,
|
||
.wings-hero-page .slide-content {
|
||
min-height: 520px !important;
|
||
height: 520px !important;
|
||
border-radius: 22px !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content-inner {
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-heading {
|
||
max-width: 100% !important;
|
||
font-size: clamp(20px, 7vw, 32px) !important;
|
||
line-height: 1.12 !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-text p {
|
||
font-size: 14px !important;
|
||
line-height: 1.58 !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-text,
|
||
.wings-hero-page .text-content {
|
||
max-width: min(280px, calc(100vw - 70px)) !important;
|
||
width: min(280px, calc(100vw - 70px)) !important;
|
||
}
|
||
|
||
.wings-hero-actions {
|
||
flex-direction: column;
|
||
gap: 10px;
|
||
margin-top: 18px;
|
||
}
|
||
|
||
.wings-hero-actions .logico-alter-button {
|
||
min-width: 0 !important;
|
||
width: 190px !important;
|
||
padding: 0.78em 3.7em 0.78em 1.35em !important;
|
||
min-height: 42px !important;
|
||
font-size: 12px !important;
|
||
}
|
||
|
||
.wings-mobile-break {
|
||
display: block;
|
||
}
|
||
|
||
.wings-hero-page .slider-footer {
|
||
text-align: right !important;
|
||
margin-bottom: 24px !important;
|
||
}
|
||
|
||
.wings-hero-page .slider-footer .slider-pagination {
|
||
justify-content: flex-end !important;
|
||
margin-left: 22px !important;
|
||
margin-right: 22px !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-dots,
|
||
.wings-hero-page .owl-nav {
|
||
display: none !important;
|
||
}
|
||
}
|
||
`}}),(0,t.jsx)("div",{className:"wings-hero-page elementor-element elementor-element-741f56c e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent","data-id":"741f56c","data-element_type":"container","data-e-type":"container",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-6c7cbcb elementor-widget elementor-widget-logico_content_slider","data-id":"6c7cbcb","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_content_slider.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-content-slider-widget",children:(0,t.jsx)("div",{className:"content-slider-wrapper",children:(0,t.jsx)("div",{className:"content-slider-container",children:(0,t.jsxs)("div",{className:"content-slider owl-carousel owl-theme nav-view-vertical nav-h-position-right nav-v-position-bottom owl-loaded owl-drag",ref:o,children:[(0,t.jsx)("div",{className:"owl-stage-outer",style:{position:"relative",overflow:"hidden",height:"800px"},children:(0,t.jsxs)("div",{className:"owl-stage",style:{position:"relative",width:"100%",height:"100%"},children:[(0,t.jsx)("div",{className:`owl-item ${0===e?"active":""}`,style:{position:"relative",width:"100%",opacity:+(0===e),visibility:0===e?"visible":"hidden",transition:"opacity 0.8s ease-in-out, visibility 0.8s ease-in-out",zIndex:0===e?2:1},children:(0,t.jsx)("div",{className:"content-item slider-item elementor-repeater-item-3264830 slide-style-standard wings-hero-bg",children:(0,t.jsx)("div",{className:"slide-content",children:(0,t.jsxs)("div",{className:"slide-content-inner",children:[(0,t.jsx)("h1",{className:"content-slider-item-heading logico-content-wrapper-1",children:(0,t.jsxs)("span",{className:"heading-content",children:["Where Quick Commerce",(0,t.jsx)("br",{}),(0,t.jsx)(n.ShimmerText,{className:"font-extrabold",children:"Meets Quick Logistics"})]})}),(0,t.jsx)("div",{className:"content-slider-item-text logico-content-wrapper-2",children:(0,t.jsx)("div",{className:"text-content",children:(0,t.jsx)("p",{children:"MileTruth™ AI forecasts demand, protects promises, and coordinates every handoff from runway to doorstep."})})})]})})})}),(0,t.jsx)("div",{className:`owl-item ${1===e?"active":""}`,style:{position:"absolute",top:0,left:0,width:"100%",opacity:+(1===e),visibility:1===e?"visible":"hidden",transition:"opacity 0.8s ease-in-out, visibility 0.8s ease-in-out",zIndex:1===e?2:1},children:(0,t.jsx)("div",{className:"content-item slider-item elementor-repeater-item-6867061 slide-style-standard wings-hero-bg",children:(0,t.jsx)("div",{className:"slide-content",children:(0,t.jsxs)("div",{className:"slide-content-inner",children:[(0,t.jsx)("h1",{className:"content-slider-item-heading logico-content-wrapper-1",children:(0,t.jsxs)("span",{className:"heading-content",children:["Doormile Wings",(0,t.jsx)("br",{}),(0,t.jsx)(n.ShimmerText,{className:"font-extrabold",children:"Same-Day Air"}),(0,t.jsx)("br",{className:"wings-mobile-break"})," ",(0,t.jsx)(n.ShimmerText,{className:"font-extrabold",children:"Logistics"})]})}),(0,t.jsx)("div",{className:"content-slider-item-text logico-content-wrapper-2",children:(0,t.jsx)("div",{className:"text-content",children:(0,t.jsx)("p",{children:"Linking India's major regional capitals with AI-powered air movement and zero-emission EV last-mile delivery."})})})]})})})})]})}),(0,t.jsxs)("div",{className:"owl-nav",children:[(0,t.jsx)("button",{type:"button",className:"owl-next",onClick:l,"aria-label":"Next",style:{cursor:"pointer",border:"none",outline:"none"}}),(0,t.jsx)("button",{type:"button",className:"owl-prev",onClick:l,"aria-label":"Previous",style:{cursor:"pointer",border:"none",outline:"none"}})]}),(0,t.jsx)("div",{className:"slider-footer slider-footer-position-after slider-footer-width-full slider-footer-view-inside",children:(0,t.jsx)("div",{className:"slider-footer-content",children:(0,t.jsxs)("div",{className:"slider-pagination",style:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"10px"},children:[(0,t.jsxs)("div",{className:"slider-progress-wrapper",style:{marginRight:"35px",display:"flex",flexDirection:"column",alignItems:"flex-start"},children:[(0,t.jsxs)("div",{style:{fontSize:"16px",fontWeight:600,color:"#FFFFFF",marginBottom:"4px"},children:[(0,t.jsx)("span",{className:"slider-progress-current",children:0===e?"01":"02"})," / ",(0,t.jsx)("span",{className:"slider-progress-all",style:{opacity:.6},children:"02"})]}),(0,t.jsx)("div",{style:{width:"80px",height:"2px",background:"rgba(255, 255, 255, 0.2)",position:"relative",borderRadius:"1px",overflow:"hidden"},children:(0,t.jsx)("div",{style:{position:"absolute",left:0===e?"0":"50%",width:"50%",height:"100%",background:"#c01227",transition:"left 0.3s ease"}})})]}),(0,t.jsxs)("div",{className:"owl-dots owl-dots-6c7cbcb",style:{display:"none"},children:[(0,t.jsx)("button",{type:"button",role:"button",className:`owl-dot ${0===e?"active":""}`,onClick:()=>s(0),children:(0,t.jsx)("span",{})}),(0,t.jsx)("button",{type:"button",role:"button",className:`owl-dot ${1===e?"active":""}`,onClick:()=>s(1),children:(0,t.jsx)("span",{})})]})]})})})]})})})})})})})]})}])},63061,e=>{"use strict";var t=e.i(43476),r=e.i(71645),i=e.i(89970),n=e.i(83495),a=/[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig,o=/(?:(-)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig,s=/[\+\-]?\d*\.?\d+e[\+\-]?\d+/ig,l=/(^[#\.][a-z]|[a-y][a-z])/i,d=Math.PI/180,c=180/Math.PI,p=Math.sin,h=Math.cos,g=Math.abs,m=Math.sqrt,u=Math.atan2,f=function(e){return"string"==typeof e},w=function(e){return"number"==typeof e},x={},b={},y=function(e){return Math.round((e+1e8)%1*1e5)/1e5||(e<0?0:1)},v=function(e){return Math.round(1e5*e)/1e5||0},j=function(e){return Math.round(1e10*e)/1e10||0},k=function(e){return e.closed=.001>Math.abs(e[0]-e[e.length-2])&&.001>Math.abs(e[1]-e[e.length-1])},N=function(e,t,r,i){var n=e[t],a=1===i?6:R(n,r,i);if((a||!i)&&a+r+2<n.length)return e.splice(t,0,n.slice(0,r+a+2)),n.splice(0,r+a),1},_=function(e,t,r){var i=e.length,n=~~(r*i);if(e[n]>t){for(;--n&&e[n]>t;);n<0&&(n=0)}else for(;e[++n]<t&&n<i;);return n<i?n:i-1},L=function(e,t){var r=e.length;for(t||e.reverse();r--;)e[r].reversed||function(e){var t,r=0;for(e.reverse();r<e.length;r+=2)t=e[r],e[r]=e[r+1],e[r+1]=t;e.reversed=!e.reversed}(e[r])},M=function(e,t){return t.totalLength=e.totalLength,e.samples?(t.samples=e.samples.slice(0),t.lookup=e.lookup.slice(0),t.minLength=e.minLength,t.resolution=e.resolution):e.totalPoints&&(t.totalPoints=e.totalPoints),t},C=function(e,t){var r=e.length,i=e[r-1]||[],n=i.length;r&&t[0]===i[n-2]&&t[1]===i[n-1]&&(t=i.concat(t.slice(2)),r--),e[r]=t};function S(e){var t,r=(e=f(e)&&l.test(e)&&document.querySelector(e)||e).getAttribute?e:0;return r&&(e=e.getAttribute("d"))?(r._gsPath||(r._gsPath={}),(t=r._gsPath[e])&&!t._dirty?t:r._gsPath[e]=E(e)):e?f(e)?E(e):w(e[0])?[e]:e:console.warn("Expecting a <path> element or an SVG path data string")}var z=function(e,t){var r,i=document.createElementNS("http://www.w3.org/2000/svg","path"),n=[].slice.call(e.attributes),a=n.length;for(t=","+t+",";--a>-1;)r=n[a].nodeName.toLowerCase(),0>t.indexOf(","+r+",")&&i.setAttributeNS(null,r,n[a].nodeValue);return i},P={rect:"rx,ry,x,y,width,height",circle:"r,cx,cy",ellipse:"rx,ry,cx,cy",line:"x1,x2,y1,y2"},T=function(e,t){for(var r=t?t.split(","):[],i={},n=r.length;--n>-1;)i[r[n]]=+e.getAttribute(r[n])||0;return i};function A(e,t,r){var i,n=e[t],a=e[t+2],o=e[t+4];return n+=(a-n)*r,a+=(o-a)*r,n+=(a-n)*r,i=a+(o+(e[t+6]-o)*r-a)*r-n,n=e[t+1],a=e[t+3],o=e[t+5],n+=(a-n)*r,a+=(o-a)*r,n+=(a-n)*r,v(u(a+(o+(e[t+7]-o)*r-a)*r-n,i)*c)}function I(e,t,r){var i=Math.max(0,~~(g((r=void 0===r?1:j(r)||0)-(t=j(t)||0))-1e-8)),n=function(e){for(var t=[],r=0;r<e.length;r++)t[r]=M(e[r],e[r].slice(0));return M(e,t)}(e);if(t>r&&(t=1-t,r=1-r,L(n),n.totalLength=0),t<0||r<0){var a=Math.abs(~~Math.min(t,r))+1;t+=a,r+=a}n.totalLength||W(n);var o,s,l,d,c,p,h,m,u=r>1,f=H(n,t,x,!0),w=H(n,r,b),y=w.segment,v=f.segment,k=w.segIndex,_=f.segIndex,S=w.i,z=f.i,P=_===k,T=S===z&&P;if(u||i){for(o=k<_||P&&S<z||T&&w.t<f.t,N(n,_,z,f.t)&&(_++,!o&&(k++,T?(w.t=(w.t-f.t)/(1-f.t),S=0):P&&(S-=z))),1e-5>Math.abs(1-(r-t))?k=_-1:!w.t&&k?k--:N(n,k,S,w.t)&&o&&_++,1===f.t&&(_=(_+1)%n.length),c=[],h=1+(p=n.length)*i,m=_,h+=(p-_+k)%p,d=0;d<h;d++)C(c,n[m++%p]);n=c}else if(l=1===w.t?6:R(y,S,w.t),t!==r)for(s=R(v,z,T?f.t/w.t:f.t),P&&(l+=s),y.splice(S+l+2),(s||z)&&v.splice(0,z+s),d=n.length;d--;)(d<_||d>k)&&n.splice(d,1);else y.angle=A(y,S+l,0),S+=l,f=y[S],w=y[S+1],y.length=y.totalLength=0,y.totalPoints=n.totalPoints=8,y.push(f,w,f,w,f,w,f,w);return n.totalLength=0,n}function W(e,t){var r,i,n;for(n=r=i=0;n<e.length;n++)e[n].resolution=~~t||12,r+=function(e,t){t=t||0,e.samples||(e.samples=[],e.lookup=[]);var r,i,n,a,o,s,l,d,c,p,h,u,f,w,x,b,y,v=~~e.resolution||12,j=1/v,k=e.length,N=e[t],_=e[t+1],L=t?t/6*v:0,M=e.samples,C=e.lookup,S=(t?e.minLength:1e8)||1e8,z=M[L+(void 0)*v-1],P=t?M[L-1]:0;for(M.length=C.length=0,i=t+2;i<k;i+=6){if(n=e[i+4]-N,a=e[i+2]-N,o=e[i]-N,d=e[i+5]-_,c=e[i+3]-_,p=e[i+1]-_,s=l=h=u=0,.01>g(n)&&.01>g(d)&&g(o)+g(p)<.01)e.length>8&&(e.splice(i,6),i-=6,k-=6);else for(r=1;r<=v;r++)f=1-(w=j*r),s=l-(l=(w*w*n+3*f*(w*a+f*o))*w),(b=m((h=u-(u=(w*w*d+3*f*(w*c+f*p))*w))*h+s*s))<S&&(S=b),P+=b,M[L++]=P;N+=n,_+=d}if(z)for(z-=P;L<M.length;L++)M[L]+=z;if(M.length&&S){if(e.totalLength=y=M[M.length-1]||0,e.minLength=S,y/S<9999)for(r=0,b=x=0;r<y;r+=S)C[b++]=M[x]<r?++x:x}else e.totalLength=M[0]=0;return t?P-M[t/2-1]:P}(e[n]),i+=e[n].length;return e.totalPoints=i,e.totalLength=r,e}function R(e,t,r){if(r<=0||r>=1)return 0;var i=e[t],n=e[t+1],a=e[t+2],o=e[t+3],s=e[t+4],l=e[t+5],d=e[t+6],c=e[t+7],p=i+(a-i)*r,h=a+(s-a)*r,g=n+(o-n)*r,m=o+(l-o)*r,u=p+(h-p)*r,f=g+(m-g)*r,w=s+(d-s)*r,x=l+(c-l)*r;return h+=(w-h)*r,m+=(x-m)*r,e.splice(t+2,4,v(p),v(g),v(u),v(f),v(u+(h-u)*r),v(f+(m-f)*r),v(h),v(m),v(w),v(x)),e.samples&&e.samples.splice(t/6*e.resolution|0,0,0,0,0,0,0,0),6}function H(e,t,r,i){r=r||{},e.totalLength||W(e),(t<0||t>1)&&(t=y(t));var n,a,o,s,l,d,c,p=0,h=e[0];if(t)if(1===t)c=1,p=e.length-1,d=(h=e[p]).length-8;else{if(e.length>1){for(o=e.totalLength*t,l=d=0;(l+=e[d++].totalLength)<o;)p=d;t=(o-(s=l-(h=e[p]).totalLength))/(l-s)||0}n=h.samples,a=h.resolution,o=h.totalLength*t,s=(d=h.lookup.length?h.lookup[~~(o/h.minLength)]||0:_(n,o,t))?n[d-1]:0,(l=n[d])<o&&(s=l,l=n[++d]),c=1/a*((o-s)/(l-s)+d%a),d=6*~~(d/a),i&&1===c&&(d+6<h.length?(d+=6,c=0):p+1<e.length&&(d=c=0,h=e[++p]))}else c=d=p=0,h=e[0];return r.t=c,r.i=d,r.path=e,r.segment=h,r.segIndex=p,r}function B(e,t,r,i){var n,a,o,s,l,d,c,p,h,g=e[0],m=i||{};if((t<0||t>1)&&(t=y(t)),g.lookup||W(e),e.length>1){for(o=e.totalLength*t,l=d=0;(l+=e[d++].totalLength)<o;)g=e[d];t=(o-(s=l-g.totalLength))/(l-s)||0}return n=g.samples,a=g.resolution,o=g.totalLength*t,s=(d=g.lookup.length?g.lookup[t<1?~~(o/g.minLength):g.lookup.length-1]||0:_(n,o,t))?n[d-1]:0,(l=n[d])<o&&(s=l,l=n[++d]),h=1-(c=1/a*((o-s)/(l-s)+d%a)||0),p=g[d=6*~~(d/a)],m.x=v((c*c*(g[d+6]-p)+3*h*(c*(g[d+4]-p)+h*(g[d+2]-p)))*c+p),m.y=v((c*c*(g[d+7]-(p=g[d+1]))+3*h*(c*(g[d+5]-p)+h*(g[d+3]-p)))*c+p),r&&(m.angle=g.totalLength?A(g,d,c>=1?1-1e-9:c||1e-9):g.angle||0),m}function O(e,t,r,i,n,a,o){for(var s,l,d,c,p,h=e.length;--h>-1;)for(d=0,l=(s=e[h]).length;d<l;d+=2)c=s[d],p=s[d+1],s[d]=c*t+p*i+a,s[d+1]=c*r+p*n+o;return e._dirty=1,e}function E(e){var t,r,i,n,o,l,c,u,f,w,x,b,y,v,j,N=(e+"").replace(s,function(e){var t=+e;return t<1e-4&&t>-1e-4?0:t}).match(a)||[],_=[],L=0,M=0,C=2/3,S=N.length,z=0,P="ERROR: malformed path: "+e,T=function(e,t,r,i){w=(r-e)/3,x=(i-t)/3,c.push(e+w,t+x,r-w,i-x,r,i)};if(!e||!isNaN(N[0])||isNaN(N[1]))return console.log(P),_;for(t=0;t<S;t++)if(y=o,isNaN(N[t])?l=(o=N[t].toUpperCase())!==N[t]:t--,i=+N[t+1],n=+N[t+2],l&&(i+=L,n+=M),t||(u=i,f=n),"M"===o)c&&(c.length<8?_.length-=1:z+=c.length,k(c)),L=u=i,M=f=n,c=[i,n],_.push(c),t+=2,o="L";else if("C"===o)c||(c=[0,0]),l||(L=M=0),c.push(i,n,L+ +N[t+3],M+ +N[t+4],L+=+N[t+5],M+=+N[t+6]),t+=6;else if("S"===o)w=L,x=M,("C"===y||"S"===y)&&(w+=L-c[c.length-4],x+=M-c[c.length-3]),l||(L=M=0),c.push(w,x,i,n,L+=+N[t+3],M+=+N[t+4]),t+=4;else if("Q"===o)w=L+(i-L)*C,x=M+(n-M)*C,l||(L=M=0),L+=+N[t+3],M+=+N[t+4],c.push(w,x,L+(i-L)*C,M+(n-M)*C,L,M),t+=4;else if("T"===o)w=L-c[c.length-4],x=M-c[c.length-3],c.push(L+w,M+x,i+(L+1.5*w-i)*C,n+(M+1.5*x-n)*C,L=i,M=n),t+=2;else if("H"===o)T(L,M,L=i,M),t+=1;else if("V"===o)T(L,M,L,M=i+(l?M-L:0)),t+=1;else if("L"===o||"Z"===o)"Z"===o&&(i=u,n=f,c.closed=!0),("L"===o||g(L-i)>.5||g(M-n)>.5)&&(T(L,M,i,n),"L"===o&&(t+=2)),L=i,M=n;else if("A"===o){if(v=N[t+4],j=N[t+5],w=N[t+6],x=N[t+7],r=7,v.length>1&&(v.length<3?(x=w,w=j,r--):(x=j,w=v.substr(2),r-=2),j=v.charAt(1),v=v.charAt(0)),b=function(e,t,r,i,n,a,o,s,l){if(e!==s||t!==l){r=g(r),i=g(i);var c=n%360*d,u=h(c),f=p(c),w=Math.PI,x=2*w,b=(e-s)/2,y=(t-l)/2,v=u*b+f*y,j=-f*b+u*y,k=v*v,N=j*j,_=k/(r*r)+N/(i*i);_>1&&(r=m(_)*r,i=m(_)*i);var L=r*r,M=i*i,C=(L*M-L*N-M*k)/(L*N+M*k);C<0&&(C=0);var S=(a===o?-1:1)*m(C),z=r*j/i*S,P=-(i*v/r*S),T=(e+s)/2+(u*z-f*P),A=(t+l)/2+(f*z+u*P),I=(v-z)/r,W=(j-P)/i,R=(-v-z)/r,H=(-j-P)/i,B=I*I+W*W,O=(W<0?-1:1)*Math.acos(I/m(B)),E=(I*H-W*R<0?-1:1)*Math.acos((I*R+W*H)/m(B*(R*R+H*H)));isNaN(E)&&(E=w),!o&&E>0?E-=x:o&&E<0&&(E+=x),O%=x;var D,G=Math.ceil(g(E%=x)/(x/4)),F=[],$=E/G,V=4/3*p($/2)/(1+h($/2)),Y=u*r,q=f*r,X=-(f*i),Z=u*i;for(D=0;D<G;D++)v=h(n=O+D*$),j=p(n),I=h(n+=$),W=p(n),F.push(v-V*j,j+V*v,I+V*W,W-V*I,I,W);for(D=0;D<F.length;D+=2)v=F[D],j=F[D+1],F[D]=v*Y+j*X+T,F[D+1]=v*q+j*Z+A;return F[D-2]=s,F[D-1]=l,F}}(L,M,+N[t+1],+N[t+2],+N[t+3],+v,+j,(l?L:0)+ +w,(l?M:0)+ +x),t+=r,b)for(r=0;r<b.length;r++)c.push(b[r]);L=c[c.length-2],M=c[c.length-1]}else console.log(P);return(t=c.length)<6?(_.pop(),t=0):k(c),_.totalPoints=z+t,_}function D(e,t){1e-4>g(e[0]-e[2])&&1e-4>g(e[1]-e[3])&&(e=e.slice(2));var r,i,n,a,o,s,l,d,c,p,h,u,f,w,x,b=e.length-2,y=+e[0],j=+e[1],k=+e[2],N=+e[3],_=[y,j,y,j],L=k-y,M=N-j,C=e.nonSmooth||[],S=.001>Math.abs(e[b]-y)&&.001>Math.abs(e[b+1]-j);if(!b)return[y,j,y,j,y,j,y,j];for(S&&(e.push(k,N),k=y,N=j,y=e[b-2],j=e[b-1],e.unshift(y,j),b+=4,C=[0,0].concat(C)),t=t||0===t?+t:1,n=2;n<b;n+=2)if(r=y,i=j,y=k,j=N,k=+e[n+2],N=+e[n+3],y!==k||j!==N){if(a=L,o=M,L=k-y,M=N-j,C[n]){_.push(y-(y-r)/4,j-(j-i)/4,y,j,y+(k-y)/4,j+(N-j)/4);continue}s=m(a*a+o*o),l=m(L*L+M*M),d=m(Math.pow(L/l+a/s,2)+Math.pow(M/l+o/s,2)),c=(s+l)*t*.25/d,p=y-(y-r)*(s?c/s:0),h=y+(k-y)*(l?c/l:0),u=y-(p+((h-p)*(3*s/(s+l)+.5)/4||0)),f=j-(j-i)*(s?c/s:0),w=j+(N-j)*(l?c/l:0),x=j-(f+((w-f)*(3*s/(s+l)+.5)/4||0)),_.push(v(p+u),v(f+x),v(y),v(j),v(h+u),v(w+x))}return y!==k||j!==N||_.length<4?_.push(v(k),v(N),v(k),v(N)):_.length-=2,2===_.length?_.push(y,j,y,j,y,j):S&&(_.splice(0,6),_.length-=6),_.closed=S,_}function G(e){w(e[0])&&(e=[e]);var t,r,i,n,a="",o=e.length;for(r=0;r<o;r++){for(a+="M"+v((n=e[r])[0])+","+v(n[1])+" C",t=n.length,i=2;i<t;i++)a+=v(n[i++])+","+v(n[i++])+" "+v(n[i++])+","+v(n[i++])+" "+v(n[i++])+","+v(n[i])+" ";n.closed&&(a+="z")}return a}var F,$,V,Y,q,X,Z,U,K,Q="transform",J=Q+"Origin",ee=function(e){var t=e.ownerDocument||e;for(!(Q in e.style)&&("msTransform"in e.style)&&(J=(Q="msTransform")+"Origin");t.parentNode&&(t=t.parentNode););if($=window,Z=new ec,t){F=t,V=t.documentElement,Y=t.body,(U=F.createElementNS("http://www.w3.org/2000/svg","g")).style.transform="none";var r=t.createElement("div"),i=t.createElement("div"),n=t&&(t.body||t.firstElementChild);n&&n.appendChild&&(n.appendChild(r),r.appendChild(i),r.style.position="static",r.style.transform="translate3d(0,0,1px)",K=i.offsetParent!==r,n.removeChild(r))}return t},et=function(e){for(var t,r;e&&e!==Y;)(r=e._gsap)&&r.uncache&&r.get(e,"x"),r&&!r.scaleX&&!r.scaleY&&r.renderTransform&&(r.scaleX=r.scaleY=1e-4,r.renderTransform(1,r),t?t.push(r):t=[r]),e=e.parentNode;return t},er=[],ei=[],en=function(e){return e.ownerSVGElement||("svg"===(e.tagName+"").toLowerCase()?e:null)},ea=function e(t,r){if(t.parentNode&&(F||ee(t))){var i=en(t),n=i?i.getAttribute("xmlns")||"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",a=i?r?"rect":"g":"div",o=100*(2===r),s=100*(3===r),l={position:"absolute",display:"block",pointerEvents:"none",margin:"0",padding:"0"},d=F.createElementNS?F.createElementNS(n.replace(/^https/,"http"),a):F.createElement(a);return r&&(i?(X||(X=e(t)),d.setAttribute("width",.01),d.setAttribute("height",.01),d.setAttribute("transform","translate("+o+","+s+")"),d.setAttribute("fill","transparent"),X.appendChild(d)):(q||Object.assign((q=e(t)).style,l),Object.assign(d.style,l,{width:"0.1px",height:"0.1px",top:s+"px",left:o+"px"}),q.appendChild(d))),d}throw"Need document and parent."},eo=function(e){for(var t=new ec,r=0;r<e.numberOfItems;r++)t.multiply(e.getItem(r).matrix);return t},es=function(e){var t,r=e.getCTM();return r||(t=e.style[Q],e.style[Q]="none",e.appendChild(U),r=U.getCTM(),e.removeChild(U),t?e.style[Q]=t:e.style.removeProperty(Q.replace(/([A-Z])/g,"-$1").toLowerCase())),r||Z.clone()},el=function(e,t){var r,i,n,a,o,s,l=en(e),d=e===l,c=l?er:ei,p=e.parentNode,h=p&&!l&&p.shadowRoot&&p.shadowRoot.appendChild?p.shadowRoot:p;if(e===$)return e;if(c.length||c.push(ea(e,1),ea(e,2),ea(e,3)),r=l?X:q,l)d?(a=-(n=es(e)).e/n.a,o=-n.f/n.d,i=Z):e.getBBox?(n=e.getBBox(),a=(i=(i=e.transform?e.transform.baseVal:{}).numberOfItems?i.numberOfItems>1?eo(i):i.getItem(0).matrix:Z).a*n.x+i.c*n.y,o=i.b*n.x+i.d*n.y):(i=new ec,a=o=0),t&&"g"===e.tagName.toLowerCase()&&(a=o=0),(d||!e.getBoundingClientRect().width?l:p).appendChild(r),r.setAttribute("transform","matrix("+i.a+","+i.b+","+i.c+","+i.d+","+(i.e+a)+","+(i.f+o)+")");else{if(a=o=0,K)for(i=e.offsetParent,n=e;n&&(n=n.parentNode)&&n!==i&&n.parentNode;)($.getComputedStyle(n)[Q]+"").length>4&&(a=n.offsetLeft,o=n.offsetTop,n=0);if("absolute"!==(s=$.getComputedStyle(e)).position&&"fixed"!==s.position)for(i=e.offsetParent;p&&p!==i;)a+=p.scrollLeft||0,o+=p.scrollTop||0,p=p.parentNode;(n=r.style).top=e.offsetTop-o+"px",n.left=e.offsetLeft-a+"px",n[Q]=s[Q],n[J]=s[J],n.position="fixed"===s.position?"fixed":"absolute",h.appendChild(r)}return r},ed=function(e,t,r,i,n,a,o){return e.a=t,e.b=r,e.c=i,e.d=n,e.e=a,e.f=o,e},ec=function(){function e(e,t,r,i,n,a){void 0===e&&(e=1),void 0===t&&(t=0),void 0===r&&(r=0),void 0===i&&(i=1),void 0===n&&(n=0),void 0===a&&(a=0),ed(this,e,t,r,i,n,a)}var t=e.prototype;return t.inverse=function(){var e=this.a,t=this.b,r=this.c,i=this.d,n=this.e,a=this.f,o=e*i-t*r||1e-10;return ed(this,i/o,-t/o,-r/o,e/o,(r*a-i*n)/o,-(e*a-t*n)/o)},t.multiply=function(e){var t=this.a,r=this.b,i=this.c,n=this.d,a=this.e,o=this.f,s=e.a,l=e.c,d=e.b,c=e.d,p=e.e,h=e.f;return ed(this,s*t+d*i,s*r+d*n,l*t+c*i,l*r+c*n,a+p*t+h*i,o+p*r+h*n)},t.clone=function(){return new e(this.a,this.b,this.c,this.d,this.e,this.f)},t.equals=function(e){var t=this.a,r=this.b,i=this.c,n=this.d,a=this.e,o=this.f;return t===e.a&&r===e.b&&i===e.c&&n===e.d&&a===e.e&&o===e.f},t.apply=function(e,t){void 0===t&&(t={});var r=e.x,i=e.y,n=this.a,a=this.b,o=this.c,s=this.d,l=this.e,d=this.f;return t.x=r*n+i*o+l||0,t.y=r*a+i*s+d||0,t},e}();function ep(e,t,r,i){if(!e||!e.parentNode||(F||ee(e)).documentElement===e)return new ec;var n=et(e),a=en(e)?er:ei,o=el(e,r),s=a[0].getBoundingClientRect(),l=a[1].getBoundingClientRect(),d=a[2].getBoundingClientRect(),c=o.parentNode,p=!i&&function e(t){return"fixed"===$.getComputedStyle(t).position||((t=t.parentNode)&&1===t.nodeType?e(t):void 0)}(e),h=new ec((l.left-s.left)/100,(l.top-s.top)/100,(d.left-s.left)/100,(d.top-s.top)/100,s.left+(p?0:$.pageXOffset||F.scrollLeft||V.scrollLeft||Y.scrollLeft||0),s.top+(p?0:$.pageYOffset||F.scrollTop||V.scrollTop||Y.scrollTop||0));if(c.removeChild(o),n)for(s=n.length;s--;)(l=n[s]).scaleX=l.scaleY=0,l.renderTransform(1,l);return t?h.inverse():h}var eh,eg,em,eu,ef,ew,ex="x,translateX,left,marginLeft,xPercent".split(","),eb="y,translateY,top,marginTop,yPercent".split(","),ey=Math.PI/180,ev=function(e,t,r,i){for(var n=t.length,a=2===i?0:i,o=0;o<n;o++)e[a]=parseFloat(t[o][r]),2===i&&(e[a+1]=0),a+=2;return e},ej=function(e,t,r){return parseFloat(e._gsap.get(e,t,r||"px"))||0},ek=function(e){var t,r=e[0],i=e[1];for(t=2;t<e.length;t+=2)r=e[t]+=r,i=e[t+1]+=i},eN=function(e,t,r,i,n,a,o,s,l){return"cubic"===o.type?t=[t]:(!1!==o.fromCurrent&&t.unshift(ej(r,i,s),n?ej(r,n,l):0),o.relative&&ek(t),t=[(n?D:function(e,t){void 0===t&&(t=1);for(var r=e[0],i=0,n=[r,0],a=2;a<e.length;a+=2)n.push(r,i,e[a],i=(e[a]-r)*t/2,r=e[a],-i);return n})(t,o.curviness)]),t=a(eS(t,r,o)),ez(e,r,i,t,"x",s),n&&ez(e,r,n,t,"y",l),W(t,o.resolution||(0===o.curviness?20:12))},e_=function(e){return e},eL=/[-+\.]*\d+\.?(?:e-|e\+)?\d*/g,eM=function(e,t,r){var i,n=ep(e),a=0,o=0;return"svg"===(e.tagName+"").toLowerCase()?(i=e.viewBox.baseVal).width||(i={width:+e.getAttribute("width"),height:+e.getAttribute("height")}):i=t&&e.getBBox&&e.getBBox(),t&&"auto"!==t&&(a=t.push?t[0]*(i?i.width:e.offsetWidth||0):t.x,o=t.push?t[1]*(i?i.height:e.offsetHeight||0):t.y),r.apply(a||o?n.apply({x:a,y:o}):{x:n.e,y:n.f})},eC=function(e,t,r,i){var n,a=ep(e.parentNode,!0,!0),o=a.clone().multiply(ep(t)),s=eM(e,r,a),l=eM(t,i,a),d=l.x,c=l.y;return o.e=o.f=0,"auto"===i&&t.getTotalLength&&"path"===t.tagName.toLowerCase()&&(n=t.getAttribute("d").match(eL)||[],d+=(n=o.apply({x:+n[0],y:+n[1]})).x,c+=n.y),n&&(d-=(n=o.apply(t.getBBox())).x,c-=n.y),o.e=d-s.x,o.f=c-s.y,o},eS=function(e,t,r){var i,n,a,o=r.align,s=r.matrix,l=r.offsetX,d=r.offsetY,c=r.alignOrigin,p=e[0][0],h=e[0][1],g=ej(t,"x"),m=ej(t,"y");return e&&e.length?(o&&("self"===o||(i=eu(o)[0]||t)===t?O(e,1,0,0,1,g-p,m-h):(c&&!1!==c[2]?eh.set(t,{transformOrigin:100*c[0]+"% "+100*c[1]+"%"}):c=[-(ej(t,"xPercent")/100),-(ej(t,"yPercent")/100)],a=(n=eC(t,i,c,"auto")).apply({x:p,y:h}),O(e,n.a,n.b,n.c,n.d,g+n.e-(a.x-n.e),m+n.f-(a.y-n.f)))),s?O(e,s.a,s.b,s.c,s.d,s.e,s.f):(l||d)&&O(e,1,0,0,1,l||0,d||0),e):S("M0,0L0,0")},ez=function(e,t,r,i,n,a){var o=t._gsap,s=o.harness,l=s&&s.aliases&&s.aliases[r],d=l&&0>l.indexOf(",")?l:r,c=e._pt=new eg(e._pt,t,d,0,0,e_,0,o.set(t,d,e));c.u=em(o.get(t,d,a))||0,c.path=i,c.pp=n,e._props.push(d)},eP={version:"3.15.0",name:"motionPath",register:function(e,t,r){em=(eh=e).utils.getUnit,eu=eh.utils.toArray,ef=eh.core.getStyleSaver,ew=eh.core.reverting||function(){},eg=r},init:function(e,t,r){if(!eh)return console.warn("Please gsap.registerPlugin(MotionPathPlugin)"),!1;"object"==typeof t&&!t.style&&t.path||(t={path:t});var i,n,a,o,s=[],l=t,d=l.path,c=l.autoRotate,p=l.unitX,h=l.unitY,g=l.x,m=l.y,u=d[0],f=(i=t.start,n="end"in t?t.end:1,function(e){return i||1!==n?I(e,i,n):e});if(this.rawPaths=s,this.target=e,this.tween=r,this.styles=ef&&ef(e,"transform"),(this.rotate=c||0===c)&&(this.rOffset=parseFloat(c)||0,this.radians=!!t.useRadians,this.rProp=t.rotation||"rotation",this.rSet=e._gsap.set(e,this.rProp,this),this.ru=em(e._gsap.get(e,this.rProp))||0),!Array.isArray(d)||"closed"in d||"number"==typeof u)W(a=f(eS(S(t.path),e,t)),t.resolution),s.push(a),ez(this,e,t.x||"x",a,"x",t.unitX||"px"),ez(this,e,t.y||"y",a,"y",t.unitY||"px");else{for(o in u)!g&&~ex.indexOf(o)?g=o:!m&&~eb.indexOf(o)&&(m=o);for(o in g&&m?s.push(eN(this,ev(ev([],d,g,0),d,m,1),e,g,m,f,t,p||em(d[0][g]),h||em(d[0][m]))):g=m=0,u)o!==g&&o!==m&&s.push(eN(this,ev([],d,o,2),e,o,0,f,t,em(d[0][o])))}r.vars.immediateRender&&this.render(r.progress(),this)},render:function(e,t){var r=t.rawPaths,i=r.length,n=t._pt;if(t.tween._time||!ew()){for(e>1?e=1:e<0&&(e=0);i--;)B(r[i],e,!i&&t.rotate,r[i]);for(;n;)n.set(n.t,n.p,n.path[n.pp]+n.u,n.d,e),n=n._next;t.rotate&&t.rSet(t.target,t.rProp,r[0].angle*(t.radians?ey:1)+t.rOffset+t.ru,t,e)}else t.styles.revert()},getLength:function(e){return W(S(e)).totalLength},sliceRawPath:I,getRawPath:S,pointsToSegment:D,stringToRawPath:E,rawPathToString:G,transformRawPath:O,getGlobalMatrix:ep,getPositionOnPath:B,cacheRawPathMeasurements:W,convertToPath:function(e,t){return eu(e).map(function(e){var r,i,n,a,s,l,d,c,p,h,g,m,u,f,w,x,b,y,v,j,k,N,_,L;return r=!1!==t,"path"!==(L=e.tagName.toLowerCase())&&e.getBBox?(d=z(e,"x,y,width,height,cx,cy,rx,ry,r,x1,x2,y1,y2,points"),_=T(e,P[L]),"rect"===L?(s=_.rx,l=_.ry||s,n=_.x,a=_.y,g=_.width-2*s,m=_.height-2*l,s||l?(u=n+.44771525016900005*s,x=(w=(f=n+s)+g)+.552284749831*s,b=w+s,y=a+.44771525016900005*l,k=(j=(v=a+l)+m)+.552284749831*l,N=j+l,i="M"+b+","+v+" V"+j+" C"+[b,k,x,N,w,N,w-(w-f)/3,N,f+(w-f)/3,N,f,N,u,N,n,k,n,j,n,j-(j-v)/3,n,v+(j-v)/3,n,v,n,y,u,a,f,a,f+(w-f)/3,a,w-(w-f)/3,a,w,a,x,a,b,y,b,v].join(",")+"z"):i="M"+(n+g)+","+a+" v"+m+" h"+-g+" v"+-m+" h"+g+"z"):"circle"===L||"ellipse"===L?("circle"===L?p=.552284749831*(s=l=_.r):(s=_.rx,p=.552284749831*(l=_.ry)),n=_.cx,a=_.cy,c=.552284749831*s,i="M"+(n+s)+","+a+" C"+[n+s,a+p,n+c,a+l,n,a+l,n-c,a+l,n-s,a+p,n-s,a,n-s,a-p,n-c,a-l,n,a-l,n+c,a-l,n+s,a-p,n+s,a].join(",")+"z"):"line"===L?i="M"+_.x1+","+_.y1+" L"+_.x2+","+_.y2:("polyline"===L||"polygon"===L)&&(i="M"+(n=(h=(e.getAttribute("points")+"").match(o)||[]).shift())+","+(a=h.shift())+" L"+h.join(","),"polygon"===L&&(i+=","+n+","+a+"z")),d.setAttribute("d",G(d._gsRawPath=E(i))),r&&e.parentNode&&(e.parentNode.insertBefore(d,e),e.parentNode.removeChild(e)),d):e})},convertCoordinates:function(e,t,r){var i=ep(t,!0,!0).multiply(ep(e));return r?i.apply(r):i},getAlignMatrix:eC,getRelativePosition:function(e,t,r,i){var n=eC(e,t,r,i);return{x:n.e,y:n.f}},arrayToRawPath:function(e,t){var r=ev(ev([],e,(t=t||{}).x||"x",0),e,t.y||"y",1);return t.relative&&ek(r),["cubic"===t.type?r:D(r,t.curviness)]}};(eh||"u">typeof window&&(eh=window.gsap)&&eh.registerPlugin&&eh)&&eh.registerPlugin(eP);var eT,eA,eI,eW,eR,eH,eB,eO,eE=function(){return"u">typeof window},eD=function(){return eT||eE()&&(eT=window.gsap)&&eT.registerPlugin&&eT},eG=/[-+=\.]*\d+[\.e\-\+]*\d*[e\-\+]*\d*/gi,eF={rect:["width","height"],circle:["r","r"],ellipse:["rx","ry"],line:["x2","y2"]},e$=function(e){return Math.round(1e4*e)/1e4},eV=function(e){return parseFloat(e)||0},eY=function(e,t){var r=eV(e);return~e.indexOf("%")?r/100*t:r},eq=function(e,t){return eV(e.getAttribute(t))},eX=Math.sqrt,eZ=function(e,t,r,i,n,a){return eX(Math.pow((eV(r)-eV(e))*n,2)+Math.pow((eV(i)-eV(t))*a,2))},eU=function(e){return console.warn(e)},eK=function(e){return"non-scaling-stroke"===e.getAttribute("vector-effect")},eQ=function(e,t,r){var i,n,a=e.indexOf(" ");return a<0?(i=void 0!==r?r+"":e,n=e):(i=e.substr(0,a),n=e.substr(a+1)),(i=eY(i,t))>(n=eY(n,t))?[n,i]:[i,n]},eJ=function(e){if(!(e=eA(e)[0]))return 0;var t,r,i,n,a,o,s,l=e.tagName.toLowerCase(),d=e.style,c=1,p=1;eK(e)&&(c=eX((p=e.getScreenCTM()).a*p.a+p.b*p.b),p=eX(p.d*p.d+p.c*p.c));try{r=e.getBBox()}catch(e){eU("Some browsers won't measure invisible elements (like display:none or masks inside defs).")}var h=r||{x:0,y:0,width:0,height:0},g=h.x,m=h.y,u=h.width,f=h.height;if(r&&(u||f)||!eF[l]||(u=eq(e,eF[l][0]),f=eq(e,eF[l][1]),"rect"!==l&&"line"!==l&&(u*=2,f*=2),"line"===l&&(g=eq(e,"x1"),m=eq(e,"y1"),u=Math.abs(u-g),f=Math.abs(f-m))),"path"===l)n=d.strokeDasharray,d.strokeDasharray="none",t=e.getTotalLength()||0,e$(c)!==e$(p)&&!eH&&(eH=1)&&eU("Warning: <path> length cannot be measured when vector-effect is non-scaling-stroke and the element isn't proportionally scaled."),t*=(c+p)/2,d.strokeDasharray=n;else if("rect"===l)t=2*u*c+2*f*p;else if("line"===l)t=eZ(g,m,g+u,m+f,c,p);else if("polyline"===l||"polygon"===l)for(i=e.getAttribute("points").match(eG)||[],"polygon"===l&&i.push(i[0],i[1]),t=0,a=2;a<i.length;a+=2)t+=eZ(i[a-2],i[a-1],i[a],i[a+1],c,p)||0;else("circle"===l||"ellipse"===l)&&(t=Math.PI*(3*((o=u/2*c)+(s=f/2*p))-eX((3*o+s)*(o+3*s))));return t||0},e0=function(e,t){if(!(e=eA(e)[0]))return[0,0];t||(t=eJ(e)+1);var r=eI.getComputedStyle(e),i=r.strokeDasharray||"",n=eV(r.strokeDashoffset),a=i.indexOf(",");return a<0&&(a=i.indexOf(" ")),(i=a<0?t:eV(i.substr(0,a)))>t&&(i=t),[-n||0,i-n||0]},e1=function(){eE()&&(document,eI=window,eR=eT=eD(),eA=eT.utils.toArray,eB=eT.core.getStyleSaver,eO=eT.core.reverting||function(){},eW=-1!==((eI.navigator||{}).userAgent||"").indexOf("Edge"))},e2={version:"3.15.0",name:"drawSVG",register:function(e){eT=e,e1()},init:function(e,t,r,i,n){if(!e.getBBox)return!1;eR||e1();var a,o,s,l=eJ(e);return this.styles=eB&&eB(e,"strokeDashoffset,strokeDasharray,strokeMiterlimit"),this.tween=r,this._style=e.style,this._target=e,t+""=="true"?t="0 100%":t?-1===(t+"").indexOf(" ")&&(t="0 "+t):t="0 0",a=e0(e,l),o=eQ(t,l,a[0]),this._length=e$(l),this._dash=e$(a[1]-a[0]),this._offset=e$(-a[0]),this._dashPT=this.add(this,"_dash",this._dash,e$(o[1]-o[0]),0,0,0,0,0,1),this._offsetPT=this.add(this,"_offset",this._offset,e$(-o[0]),0,0,0,0,0,1),eW&&(s=eI.getComputedStyle(e)).strokeLinecap!==s.strokeLinejoin&&(o=eV(s.strokeMiterlimit),this.add(e.style,"strokeMiterlimit",o,o+.01)),this._live=eK(e)||~(t+"").indexOf("live"),this._nowrap=~(t+"").indexOf("nowrap"),this._props.push("drawSVG"),1},render:function(e,t){if(t.tween._time||!eO()){var r,i,n,a,o=t._pt,s=t._style;if(o){for(t._live&&(r=eJ(t._target))!==t._length&&(i=r/t._length,t._length=r,t._offsetPT&&(t._offsetPT.s*=i,t._offsetPT.c*=i),t._dashPT?(t._dashPT.s*=i,t._dashPT.c*=i):t._dash*=i);o;)o.r(e,o.d),o=o._next;n=t._dash||e&&1!==e&&1e-4||0,r=t._length-n+.1,a=t._offset,n&&a&&n+Math.abs(a%t._length)>t._length-.05&&(a+=a<0?.005:-.005)&&(r+=.005),s.strokeDashoffset=n?a:a+.001,s.strokeDasharray=r<.1?"none":n?n+"px,"+(t._nowrap?999999:r)+"px":"0px, 999999px"}}else t.styles.revert()},getLength:eJ,getPosition:e0};eD()&&eT.registerPlugin(e2);var e5=e.i(2018);let e4=!1;i.default.registerPlugin(n.ScrollTrigger,eP);try{i.default.registerPlugin(e2),e4=!0}catch{e4=!1}let e3=[{title:"Same-Day Air Logistics",desc:"Max 3-hour door-to-door delivery between India's major regional capitals.",icon:(0,t.jsxs)("svg",{width:"26",height:"26",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",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"})]})},{title:"AI-Powered Operations",desc:"MileTruth™ AI continuously forecasts demand and optimizes every route and load.",icon:(0,t.jsxs)("svg",{width:"26",height:"26",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"3"}),(0,t.jsx)("path",{d:"M9 9h6v6H9z"}),(0,t.jsx)("path",{d:"M9 1v3M15 1v3M9 20v3M15 20v3M1 9h3M1 15h3M20 9h3M20 15h3"})]})},{title:"Regional Connectivity",desc:"Dedicated air capacity linking major economic hubs, not passenger-belly space.",icon:(0,t.jsxs)("svg",{width:"26",height:"26",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("circle",{cx:"6",cy:"6",r:"2.5"}),(0,t.jsx)("circle",{cx:"18",cy:"6",r:"2.5"}),(0,t.jsx)("circle",{cx:"12",cy:"18",r:"2.5"}),(0,t.jsx)("path",{d:"M8.2 7.2 10 16M15.8 7.2 14 16M8.5 6h7"})]})},{title:"EV Last Mile",desc:"Zero-emission electric vehicles complete every first- and final-mile delivery.",icon:(0,t.jsxs)("svg",{width:"26",height:"26",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M3 13h13l3 4h2v3H3z"}),(0,t.jsx)("circle",{cx:"7",cy:"20",r:"1.6"}),(0,t.jsx)("circle",{cx:"16",cy:"20",r:"1.6"}),(0,t.jsx)("path",{d:"M6 13V8a1 1 0 0 1 1-1h5l3 6"})]})}];function e6(e,t){if(e.length<2||t<=0)return e;let r=[e[0]];for(let i=0;i<e.length-1;i++){let n=e[i],a=e[i+1],o=1+.28*Math.sin(2.9*i+.4)+.15*Math.sin(5.3*i+2.1),s=(a.x-n.x)*(.08*Math.sin(1.7*i+1.3)+.06*Math.sin(3.6*i+.2));r.push({x:(n.x+a.x)/2+s,y:Math.min(n.y,a.y)-t*o}),r.push(a)}return r}e.s(["default",0,function(){let e=(0,r.useRef)(null),a=(0,r.useRef)(null),o=(0,r.useRef)(null),s=(0,r.useRef)(null),l=(0,r.useRef)(null),d=(0,r.useRef)(null),c=(0,r.useRef)(null),p=(0,r.useRef)([]),h=(0,r.useRef)([]);return(0,r.useEffect)(()=>{let t,r,g=e.current,m=a.current,u=o.current,f=s.current,w=l.current,x=d.current,b=c.current;if(!g||!m||!u||!f||!w||!x||!b)return;let y=0,v=0,j=null,k=null,N=i.default.context(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)").matches,a=()=>{let e,t=g.getBoundingClientRect(),r=window.matchMedia("(max-width: 600px)").matches,i=p.current.map((e,i)=>{let n=h.current[i];if(!e||!n)return null;let a=e.getBoundingClientRect(),o=n.getBoundingClientRect(),s=a.top-t.top,l=a.bottom-t.top,d=a.left-t.left,c=a.right-t.left;return r?{x:12,y:o.top+o.height/2-t.top,top:s,bottom:l,left:d,right:c}:{x:o.left+o.width/2-t.left,y:a.top-t.top-14,top:s,bottom:l,left:d,right:c}}).filter(e=>null!==e),n=i.map(({x:e,y:t})=>({x:e,y:t}));m.setAttribute("width",String(t.width)),m.setAttribute("height",String(t.height)),m.setAttribute("viewBox",`0 0 ${t.width} ${t.height}`);let a=r?0:Math.max(20,Math.min(38,t.width/20));if(r)e=n;else{let t,r,o=function(e){let t=[];for(let r of e){let e=t[t.length-1];e&&12>=Math.abs(e[0].top-r.top)?e.push(r):t.push([r])}return t}(i);e=o.length<=1?e6(n,a):(t=[],r=null,o.forEach((e,i)=>{let n=i%2==0?e:[...e].reverse(),s=n[0].y,l=null===r?a:Math.max(0,Math.min(a,(s-r-6)/1.43)),d=e6(n.map(({x:e,y:t})=>({x:e,y:t})),l);if(t.length>0){var c,p;let e,r=t[t.length-1],n=d[0],a=(c=o[i-1],p=(i-1)%2==0?"right":"left",(e=[...c].sort((e,t)=>e.left-t.left)).length<2?(e[0].left+e[0].right)/2:"right"===p?(e[e.length-2].right+e[e.length-1].left)/2:(e[0].right+e[1].left)/2);t.push({x:a,y:r.y},{x:a,y:n.y})}t.push(...d),r=Math.max(...e.map(e=>e.bottom))}),t)}let o=function(e){if(e.length<2)return"";let t=`M ${e[0].x} ${e[0].y}`;for(let r=0;r<e.length-1;r++){let i=e[r],n=e[r+1],a=(n.x-i.x)/2;t+=` C ${i.x+a} ${i.y}, ${n.x-a} ${n.y}, ${n.x} ${n.y}`}return t}(e);return u.setAttribute("d",o),f.setAttribute("d",o),{points:n,isMobile:r}};(t=new ResizeObserver(()=>{cancelAnimationFrame(y),y=requestAnimationFrame(()=>{e?a():o()})})).observe(g),a(),v=requestAnimationFrame(()=>{a(),n.ScrollTrigger.refresh()}),"complete"!==document.readyState&&(r=()=>n.ScrollTrigger.refresh(),window.addEventListener("load",r,{once:!0}));let o=()=>{k&&k.kill();let{points:e,isMobile:t}=a();if(e.length<2)return;let r=u.getTotalLength(),n=.22*r,o=r+200;f.setAttribute("stroke-dasharray",`${n} ${o}`);let s=e.map(e=>{let t=0,i=1/0,n=Math.max(2,r/400);for(let a=0;a<=r;a+=n){let r=u.getPointAtLength(a),n=(r.x-e.x)**2+(r.y-e.y)**2;n<i&&(i=n,t=a)}return t/r}),l=s.map(()=>!1),d=0,c=!1,m=i.default.timeline({scrollTrigger:{trigger:g,start:"top 75%",end:"bottom 35%",scrub:1}});k=m,j=m.scrollTrigger??null;e4?m.to(u,{drawSVG:"100%",duration:4.680000000000001,ease:"power2.inOut"},0):(i.default.set(u,{strokeDasharray:r,strokeDashoffset:r}),m.to(u,{strokeDashoffset:0,duration:4.680000000000001,ease:"power2.inOut"},0)),m.to(u,{opacity:t?.15:.18,duration:.9,ease:"sine.out"},0),i.default.set([x,b],{svgOrigin:"0 0"}),m.to(w,{opacity:1,duration:.3,ease:"sine.out"},0),m.to(f,{opacity:1,duration:.4,ease:"sine.out"},0),m.to(w,{motionPath:{path:u,autoRotate:!1,alignOrigin:[.5,.5]},duration:5.2,ease:"power2.inOut",onUpdate:function(){let e=this.progress(),t=e*r,a=Math.max(1,.01*r),o=u.getPointAtLength(Math.max(0,t-a)),g=u.getPointAtLength(Math.min(r,t+a)),m=180*Math.atan2(g.y-o.y,g.x-o.x)/Math.PI+90;if(c){let e=m-d;d+=.12*(e=((e+180)%360+360)%360-180)}else d=m,c=!0;i.default.set(x,{rotation:d}),i.default.set(b,{rotation:d}),f.setAttribute("stroke-dashoffset",String(n-t)),s.forEach((t,r)=>{if(!l[r]&&e>=t){let e,t;l[r]=!0,e=p.current[r],t=h.current[r],e&&(e.classList.add("wwg-card-flown","wwg-card-pulse"),t&&i.default.timeline({delay:.28}).to(t,{scale:1.02,duration:.32,ease:"expo.out"}).to(t,{scale:1,duration:.32,ease:"sine.inOut"}),i.default.delayedCall(.95,()=>e.classList.remove("wwg-card-pulse")))}else l[r]&&e<t&&(l[r]=!1,p.current[r]?.classList.remove("wwg-card-flown","wwg-card-pulse"))})}},0),m.to(w,{opacity:0,duration:.6,ease:"sine.out"},5.2),m.to(f,{opacity:0,duration:.6,ease:"sine.out"},5.2)};if(e){let{isMobile:e}=a();i.default.set(u,{opacity:e?.15:.18}),e4?i.default.set(u,{drawSVG:"100%"}):i.default.set(u,{strokeDasharray:"none",strokeDashoffset:0}),i.default.set(w,{opacity:0}),i.default.set(f,{opacity:0})}else i.default.set(u,{opacity:0}),e4&&i.default.set(u,{drawSVG:"0%"}),i.default.set(w,{opacity:0}),i.default.set(f,{opacity:0}),o()},g);return()=>{t?.disconnect(),cancelAnimationFrame(y),cancelAnimationFrame(v),cancelAnimationFrame(0),r&&window.removeEventListener("load",r),j?.kill(),k?.kill(),N.revert()}},[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.wwg-section {
|
||
background: #ffffff;
|
||
padding: var(--space-section-lg, 80px) 0;
|
||
}
|
||
|
||
.wwg-header {
|
||
margin: 0 auto 48px auto;
|
||
max-width: 720px;
|
||
text-align: center;
|
||
}
|
||
|
||
.wwg-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
color: rgba(17, 17, 17, 0.45);
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wwg-title {
|
||
font-size: clamp(28px, 3.2vw, 46px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.15 !important;
|
||
text-transform: none !important;
|
||
color: #111111 !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.wwg-inner {
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.wwg-grid-wrap {
|
||
position: relative;
|
||
overflow: visible;
|
||
}
|
||
|
||
.wwg-flightpath {
|
||
position: absolute;
|
||
inset: 0;
|
||
pointer-events: none;
|
||
overflow: visible;
|
||
z-index: 5;
|
||
}
|
||
|
||
.wwg-flightpath-line {
|
||
fill: none;
|
||
stroke: #c8102e;
|
||
stroke-width: 2;
|
||
stroke-linecap: round;
|
||
stroke-linejoin: round;
|
||
opacity: 0;
|
||
}
|
||
|
||
/* A brighter, blurred copy of the same route, painted *behind* the
|
||
crisp foreground line (see JSX order). Its dasharray is driven
|
||
per-frame (see onUpdate) to keep a soft window of it trailing
|
||
directly beneath the pulse; because it sits behind rather than on
|
||
top, its blur reads as a glow radiating from under the route
|
||
instead of visually thickening the route's own edges. Stroke
|
||
width intentionally matches the base route so it never peeks out
|
||
wider than the crisp line drawn on top of it. */
|
||
.wwg-illum-trail {
|
||
fill: none;
|
||
stroke: #ff3d5a;
|
||
stroke-width: 2;
|
||
stroke-linecap: round;
|
||
filter: blur(5px);
|
||
opacity: 0;
|
||
}
|
||
|
||
/* The traveler is the primary visual: a single centered optical
|
||
pulse riding the route, with a small secondary aircraft glyph
|
||
carried inside it. Position (translate) lives on .wwg-traveler;
|
||
only the inner .wwg-traveler-directional group rotates to face
|
||
the direction of travel — the round pulse core stays outside it
|
||
so it never rotates, always reading as a clean point of light. */
|
||
.wwg-traveler {
|
||
opacity: 0;
|
||
pointer-events: none;
|
||
will-change: transform;
|
||
/* Explicit center alignment (paired with alignOrigin: [0.5, 0.5]
|
||
on the motionPath tween) so the traveler's own center — not a
|
||
corner/default reference point — is what MotionPathPlugin locks
|
||
to the route, keeping it precisely on the path's centerline
|
||
with no vertical drift. */
|
||
transform-origin: 50% 50%;
|
||
}
|
||
|
||
.wwg-traveler-directional {
|
||
transform-origin: 0px 0px;
|
||
will-change: transform;
|
||
}
|
||
|
||
/* Large, radially-symmetric ambient glow — the true hero of the
|
||
traveler. Centered on the pulse with no directional offset, so
|
||
there is never a brighter patch leading ahead of the aircraft.
|
||
Non-directional, so it lives outside the rotating
|
||
.wwg-traveler-directional group. */
|
||
.wwg-pulse-bloom {
|
||
fill: #c8102e;
|
||
opacity: 0.2;
|
||
filter: blur(18px);
|
||
}
|
||
|
||
.wwg-pulse-halo {
|
||
fill: #c8102e;
|
||
opacity: 0.52;
|
||
filter: blur(7px);
|
||
}
|
||
|
||
.wwg-pulse-core {
|
||
fill: #ffffff;
|
||
filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.98)) drop-shadow(0 0 9px rgba(200, 16, 46, 0.85))
|
||
drop-shadow(0 0 15px rgba(200, 16, 46, 0.5));
|
||
}
|
||
|
||
/* Deliberately no drop-shadow of its own — the bloom/halo/trail
|
||
above supply all the glow. Sized to be clearly recognizable as an
|
||
aircraft without becoming the focal point: the pulse is still the
|
||
brightest, largest element on screen at every moment. */
|
||
.wwg-aircraft {
|
||
color: #c8102e;
|
||
opacity: 0.65;
|
||
}
|
||
|
||
.wwg-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||
gap: 24px;
|
||
}
|
||
|
||
.wwg-card {
|
||
position: relative;
|
||
min-width: 0;
|
||
padding: 30px 24px;
|
||
border: 1px solid rgba(17, 17, 17, 0.08);
|
||
border-radius: 18px;
|
||
background: #fafafa;
|
||
/* Staggered delays so activation reads as a cascade — glow moves
|
||
first (see .wwg-card-glow below, no delay), then border/shape,
|
||
then the background tint settles last — rather than every
|
||
property snapping at once. The "expo-out" curve (rather than
|
||
plain ease) is what gives it a soft, premium settle instead of a
|
||
mechanical linear-ish snap. */
|
||
transition:
|
||
border-color 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
|
||
box-shadow 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
|
||
transform 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
|
||
background-color 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.22s;
|
||
}
|
||
|
||
.wwg-card:hover {
|
||
border-color: rgba(200, 16, 46, 0.35);
|
||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
|
||
transform: translateY(-4px);
|
||
}
|
||
|
||
.wwg-card-glow {
|
||
position: absolute;
|
||
inset: -12px;
|
||
border-radius: 22px;
|
||
background: radial-gradient(circle, rgba(200, 16, 46, 0.45) 0%, rgba(200, 16, 46, 0) 70%);
|
||
opacity: 0;
|
||
z-index: -1;
|
||
pointer-events: none;
|
||
filter: blur(6px);
|
||
transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1);
|
||
}
|
||
|
||
.wwg-card-flown {
|
||
border-color: rgba(200, 16, 46, 0.25);
|
||
background-color: #fdf7f8;
|
||
}
|
||
|
||
.wwg-card-flown .wwg-card-glow {
|
||
opacity: 0.32;
|
||
}
|
||
|
||
.wwg-card-pulse {
|
||
border-color: rgba(200, 16, 46, 0.5);
|
||
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.07);
|
||
transform: translateY(-3px);
|
||
}
|
||
|
||
.wwg-card-pulse .wwg-card-glow {
|
||
opacity: 0.85;
|
||
}
|
||
|
||
.wwg-icon {
|
||
width: 52px;
|
||
height: 52px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-radius: 14px;
|
||
background: rgba(200, 16, 46, 0.06);
|
||
color: #c8102e;
|
||
margin-bottom: 20px;
|
||
transition:
|
||
background-color 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.16s,
|
||
filter 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.16s;
|
||
}
|
||
|
||
.wwg-card-flown .wwg-icon {
|
||
background: rgba(200, 16, 46, 0.1);
|
||
}
|
||
|
||
.wwg-card-pulse .wwg-icon {
|
||
background: rgba(200, 16, 46, 0.14);
|
||
filter: brightness(1.12);
|
||
}
|
||
|
||
.wwg-card-title {
|
||
font-size: 17px !important;
|
||
font-weight: 700 !important;
|
||
line-height: 1.3 !important;
|
||
text-transform: none !important;
|
||
color: #111111 !important;
|
||
margin: 0 0 8px 0;
|
||
}
|
||
|
||
.wwg-card-desc {
|
||
font-size: 14.5px;
|
||
line-height: 1.55;
|
||
color: rgba(17, 17, 17, 0.6);
|
||
margin: 0;
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.wwg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||
}
|
||
|
||
@media (max-width: 600px) {
|
||
.wwg-grid { grid-template-columns: 1fr; padding-left: 28px; }
|
||
/* var(--space-section-lg) floors at a fixed 52px on any phone
|
||
width; trimmed to a real mobile value to match the section
|
||
rhythm near the footer. Matches this file's own MOBILE_BQ
|
||
breakpoint used by the flight-path animation logic. */
|
||
.wwg-section { padding-top: 44px; padding-bottom: 44px; }
|
||
}
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.wwg-card, .wwg-card-glow, .wwg-icon {
|
||
transition: none;
|
||
}
|
||
}
|
||
`}}),(0,t.jsx)("section",{className:"wwg-section",id:"wings-why",children:(0,t.jsx)("div",{className:"dm-section-container",children:(0,t.jsxs)("div",{className:"wwg-inner",children:[(0,t.jsxs)(e5.ScrollReveal,{delay:.05,duration:.75,yOffset:25,className:"wwg-header",children:[(0,t.jsx)("div",{className:"wwg-eyebrow",children:"/ Why Doormile Wings /"}),(0,t.jsx)("h2",{className:"wwg-title",children:"Built for the speed of the Gen-Z economy"})]}),(0,t.jsxs)("div",{className:"wwg-grid-wrap",ref:e,children:[(0,t.jsxs)("svg",{ref:a,className:"wwg-flightpath","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{ref:s,className:"wwg-illum-trail",d:""}),(0,t.jsx)("path",{ref:o,className:"wwg-flightpath-line",d:""}),(0,t.jsxs)("g",{ref:l,className:"wwg-traveler",children:[(0,t.jsx)("circle",{className:"wwg-pulse-bloom",cx:"0",cy:"0",r:"26"}),(0,t.jsx)("g",{ref:d,className:"wwg-traveler-directional",children:(0,t.jsx)("ellipse",{className:"wwg-pulse-halo",cx:"0",cy:"0",rx:"11",ry:"6"})}),(0,t.jsx)("circle",{className:"wwg-pulse-core",cx:"0",cy:"0",r:"2.6"}),(0,t.jsx)("g",{ref:c,className:"wwg-traveler-directional",children:(0,t.jsx)("path",{className:"wwg-aircraft",d:"M0,-13 C-0.78,-13 -1.3,-12.22 -1.3,-11.31 L-1.3,-3.9 L-11.05,1.3 L-11.05,3.9 L-1.3,0.91 L-1.3,9.1 L-4.55,11.44 L-4.55,13 L0,11.7 L4.55,13 L4.55,11.44 L1.3,9.1 L1.3,0.91 L11.05,3.9 L11.05,1.3 L1.3,-3.9 L1.3,-11.31 C1.3,-12.22 0.78,-13 0,-13 Z",fill:"currentColor"})})]})]}),(0,t.jsx)(e5.StaggerChildren,{stagger:.1,duration:.7,yOffset:30,className:"wwg-grid",children:e3.map((e,r)=>(0,t.jsxs)("div",{className:"wwg-card",ref:e=>{p.current[r]=e},children:[(0,t.jsx)("span",{className:"wwg-card-glow","aria-hidden":"true"}),(0,t.jsx)("div",{className:"wwg-icon","aria-hidden":"true",ref:e=>{h.current[r]=e},children:e.icon}),(0,t.jsx)("h3",{className:"wwg-card-title",children:e.title}),(0,t.jsx)("p",{className:"wwg-card-desc",children:e.desc})]},e.title))})]})]})})})]})}],63061)},10425,e=>{"use strict";var t=e.i(43476),r=e.i(71645),i=e.i(89970),n=e.i(83495),a=e.i(2018);i.default.registerPlugin(n.ScrollTrigger),e.s(["default",0,function(){let e=(0,r.useRef)(null),n=(0,r.useRef)(null),o=(0,r.useRef)(null),s=(0,r.useRef)(null),l=(0,r.useRef)(null);return(0,r.useEffect)(()=>{let t=e.current,r=n.current,a=o.current,d=s.current,c=l.current;t&&r&&a&&d&&c&&(i.default.set([r,a,d],{opacity:0,y:40}),i.default.set(c,{opacity:0,scale:.7}),i.default.timeline({scrollTrigger:{trigger:t,start:"top 78%",toggleActions:"play none none none"}}).to(r,{opacity:1,y:0,duration:.85,ease:"power3.out"}).to([a,d],{opacity:1,y:0,duration:.8,stagger:.12,ease:"power3.out"},"-=0.5").to(c,{opacity:1,scale:1,duration:.5,ease:"back.out(1.7)"},"-=0.35"))},[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.wsa-section {
|
||
background: #fafafa;
|
||
padding: var(--space-section-lg, 80px) 0;
|
||
}
|
||
|
||
.wsa-header {
|
||
max-width: 720px;
|
||
margin: 0 auto 48px auto;
|
||
text-align: center;
|
||
}
|
||
|
||
.wsa-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
color: rgba(17, 17, 17, 0.45);
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wsa-title {
|
||
font-size: clamp(28px, 3.2vw, 46px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.15 !important;
|
||
text-transform: none !important;
|
||
color: #111111 !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.wsa-inner {
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.wsa-face-off {
|
||
position: relative;
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
|
||
gap: 24px;
|
||
}
|
||
|
||
.wsa-panel {
|
||
min-width: 0;
|
||
border-radius: 22px;
|
||
padding: clamp(36px, 4vw, 56px) clamp(24px, 3vw, 40px);
|
||
text-align: center;
|
||
}
|
||
|
||
.wsa-panel-surface {
|
||
background: #ffffff;
|
||
border: 1px solid rgba(17, 17, 17, 0.08);
|
||
}
|
||
|
||
.wsa-panel-wings {
|
||
background: #111114;
|
||
border: 1px solid rgba(255, 255, 255, 0.06);
|
||
}
|
||
|
||
.wsa-panel-label {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.wsa-panel-surface .wsa-panel-label { color: rgba(17, 17, 17, 0.4); }
|
||
.wsa-panel-wings .wsa-panel-label { color: #c8102e; }
|
||
|
||
.wsa-value {
|
||
font-size: clamp(40px, 6vw, 76px);
|
||
font-weight: 900;
|
||
letter-spacing: -0.03em;
|
||
line-height: 1;
|
||
}
|
||
|
||
.wsa-panel-surface .wsa-value { color: #c8102e; }
|
||
.wsa-panel-wings .wsa-value { color: #ffffff; }
|
||
|
||
.wsa-unit {
|
||
margin-top: 10px;
|
||
font-size: 15px;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.wsa-panel-surface .wsa-unit { color: rgba(17, 17, 17, 0.45); }
|
||
.wsa-panel-wings .wsa-unit { color: rgba(255, 255, 255, 0.75); }
|
||
|
||
.wsa-panel-sub {
|
||
margin-top: 18px;
|
||
font-size: 14px;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.wsa-panel-surface .wsa-panel-sub { color: rgba(17, 17, 17, 0.4); }
|
||
.wsa-panel-wings .wsa-panel-sub { color: rgba(255, 255, 255, 0.55); }
|
||
|
||
.wsa-vs {
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
width: 56px;
|
||
height: 56px;
|
||
border-radius: 50%;
|
||
background: #ffffff;
|
||
border: 1px solid rgba(17, 17, 17, 0.1);
|
||
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 1px;
|
||
color: #c8102e;
|
||
z-index: 2;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.wsa-face-off { grid-template-columns: 1fr; gap: 40px; }
|
||
/* Effective visible gap above/below the VS circle is (grid gap +
|
||
this margin), i.e. 40px - 28px = 12px on each side — an equal,
|
||
~40% reduction from the previous 20px/20px so the circle reads
|
||
as bridging the two cards instead of floating in a large empty
|
||
gap. margin: auto keeps it horizontally centered; the shorthand
|
||
applies identically to top and bottom so both stay equal. */
|
||
.wsa-vs { position: static; transform: none; margin: -28px auto; }
|
||
/* var(--space-section-lg) floors at a fixed 52px on any phone
|
||
width; trimmed to a real mobile value to match the section
|
||
rhythm near the footer. */
|
||
.wsa-section { padding-top: 44px; padding-bottom: 44px; }
|
||
}
|
||
`}}),(0,t.jsx)("section",{className:"wsa-section",ref:e,id:"wings-speed",children:(0,t.jsxs)("div",{className:"dm-section-container",children:[(0,t.jsxs)("div",{className:"wsa-header",ref:n,children:[(0,t.jsx)("div",{className:"wsa-eyebrow",children:"/ The Speed Advantage /"}),(0,t.jsx)("h2",{className:"wsa-title",children:"Same-day, not some-day"})]}),(0,t.jsx)("div",{className:"wsa-inner",children:(0,t.jsxs)("div",{className:"wsa-face-off",children:[(0,t.jsxs)("div",{className:"wsa-panel wsa-panel-surface",ref:o,children:[(0,t.jsx)("div",{className:"wsa-panel-label",children:"Surface Logistics"}),(0,t.jsxs)("div",{className:"wsa-value",children:["48–",(0,t.jsx)(a.CountUp,{end:96,duration:1.6,triggerOnce:!0})]}),(0,t.jsx)("div",{className:"wsa-unit",children:"Hours"}),(0,t.jsx)("p",{className:"wsa-panel-sub",children:"Delhi–Mumbai standard surface transit time."})]}),(0,t.jsx)("div",{className:"wsa-vs",ref:l,children:"VS"}),(0,t.jsxs)("div",{className:"wsa-panel wsa-panel-wings",ref:s,children:[(0,t.jsx)("div",{className:"wsa-panel-label",children:"Doormile Wings"}),(0,t.jsxs)("div",{className:"wsa-value",children:["Max ",(0,t.jsx)(a.CountUp,{end:3,duration:1.4,triggerOnce:!0})]}),(0,t.jsx)("div",{className:"wsa-unit",children:"Hours, Door-to-Door"}),(0,t.jsx)("p",{className:"wsa-panel-sub",children:"Same-day delivery between major regional capitals."})]})]})})]})})]})}])},91607,e=>{e.v({eyebrow:"WingsHowItWorks-module__yyfdHG__eyebrow",flow:"WingsHowItWorks-module__yyfdHG__flow",header:"WingsHowItWorks-module__yyfdHG__header",headerRow:"WingsHowItWorks-module__yyfdHG__headerRow",progress:"WingsHowItWorks-module__yyfdHG__progress",progressCount:"WingsHowItWorks-module__yyfdHG__progressCount",progressFill:"WingsHowItWorks-module__yyfdHG__progressFill",progressTrack:"WingsHowItWorks-module__yyfdHG__progressTrack",section:"WingsHowItWorks-module__yyfdHG__section",sectionShell:"WingsHowItWorks-module__yyfdHG__sectionShell",step:"WingsHowItWorks-module__yyfdHG__step",stepActive:"WingsHowItWorks-module__yyfdHG__stepActive",stepBottom:"WingsHowItWorks-module__yyfdHG__stepBottom",stepDesc:"WingsHowItWorks-module__yyfdHG__stepDesc",stepIcon:"WingsHowItWorks-module__yyfdHG__stepIcon",stepNum:"WingsHowItWorks-module__yyfdHG__stepNum",stepTag:"WingsHowItWorks-module__yyfdHG__stepTag",stepTitle:"WingsHowItWorks-module__yyfdHG__stepTitle",stepTop:"WingsHowItWorks-module__yyfdHG__stepTop",title:"WingsHowItWorks-module__yyfdHG__title"})},48920,e=>{"use strict";var t=e.i(43476),r=e.i(71645),i=e.i(2018),n=e.i(91607);let a=[{label:"Local Pickup",desc:"Fast, on-demand first-mile logistics dispatched by electric vehicle.",icon:(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M3 13h13l3 4h2v3H3z"}),(0,t.jsx)("circle",{cx:"7",cy:"20",r:"1.6"}),(0,t.jsx)("circle",{cx:"16",cy:"20",r:"1.6"}),(0,t.jsx)("path",{d:"M6 13V8a1 1 0 0 1 1-1h5l3 6"})]})},{label:"Airport Clearance",desc:"Automated screening, grouping, and rapid cross-docking at the hub.",icon:(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"}),(0,t.jsx)("path",{d:"m9 12 2 2 4-4"})]})},{label:"Air Transit",desc:"Optimized cargo flights bypass surface congestion on our regional fleet.",icon:(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("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"})})},{label:"Destination Hub",desc:"Immediate de-consolidation and screening upon arrival.",icon:(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("rect",{x:"4",y:"10",width:"16",height:"11",rx:"1"}),(0,t.jsx)("path",{d:"M9 21v-6h6v6M4 10 12 3l8 7"})]})},{label:"EV Last-Mile",desc:"Zero-emission electric vehicles complete the final delivery.",icon:(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M3 13h13l3 4h2v3H3z"}),(0,t.jsx)("circle",{cx:"7",cy:"20",r:"1.6"}),(0,t.jsx)("circle",{cx:"16",cy:"20",r:"1.6"}),(0,t.jsx)("path",{d:"M6 13V8a1 1 0 0 1 1-1h5l3 6"})]})}];e.s(["default",0,function(){let[e,o]=(0,r.useState)(0);return(0,t.jsx)("section",{className:n.default.section,id:"wings-how-it-works",children:(0,t.jsxs)("div",{className:n.default.sectionShell,children:[(0,t.jsxs)("div",{className:n.default.headerRow,children:[(0,t.jsxs)(i.ScrollReveal,{delay:.05,duration:.75,yOffset:25,className:n.default.header,children:[(0,t.jsx)("div",{className:n.default.eyebrow,children:"/ How It Works /"}),(0,t.jsxs)("h2",{className:n.default.title,children:["Pickup to",(0,t.jsx)("br",{}),"delivery, one",(0,t.jsx)("br",{}),"connected flow"]})]}),(0,t.jsxs)("div",{className:n.default.progress,"aria-hidden":"true",children:[(0,t.jsxs)("span",{className:n.default.progressCount,children:[String(e+1).padStart(2,"0")," / ",String(a.length).padStart(2,"0")]}),(0,t.jsx)("span",{className:n.default.progressTrack,children:(0,t.jsx)("span",{className:n.default.progressFill,style:{width:`${(e+1)/a.length*100}%`}})})]})]}),(0,t.jsx)(i.StaggerChildren,{stagger:.06,duration:.6,yOffset:24,className:n.default.flow,children:a.map((r,i)=>(0,t.jsxs)("div",{className:`${n.default.step} ${i===e?n.default.stepActive:""}`,onMouseEnter:()=>o(i),onClick:()=>o(i),role:"button",tabIndex:0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&o(i)},children:[(0,t.jsxs)("div",{className:n.default.stepTop,children:[(0,t.jsx)("span",{className:n.default.stepNum,children:String(i+1).padStart(2,"0")}),(0,t.jsxs)("span",{className:n.default.stepTag,children:[(0,t.jsx)("span",{className:n.default.stepIcon,"aria-hidden":"true",children:r.icon}),"Step"]})]}),(0,t.jsxs)("div",{className:n.default.stepBottom,children:[(0,t.jsx)("h3",{className:n.default.stepTitle,children:r.label}),(0,t.jsx)("p",{className:n.default.stepDesc,children:r.desc})]})]},r.label))})]})})}])},55064,e=>{"use strict";var t=e.i(43476),r=e.i(71645),i=e.i(89970),n=e.i(2018);let a=[{title:"Demand Forecasting",desc:"AI-driven forward projection of cargo demand, preemptively positioning aircraft and ground capacity.",icon:(0,t.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M3 3v18h18"}),(0,t.jsx)("path",{d:"M7 14l4-4 3 3 6-7"})]})},{title:"Dynamic Pricing",desc:"Real-time rate adjustments that track market capacity fluctuations and optimize yield.",icon:(0,t.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,t.jsx)("path",{d:"M9.5 9.5c0-1.4 1.1-2.3 2.5-2.3s2.5.9 2.5 2c0 1.6-2.2 1.8-2.5 3.3M12 17h.01"})]})},{title:"Route Optimization",desc:"Dynamic scheduling for ground EV pickups and flights that bypasses congestion for the fastest path.",icon:(0,t.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),(0,t.jsx)("polyline",{points:"13 6 19 12 13 18"})]})},{title:"Load Balancing",desc:"Automated weight-and-balance modeling for optimal, safe aircraft load layout within minutes.",icon:(0,t.jsx)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M12 3v18M5 8l7-5 7 5M5 8v9a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8"})})},{title:"Predictive Maintenance",desc:"Continuous telemetry monitoring triggers preemptive alerts, drastically reducing aircraft downtime.",icon:(0,t.jsx)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M22 12h-6l-4 8-4-16-4 8H2"})})},{title:"Real-Time Tracking",desc:"End-to-end sensor monitoring keeps shippers, airline, and EV operators updated on exact shipment state.",icon:(0,t.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7Z"}),(0,t.jsx)("circle",{cx:"12",cy:"12",r:"3"})]})}];function o({children:e,className:n}){let a=(0,r.useRef)(null),s=(0,r.useRef)(null);return(0,r.useEffect)(()=>{let e=a.current,t=s.current;if(!e||!t||window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return;let r=r=>{let n=e.getBoundingClientRect(),a=r.clientX-n.left,o=r.clientY-n.top,s=n.width/2,l=n.height/2;i.default.to(e,{duration:.4,rotateX:-((o-l)/l*3),rotateY:(a-s)/s*3,y:-4,transformPerspective:1e3,ease:"power2.out"}),i.default.set(t,{"--mx":`${a}px`,"--my":`${o}px`}),i.default.to(t,{duration:.3,opacity:1,ease:"power2.out"}),i.default.to(e.querySelector(".wmt-card-icon"),{duration:.4,z:25,ease:"power2.out"}),i.default.to(e.querySelector(".wmt-card-title"),{duration:.4,z:15,ease:"power2.out"})},n=()=>{i.default.to(e,{duration:.8,rotateX:0,rotateY:0,y:0,ease:"power3.out"}),i.default.to(t,{duration:.5,opacity:0,ease:"power3.out"}),i.default.to(e.querySelectorAll(".wmt-card-icon, .wmt-card-title"),{duration:.8,z:0,ease:"power3.out"})};return e.addEventListener("mousemove",r),e.addEventListener("mouseleave",n),()=>{e.removeEventListener("mousemove",r),e.removeEventListener("mouseleave",n)}},[]),(0,t.jsxs)("div",{ref:a,className:n,children:[(0,t.jsx)("div",{ref:s,style:{position:"absolute",inset:0,borderRadius:"inherit",background:"radial-gradient(circle 220px at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, 0.08) 0%, rgba(200, 16, 46, 0.03) 40%, transparent 100%)",opacity:0,pointerEvents:"none",zIndex:0,transform:"translateZ(1px)",mixBlendMode:"screen"}}),(0,t.jsx)("div",{style:{position:"relative",zIndex:1,transformStyle:"preserve-3d"},children:e})]})}e.s(["default",0,function(){let e=(0,r.useRef)(null);return(0,r.useEffect)(()=>{let t,r=e.current;if(!r)return;let i=r.getContext("2d");if(!i)return;let n=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches,a=r.width=r.offsetWidth,o=r.height=r.offsetHeight,s=()=>{a=r.width=r.offsetWidth,o=r.height=r.offsetHeight};window.addEventListener("resize",s);let l=[{x:.12,y:.5},{x:.34,y:.25},{x:.56,y:.65},{x:.78,y:.3},{x:.92,y:.6}],d=[{from:0,to:1,t:0,speed:.006},{from:1,to:2,t:.4,speed:.005},{from:2,to:3,t:.15,speed:.007},{from:3,to:4,t:.6,speed:.005}],c=()=>{i.clearRect(0,0,a,o),i.lineWidth=1.5,i.setLineDash([6,6]),i.strokeStyle="rgba(200, 16, 46, 0.16)",i.beginPath();for(let e=0;e<l.length-1;e++)i.moveTo(l[e].x*a,l[e].y*o),i.lineTo(l[e+1].x*a,l[e+1].y*o);i.stroke(),i.setLineDash([]),n||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+(r.x*a-t.x*a)*e.t,s=t.y*o+(r.y*o-t.y*o)*e.t;i.beginPath(),i.arc(n,s,3.5,0,2*Math.PI),i.fillStyle="#c8102e",i.shadowColor="#c8102e",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,7,0,2*Math.PI),i.fillStyle="rgba(200, 16, 46, 0.1)",i.fill(),i.beginPath(),i.arc(t,r,3,0,2*Math.PI),i.fillStyle="rgba(255, 255, 255, 0.25)",i.fill()}),n||(t=requestAnimationFrame(c))};return c(),()=>{window.removeEventListener("resize",s),t&&cancelAnimationFrame(t)}},[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.wmt-section {
|
||
position: relative;
|
||
width: calc(100% - 40px);
|
||
margin: clamp(24px, 4vw, 40px) auto;
|
||
border-radius: 28px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
background: #09090b;
|
||
padding: clamp(64px, 8vw, 100px) clamp(24px, 5vw, 48px);
|
||
}
|
||
|
||
.wmt-canvas {
|
||
position: absolute;
|
||
inset: 0;
|
||
z-index: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
pointer-events: none;
|
||
opacity: 0.12;
|
||
}
|
||
|
||
.wmt-glow {
|
||
position: absolute;
|
||
width: 480px;
|
||
height: 480px;
|
||
border-radius: 50%;
|
||
pointer-events: none;
|
||
filter: blur(140px);
|
||
z-index: 0;
|
||
opacity: 0.06;
|
||
}
|
||
|
||
.wmt-glow.tl { left: -8%; top: -12%; background: radial-gradient(circle, #c8102e 0%, transparent 70%); }
|
||
.wmt-glow.br { right: -8%; bottom: -12%; background: radial-gradient(circle, #ff3b3b 0%, transparent 70%); }
|
||
|
||
.wmt-inner {
|
||
position: relative;
|
||
z-index: 1;
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.wmt-header {
|
||
margin: 0 auto 48px auto;
|
||
max-width: 720px;
|
||
text-align: center;
|
||
}
|
||
|
||
.wmt-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2.5px;
|
||
text-transform: uppercase;
|
||
color: #c8102e;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wmt-title {
|
||
font-size: clamp(28px, 3.4vw, 48px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.15 !important;
|
||
text-transform: none !important;
|
||
color: #ffffff !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.wmt-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
gap: 18px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.wmt-card {
|
||
min-width: 0;
|
||
position: relative;
|
||
background: rgba(255, 255, 255, 0.035);
|
||
border: 1px solid rgba(255, 255, 255, 0.07);
|
||
border-radius: 18px;
|
||
padding: 26px 22px;
|
||
transition: border-color 0.5s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
||
transform-style: preserve-3d;
|
||
will-change: transform;
|
||
}
|
||
|
||
.wmt-card:hover {
|
||
border-color: rgba(255, 255, 255, 0.16);
|
||
background-color: rgba(255, 255, 255, 0.055);
|
||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
|
||
}
|
||
|
||
.wmt-card-icon {
|
||
width: 40px;
|
||
height: 40px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-radius: 10px;
|
||
background: rgba(200, 16, 46, 0.12);
|
||
color: #ffffff;
|
||
margin-bottom: 18px;
|
||
}
|
||
|
||
.wmt-card-title {
|
||
font-size: 15.5px !important;
|
||
font-weight: 700 !important;
|
||
line-height: 1.3 !important;
|
||
text-transform: none !important;
|
||
color: #ffffff !important;
|
||
margin: 0 0 8px 0;
|
||
}
|
||
|
||
.wmt-card-desc {
|
||
font-size: 16px;
|
||
line-height: 1.55;
|
||
color: rgba(255, 255, 255, 0.55);
|
||
margin: 0;
|
||
}
|
||
|
||
.wmt-callout {
|
||
position: relative;
|
||
border-radius: 20px;
|
||
padding: 34px 32px;
|
||
background: linear-gradient(135deg, rgba(200, 16, 46, 0.95) 0%, rgba(110, 8, 26, 0.98) 100%);
|
||
border: 1px solid rgba(255, 255, 255, 0.15);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 24px;
|
||
flex-wrap: wrap;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.wmt-callout::after {
|
||
content: "";
|
||
position: absolute;
|
||
inset: -1.5px;
|
||
border-radius: 20px;
|
||
background: linear-gradient(90deg, #c8102e, #ff3366, #ff0033, #c8102e);
|
||
background-size: 300% 100%;
|
||
animation: wmt-sweep 6s linear infinite;
|
||
z-index: -1;
|
||
opacity: 0.6;
|
||
}
|
||
|
||
@keyframes wmt-sweep {
|
||
0% { background-position: 0% 50%; }
|
||
50% { background-position: 100% 50%; }
|
||
100% { background-position: 0% 50%; }
|
||
}
|
||
|
||
.wmt-callout-body { max-width: 640px; }
|
||
|
||
.wmt-callout-title {
|
||
font-size: 20px !important;
|
||
font-weight: 800 !important;
|
||
line-height: 1.3 !important;
|
||
text-transform: none !important;
|
||
color: #ffffff !important;
|
||
margin: 0 0 8px 0;
|
||
}
|
||
|
||
.wmt-callout-desc {
|
||
font-size: 14px;
|
||
line-height: 1.55;
|
||
color: rgba(255, 255, 255, 0.85);
|
||
margin: 0;
|
||
}
|
||
|
||
.wmt-callout-badge {
|
||
flex-shrink: 0;
|
||
font-size: 11.5px;
|
||
font-weight: 800;
|
||
letter-spacing: 1px;
|
||
text-transform: uppercase;
|
||
color: #ffffff;
|
||
background: rgba(255, 255, 255, 0.15);
|
||
border: 1px solid rgba(255, 255, 255, 0.25);
|
||
border-radius: 999px;
|
||
padding: 8px 16px;
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.wmt-section { width: calc(100% - 24px); border-radius: 22px; }
|
||
.wmt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||
}
|
||
|
||
@media (max-width: 600px) {
|
||
.wmt-grid { grid-template-columns: 1fr; }
|
||
.wmt-callout { flex-direction: column; align-items: flex-start; }
|
||
/* The vertical clamp() floors at a fixed 64px on any phone width;
|
||
trimmed to a real mobile value to match the section rhythm near
|
||
the footer. Horizontal padding is left untouched (its own
|
||
clamp already resolves small on phones). */
|
||
.wmt-section { padding-top: 48px; padding-bottom: 48px; }
|
||
}
|
||
`}}),(0,t.jsxs)("section",{className:"wmt-section",id:"wings-miletruth",children:[(0,t.jsx)("canvas",{ref:e,className:"wmt-canvas","aria-hidden":"true"}),(0,t.jsx)("div",{className:"wmt-glow tl","aria-hidden":"true"}),(0,t.jsx)("div",{className:"wmt-glow br","aria-hidden":"true"}),(0,t.jsxs)("div",{className:"wmt-inner dm-section-container",children:[(0,t.jsxs)(n.ScrollReveal,{delay:.05,duration:.75,yOffset:25,className:"wmt-header",children:[(0,t.jsx)("div",{className:"wmt-eyebrow",children:"/ MileTruth™ AI /"}),(0,t.jsx)("h2",{className:"wmt-title",children:"The intelligence layer behind every delivery"})]}),(0,t.jsx)(n.StaggerChildren,{stagger:.08,duration:.65,yOffset:25,className:"wmt-grid",children:a.map(e=>(0,t.jsxs)(o,{className:"wmt-card",children:[(0,t.jsx)("div",{className:"wmt-card-icon","aria-hidden":"true",children:e.icon}),(0,t.jsx)("h3",{className:"wmt-card-title",children:e.title}),(0,t.jsx)("p",{className:"wmt-card-desc",children:e.desc})]},e.title))}),(0,t.jsx)(n.ScrollReveal,{delay:.15,duration:.8,yOffset:25,children:(0,t.jsxs)("div",{className:"wmt-callout",children:[(0,t.jsxs)("div",{className:"wmt-callout-body",children:[(0,t.jsx)("h3",{className:"wmt-callout-title",children:"Digital Twin of the Logistics Network"}),(0,t.jsx)("p",{className:"wmt-callout-desc",children:"A live virtual model of every ground vehicle, terminal, and flight — simulating what-if scenarios before bottlenecks ever form."})]}),(0,t.jsx)("span",{className:"wmt-callout-badge",children:"SaaS Ready"})]})})]})]})]})}])},13378,e=>{"use strict";var t=e.i(43476),r=e.i(71645);let i=[{year:"Year 1",trackLeft:"10%",phase:"Launch Phase",phaseClass:"yellow",desc:"Establish localized clearance hubs and launch cargo services connecting 5–6 key commercial cities."},{year:"Year 2",trackLeft:"30%",phase:"Network Growth",phaseClass:"green",desc:"Expand hub operations and airfield schedules, serving 15 regional and secondary cargo airports."},{year:"Year 3",trackLeft:"50%",phase:"Cross-Border Nodes",phaseClass:"blue",desc:"Add international regional routes, bridging key freight corridors in South Asia."},{year:"Year 5",trackLeft:"70%",phase:"Operational Scale",phaseClass:"blue",desc:"Expand to a fleet of 25 leased cargo aircraft, servicing over 50 regional airports nationwide."},{year:"Year 10",trackLeft:"90%",phase:"Global Duplication",phaseClass:"white-pill",desc:"Replicate our asset-light, AI-powered logistics framework across Asia, Africa, and the Middle East.",glow:!0}];e.s(["default",0,function(){let[e,n]=(0,r.useState)(i.length-1),a=(e+1)/i.length*100;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.wrm-section {
|
||
position: relative;
|
||
width: calc(100% - 40px);
|
||
margin: clamp(32px, 4vw, 56px) auto clamp(16px, 2vw, 32px);
|
||
border-radius: 28px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
background: #09090b;
|
||
padding: clamp(40px, 5vw, 64px) clamp(24px, 5vw, 48px);
|
||
}
|
||
|
||
.wrm-header {
|
||
margin: 0 auto 44px auto;
|
||
max-width: 720px;
|
||
text-align: center;
|
||
}
|
||
|
||
.wrm-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2.5px;
|
||
text-transform: uppercase;
|
||
color: #c8102e;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wrm-title {
|
||
font-size: clamp(28px, 3.4vw, 48px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.15 !important;
|
||
text-transform: none !important;
|
||
color: #ffffff !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.wrm-inner {
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.wrm-track-wrap {
|
||
position: relative;
|
||
height: 4px;
|
||
background: rgba(255, 255, 255, 0.08);
|
||
border-radius: 2px;
|
||
margin: 0 auto 44px auto;
|
||
}
|
||
|
||
.wrm-track-fill {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
background: #c8102e;
|
||
box-shadow: 0 0 10px #c8102e;
|
||
border-radius: 2px;
|
||
transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
||
}
|
||
|
||
.wrm-nodes { position: absolute; inset: 0; }
|
||
|
||
.wrm-node {
|
||
position: absolute;
|
||
top: 50%;
|
||
transform: translate(-50%, -50%);
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: #18181b;
|
||
border: 2px solid rgba(255, 255, 255, 0.2);
|
||
transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
|
||
}
|
||
|
||
.wrm-node.is-active {
|
||
background: #c8102e;
|
||
border-color: #ffffff;
|
||
box-shadow: 0 0 10px #c8102e;
|
||
}
|
||
|
||
.wrm-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(5, minmax(0, 1fr));
|
||
gap: 16px;
|
||
}
|
||
|
||
.wrm-card {
|
||
position: relative;
|
||
min-width: 0;
|
||
padding: 24px 20px;
|
||
border-radius: 16px;
|
||
border: 1px solid rgba(255, 255, 255, 0.07);
|
||
background: rgba(255, 255, 255, 0.03);
|
||
cursor: pointer;
|
||
transition: border-color 0.4s ease, background-color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease;
|
||
}
|
||
|
||
.wrm-card:hover,
|
||
.wrm-card.is-active {
|
||
transform: translateY(-6px);
|
||
border-color: rgba(200, 16, 46, 0.5);
|
||
background: rgba(200, 16, 46, 0.06);
|
||
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3);
|
||
}
|
||
|
||
.wrm-card-year {
|
||
font-size: 20px;
|
||
font-weight: 900;
|
||
color: #ffffff;
|
||
letter-spacing: -0.5px;
|
||
margin-bottom: 14px;
|
||
}
|
||
|
||
.wrm-phase-pill {
|
||
display: inline-block;
|
||
font-size: 10.5px;
|
||
font-weight: 800;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.5px;
|
||
padding: 4px 9px;
|
||
border-radius: 6px;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.wrm-phase-pill.yellow { background: rgba(234,179,8,0.12); color: #eab308; border: 1px solid rgba(234,179,8,0.2); }
|
||
.wrm-phase-pill.green { background: rgba(34,197,94,0.12); color: #22c55e; border: 1px solid rgba(34,197,94,0.2); }
|
||
.wrm-phase-pill.blue { background: rgba(59,130,246,0.12); color: #3b82f6; border: 1px solid rgba(59,130,246,0.2); }
|
||
.wrm-phase-pill.white-pill { background: rgba(255,255,255,0.12); color: #ffffff; border: 1px solid rgba(255,255,255,0.2); }
|
||
|
||
.wrm-card-desc {
|
||
font-size: 14.5px;
|
||
line-height: 1.55;
|
||
color: rgba(255, 255, 255, 0.55);
|
||
margin: 0;
|
||
}
|
||
|
||
.wrm-card.wrm-glow {
|
||
background: linear-gradient(135deg, rgba(200, 16, 46, 0.95) 0%, rgba(110, 8, 26, 0.98) 100%);
|
||
border-color: rgba(255, 255, 255, 0.15);
|
||
}
|
||
|
||
.wrm-card.wrm-glow .wrm-card-desc { color: rgba(255, 255, 255, 0.85); }
|
||
.wrm-card.wrm-glow:hover,
|
||
.wrm-card.wrm-glow.is-active {
|
||
box-shadow: 0 20px 40px rgba(200, 16, 46, 0.45);
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.wrm-section { width: calc(100% - 24px); border-radius: 22px; }
|
||
.wrm-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
/* Both the outer margin-top and the internal vertical padding
|
||
clamp()s floor at fixed, sizeable values (56px + 64px = ~120px
|
||
combined) on any phone width — noticeably heavier than the
|
||
section rhythm near the footer. Horizontal padding is left
|
||
untouched (its own clamp already resolves small on phones). */
|
||
.wrm-section {
|
||
margin-top: 24px;
|
||
padding-top: 32px;
|
||
padding-bottom: 32px;
|
||
}
|
||
.wrm-track-wrap { display: none; }
|
||
.wrm-grid {
|
||
grid-template-columns: 1fr;
|
||
gap: 14px;
|
||
position: relative;
|
||
padding-left: 26px;
|
||
}
|
||
.wrm-grid::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 5px;
|
||
top: 8px;
|
||
bottom: 8px;
|
||
width: 2px;
|
||
border-radius: 2px;
|
||
background: rgba(255, 255, 255, 0.12);
|
||
}
|
||
.wrm-card { position: relative; }
|
||
.wrm-card::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: -25px;
|
||
top: 22px;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: #18181b;
|
||
border: 2px solid rgba(255, 255, 255, 0.2);
|
||
}
|
||
.wrm-card.is-active::before,
|
||
.wrm-card:hover::before {
|
||
background: #c8102e;
|
||
border-color: #ffffff;
|
||
box-shadow: 0 0 10px rgba(200, 16, 46, 0.7);
|
||
}
|
||
}
|
||
`}}),(0,t.jsx)("section",{className:"wrm-section",id:"wings-roadmap",children:(0,t.jsxs)("div",{className:"dm-section-container",children:[(0,t.jsxs)("div",{className:"wrm-header",children:[(0,t.jsx)("div",{className:"wrm-eyebrow",children:"/ Future Roadmap /"}),(0,t.jsx)("h2",{className:"wrm-title",children:"A ten-year path to national scale"})]}),(0,t.jsxs)("div",{className:"wrm-inner",children:[(0,t.jsxs)("div",{className:"wrm-track-wrap","aria-hidden":"true",children:[(0,t.jsx)("div",{className:"wrm-track-fill",style:{width:`${a}%`}}),(0,t.jsx)("div",{className:"wrm-nodes",children:i.map((r,n)=>(0,t.jsx)("div",{className:`wrm-node${n<=e?" is-active":""}`,style:{left:`${(n+.5)/i.length*100}%`}},n))})]}),(0,t.jsx)("div",{className:"wrm-grid",children:i.map((r,i)=>(0,t.jsxs)("div",{className:`wrm-card${r.glow?" wrm-glow":""}${i===e?" is-active":""}`,onMouseEnter:()=>n(i),onClick:()=>n(i),role:"button",tabIndex:0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&n(i)},children:[(0,t.jsx)("div",{className:"wrm-card-year",children:r.year}),(0,t.jsx)("span",{className:`wrm-phase-pill ${r.phaseClass}`,children:r.phase}),(0,t.jsx)("p",{className:"wrm-card-desc",children:r.desc})]},r.year))})]})]})})]})}])}]); |