201 lines
18 KiB
JavaScript
201 lines
18 KiB
JavaScript
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,67585,(e,t,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BailoutToCSR",{enumerable:!0,get:function(){return r}});let i=e.r(32061);function r({reason:e,children:t}){if("u"<typeof window)throw Object.defineProperty(new i.BailoutToCSRError(e),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});return t}},9885,(e,t,n)=>{"use strict";function i(e){return e.split("/").map(e=>encodeURIComponent(e)).join("/")}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"encodeURIPath",{enumerable:!0,get:function(){return i}})},52157,(e,t,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"PreloadChunks",{enumerable:!0,get:function(){return s}});let i=e.r(43476),r=e.r(74080),o=e.r(63599),l=e.r(9885),a=e.r(43369);function s({moduleIds:e}){if("u">typeof window)return null;let t=o.workAsyncStorage.getStore();if(void 0===t)return null;let n=[];if(t.reactLoadableManifest&&e){let i=t.reactLoadableManifest;for(let t of e){if(!i[t])continue;let e=i[t].files;n.push(...e)}}if(0===n.length)return null;let m=(0,a.getAssetTokenQuery)();return(0,i.jsx)(i.Fragment,{children:n.map(e=>{let n=`${t.assetPrefix}/_next/${(0,l.encodeURIPath)(e)}${m}`;return e.endsWith(".css")?(0,i.jsx)("link",{precedence:"dynamic",href:n,rel:"stylesheet",as:"style",nonce:t.nonce},e):((0,r.preload)(n,{as:"script",fetchPriority:"low",nonce:t.nonce}),null)})})}},69093,(e,t,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return m}});let i=e.r(43476),r=e.r(71645),o=e.r(67585),l=e.r(52157);function a(e){return{default:e&&"default"in e?e.default:e}}let s={loader:()=>Promise.resolve(a(()=>null)),loading:null,ssr:!0},m=function(e){let t={...s,...e},n=(0,r.lazy)(()=>t.loader().then(a)),m=t.loading;function c(e){let a=m?(0,i.jsx)(m,{isLoading:!0,pastDelay:!0,error:null}):null,s=!t.ssr||!!t.loading,c=s?r.Suspense:r.Fragment,d=t.ssr?(0,i.jsxs)(i.Fragment,{children:["u"<typeof window?(0,i.jsx)(l.PreloadChunks,{moduleIds:t.modules}):null,(0,i.jsx)(n,{...e})]}):(0,i.jsx)(o.BailoutToCSR,{reason:"next/dynamic",children:(0,i.jsx)(n,{...e})});return(0,i.jsx)(c,{...s?{fallback:a}:{},children:d})}return c.displayName="LoadableComponent",c}},70703,(e,t,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return r}});let i=e.r(55682)._(e.r(69093));function r(e,t){let n={};"function"==typeof e&&(n.loader=e);let r={...n,...t};return(0,i.default)({...r,modules:r.loadableGenerated?.modules})}("function"==typeof n.default||"object"==typeof n.default&&null!==n.default)&&void 0===n.default.__esModule&&(Object.defineProperty(n.default,"__esModule",{value:!0}),Object.assign(n.default,n),t.exports=n.default)},74528,e=>{"use strict";var t=e.i(43476),n=e.i(71645);e.s(["default",0,function(){let[e,i]=(0,n.useState)(0);(0,n.useEffect)(()=>{let e=setInterval(()=>{i(e=>+(0===e))},7e3);return()=>clearInterval(e)},[]);let r=e=>{i(e)};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
|
.howits-hero-custom-bg.elementor-repeater-item-3264830,
|
|
.howits-hero-custom-bg.elementor-repeater-item-6867061 {
|
|
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)), url('/images/home2-banner-1.jpg') !important;
|
|
background-position: center !important;
|
|
background-repeat: no-repeat !important;
|
|
background-size: cover !important;
|
|
}
|
|
|
|
.howits-hero-custom-bg.elementor-repeater-item-6867061 {
|
|
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)), url('/images/home1-slide-2.png') !important;
|
|
background-position: center !important;
|
|
background-repeat: no-repeat !important;
|
|
background-size: cover !important;
|
|
}
|
|
|
|
/* Center alignments for standard content slider elements */
|
|
.elementor-element.elementor-element-6c7cbcb .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 40px !important;
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-6c7cbcb .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;
|
|
/* site.css gives the inner content-box sizing + 20px padding,
|
|
which makes it 40px wider than its parent and overflows.
|
|
Force border-box so width:100% actually fits. */
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-6c7cbcb .content-slider-item-heading,
|
|
.elementor-element.elementor-element-6c7cbcb .content-slider-item-heading .heading-content {
|
|
text-align: center !important;
|
|
display: block !important;
|
|
width: 100% !important;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-6c7cbcb .content-slider-item-text {
|
|
display: flex !important;
|
|
justify-content: center !important;
|
|
width: 100% !important;
|
|
margin-top: 23px !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-6c7cbcb .text-content {
|
|
text-align: center !important;
|
|
max-width: 820px !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
|
|
/* Larger, more readable hero subtitle on large/4K screens */
|
|
.elementor-element.elementor-element-6c7cbcb .content-slider-item-text p {
|
|
font-size: clamp(16px, 1.35vw, 23px) !important;
|
|
line-height: 1.65 !important;
|
|
}
|
|
|
|
@media (min-width: 1025px) {
|
|
/* Match Home's hero frame so the floating navbar sits with the same
|
|
breathing space. Home (.elementor-61) frames the hero card at 20px;
|
|
this page falls through to the shared kit's 32px base. */
|
|
.elementor-element.elementor-element-741f56c {
|
|
padding: 20px !important;
|
|
}
|
|
.elementor-element.elementor-element-6c7cbcb .owl-carousel.owl-theme .content-item {
|
|
height: 800px !important;
|
|
min-height: 800px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
.elementor-element.elementor-element-741f56c {
|
|
width: calc(100% - 40px) !important;
|
|
max-width: none !important;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
overflow: hidden !important;
|
|
border-radius: 25px !important;
|
|
}
|
|
|
|
/* Collapse the stage-outer to the slide height so no empty
|
|
black space is left below the hero card on mobile/tablet. */
|
|
.elementor-element.elementor-element-6c7cbcb .owl-stage-outer {
|
|
height: 620px !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-6c7cbcb .owl-carousel.owl-theme .content-item {
|
|
width: 100% !important;
|
|
min-height: 620px !important;
|
|
height: 620px !important;
|
|
border-radius: 25px !important;
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-6c7cbcb .slide-content {
|
|
width: 100% !important;
|
|
min-height: 620px !important;
|
|
padding-left: 48px !important;
|
|
padding-right: 48px !important;
|
|
box-sizing: border-box !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.elementor-element.elementor-element-741f56c {
|
|
width: calc(100% - 24px) !important;
|
|
border-radius: 22px !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-6c7cbcb .owl-stage-outer {
|
|
height: 560px !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-6c7cbcb .owl-carousel.owl-theme .content-item {
|
|
min-height: 560px !important;
|
|
height: 560px !important;
|
|
border-radius: 22px !important;
|
|
}
|
|
|
|
/* Center BOTH slides' content. Use the .elementor prefix +
|
|
repeater-item classes so these beat the per-slide rules in
|
|
site.css (slide 1 has no centering there; slide 2 carries an
|
|
asymmetric top margin). */
|
|
.elementor .elementor-element.elementor-element-6c7cbcb .slide-content {
|
|
min-height: 560px !important;
|
|
padding-left: 22px !important;
|
|
padding-right: 22px !important;
|
|
align-items: center !important;
|
|
justify-content: center !important;
|
|
text-align: center !important;
|
|
}
|
|
|
|
.elementor .elementor-element.elementor-element-6c7cbcb .elementor-repeater-item-3264830 .slide-content-inner,
|
|
.elementor .elementor-element.elementor-element-6c7cbcb .elementor-repeater-item-6867061 .slide-content-inner {
|
|
margin: 0 auto !important;
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
box-sizing: border-box !important;
|
|
align-items: center !important;
|
|
text-align: center !important;
|
|
}
|
|
|
|
.elementor .elementor-element.elementor-element-6c7cbcb .content-slider-item-heading,
|
|
.elementor .elementor-element.elementor-element-6c7cbcb .content-slider-item-text,
|
|
.elementor .elementor-element.elementor-element-6c7cbcb .text-content {
|
|
text-align: center !important;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
}
|
|
|
|
/* Smaller, fitting heading so it never overflows the card edge.
|
|
site.css forced clamp(38px,11vw,48px) which clipped at 320px. */
|
|
.elementor .elementor-element.elementor-element-6c7cbcb .elementor-repeater-item-3264830 .content-slider-item-heading,
|
|
.elementor .elementor-element.elementor-element-6c7cbcb .elementor-repeater-item-6867061 .content-slider-item-heading {
|
|
max-width: 100% !important;
|
|
font-size: clamp(26px, 8vw, 34px) !important;
|
|
line-height: 1.12 !important;
|
|
overflow-wrap: break-word !important;
|
|
}
|
|
|
|
/* Slide counter ("01/02"): keep it bottom-RIGHT, aligned with the
|
|
hero text padding (22px) and lifted cleanly off the edge. */
|
|
.elementor .elementor-element.elementor-element-6c7cbcb .slider-footer {
|
|
text-align: right !important;
|
|
margin-bottom: 24px !important;
|
|
}
|
|
.elementor .elementor-element.elementor-element-6c7cbcb .slider-footer .slider-pagination {
|
|
justify-content: flex-end !important;
|
|
margin-left: 22px !important;
|
|
margin-right: 22px !important;
|
|
}
|
|
/* The wide dot navigation eats the right side and shoves "01/02" to
|
|
the centre. Hide it on mobile (matching the home hero) so the
|
|
counter sits cleanly on the right. */
|
|
.elementor .elementor-element.elementor-element-6c7cbcb .owl-dots {
|
|
display: none !important;
|
|
}
|
|
/* Hide the prev/next arrows on mobile (they overlap the counter) —
|
|
slides still auto-rotate, matching the home hero. */
|
|
.elementor .elementor-element.elementor-element-6c7cbcb .owl-nav {
|
|
display: none !important;
|
|
}
|
|
}
|
|
`}}),(0,t.jsx)("div",{className:"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",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 howits-hero-custom-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:["One Journey. Complete",(0,t.jsx)("br",{}),"Control."]})}),(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:"See how Doormile connects first, mid, and last mile into a seamless delivery experience powered by MileTruth™ AI."})})})]})})})}),(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 howits-hero-custom-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:["A New Logisitics",(0,t.jsx)("br",{}),"Experience"]})}),(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:"See how Doormile connects first, mid, and last mile into a seamless delivery experience powered by MileTruth™ AI."})})})]})})})})]})}),(0,t.jsxs)("div",{className:"owl-nav",children:[(0,t.jsx)("button",{type:"button",className:"owl-next",onClick:()=>i(e=>+(0===e)),"aria-label":"Next",style:{cursor:"pointer",border:"none",outline:"none"}}),(0,t.jsx)("button",{type:"button",className:"owl-prev",onClick:()=>i(e=>+(0===e)),"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:()=>r(0),children:(0,t.jsx)("span",{})}),(0,t.jsx)("button",{type:"button",role:"button",className:`owl-dot ${1===e?"active":""}`,onClick:()=>r(1),children:(0,t.jsx)("span",{})})]})]})})})]})})})})})})})]})}])},16948,e=>{"use strict";var t=e.i(43476);let n=(0,e.i(70703).default)(()=>e.A(19386),{loadableGenerated:{modules:[88493]},ssr:!1,loading:()=>(0,t.jsx)("div",{style:{minHeight:"100vh"},"aria-hidden":!0})});e.s(["default",0,function(){return(0,t.jsx)(n,{})}])},19386,e=>{e.v(t=>Promise.all(["static/chunks/0b561qo91.1jg.js","static/chunks/0z.yqo_x18f48.js","static/chunks/07y.~m6x75v53.js","static/chunks/0o27ue53hohz_.js","static/chunks/0zozt9p9-3srt.css"].map(t=>e.l(t))).then(()=>t(88493)))}]); |