214 lines
18 KiB
JavaScript
214 lines
18 KiB
JavaScript
module.exports=[32245,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"BailoutToCSR",{enumerable:!0,get:function(){return e}});let d=a.r(41997);function e({reason:a,children:b}){throw Object.defineProperty(new d.BailoutToCSRError(a),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0})}},7773,(a,b,c)=>{"use strict";function d(a){return a.split("/").map(a=>encodeURIComponent(a)).join("/")}Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"encodeURIPath",{enumerable:!0,get:function(){return d}})},97458,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"PreloadChunks",{enumerable:!0,get:function(){return i}});let d=a.r(87924),e=a.r(35112),f=a.r(56704),g=a.r(7773),h=a.r(68063);function i({moduleIds:a}){let b=f.workAsyncStorage.getStore();if(void 0===b)return null;let c=[];if(b.reactLoadableManifest&&a){let d=b.reactLoadableManifest;for(let b of a){if(!d[b])continue;let a=d[b].files;c.push(...a)}}if(0===c.length)return null;let j=(0,h.getAssetTokenQuery)();return(0,d.jsx)(d.Fragment,{children:c.map(a=>{let c=`${b.assetPrefix}/_next/${(0,g.encodeURIPath)(a)}${j}`;return a.endsWith(".css")?(0,d.jsx)("link",{precedence:"dynamic",href:c,rel:"stylesheet",as:"style",nonce:b.nonce},a):((0,e.preload)(c,{as:"script",fetchPriority:"low",nonce:b.nonce}),null)})})}},69853,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"default",{enumerable:!0,get:function(){return j}});let d=a.r(87924),e=a.r(72131),f=a.r(32245),g=a.r(97458);function h(a){return{default:a&&"default"in a?a.default:a}}let i={loader:()=>Promise.resolve(h(()=>null)),loading:null,ssr:!0},j=function(a){let b={...i,...a},c=(0,e.lazy)(()=>b.loader().then(h)),j=b.loading;function k(a){let h=j?(0,d.jsx)(j,{isLoading:!0,pastDelay:!0,error:null}):null,i=!b.ssr||!!b.loading,k=i?e.Suspense:e.Fragment,l=b.ssr?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(g.PreloadChunks,{moduleIds:b.modules}),(0,d.jsx)(c,{...a})]}):(0,d.jsx)(f.BailoutToCSR,{reason:"next/dynamic",children:(0,d.jsx)(c,{...a})});return(0,d.jsx)(k,{...i?{fallback:h}:{},children:l})}return k.displayName="LoadableComponent",k}},19721,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"default",{enumerable:!0,get:function(){return e}});let d=a.r(33354)._(a.r(69853));function e(a,b){let c={};"function"==typeof a&&(c.loader=a);let e={...c,...b};return(0,d.default)({...e,modules:e.loadableGenerated?.modules})}("function"==typeof c.default||"object"==typeof c.default&&null!==c.default)&&void 0===c.default.__esModule&&(Object.defineProperty(c.default,"__esModule",{value:!0}),Object.assign(c.default,c),b.exports=c.default)},690,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(35112);a.s(["default",0,function(){(0,d.preload)("/images/home2-banner-1.webp",{as:"image"});let[a,e]=(0,c.useState)(0);(0,c.useEffect)(()=>{let a=setInterval(()=>{e(a=>+(0===a))},7e3);return()=>clearInterval(a)},[]);let f=a=>{e(a)};return(0,b.jsxs)(b.Fragment,{children:[(0,b.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.webp') !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.webp') !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 !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;
|
|
padding-left: 15px !important;
|
|
padding-right: 15px !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;
|
|
padding-left: 15px !important;
|
|
padding-right: 15px !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: 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;
|
|
}
|
|
|
|
/* 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: 0 !important;
|
|
padding-right: 0 !important;
|
|
box-sizing: border-box !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.elementor-element.elementor-element-741f56c {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
--padding-top: 0px !important;
|
|
--padding-block-start: 0px !important;
|
|
padding: 0 10px 10px 10px !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: 0 !important;
|
|
padding-right: 0 !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,b.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,b.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,b.jsx)("div",{className:"elementor-widget-container",children:(0,b.jsx)("div",{className:"logico-content-slider-widget",children:(0,b.jsx)("div",{className:"content-slider-wrapper",children:(0,b.jsx)("div",{className:"content-slider-container",children:(0,b.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,b.jsx)("div",{className:"owl-stage-outer",style:{position:"relative",overflow:"hidden",height:"800px"},children:(0,b.jsxs)("div",{className:"owl-stage",style:{position:"relative",width:"100%",height:"100%"},children:[(0,b.jsx)("div",{className:`owl-item ${0===a?"active":""}`,style:{position:"relative",width:"100%",opacity:+(0===a),visibility:0===a?"visible":"hidden",transition:"opacity 0.8s ease-in-out, visibility 0.8s ease-in-out",zIndex:0===a?2:1},children:(0,b.jsx)("div",{className:"content-item slider-item elementor-repeater-item-3264830 slide-style-standard howits-hero-custom-bg",children:(0,b.jsx)("div",{className:"slide-content",children:(0,b.jsxs)("div",{className:"slide-content-inner",children:[(0,b.jsx)("h1",{className:"content-slider-item-heading logico-content-wrapper-1",children:(0,b.jsxs)("span",{className:"heading-content",children:["One Journey. Complete",(0,b.jsx)("br",{}),"Control."]})}),(0,b.jsx)("div",{className:"content-slider-item-text logico-content-wrapper-2",children:(0,b.jsx)("div",{className:"text-content",children:(0,b.jsx)("p",{children:"See how Doormile connects first, mid, and last mile into a seamless delivery experience powered by MileTruth™ AI."})})})]})})})}),(0,b.jsx)("div",{className:`owl-item ${1===a?"active":""}`,style:{position:"absolute",top:0,left:0,width:"100%",opacity:+(1===a),visibility:1===a?"visible":"hidden",transition:"opacity 0.8s ease-in-out, visibility 0.8s ease-in-out",zIndex:1===a?2:1},children:(0,b.jsx)("div",{className:"content-item slider-item elementor-repeater-item-6867061 slide-style-standard howits-hero-custom-bg",children:(0,b.jsx)("div",{className:"slide-content",children:(0,b.jsxs)("div",{className:"slide-content-inner",children:[(0,b.jsx)("h1",{className:"content-slider-item-heading logico-content-wrapper-1",children:(0,b.jsxs)("span",{className:"heading-content",children:["A New Logisitics",(0,b.jsx)("br",{}),"Experience"]})}),(0,b.jsx)("div",{className:"content-slider-item-text logico-content-wrapper-2",children:(0,b.jsx)("div",{className:"text-content",children:(0,b.jsx)("p",{children:"See how Doormile connects first, mid, and last mile into a seamless delivery experience powered by MileTruth™ AI."})})})]})})})})]})}),(0,b.jsxs)("div",{className:"owl-nav",children:[(0,b.jsx)("button",{type:"button",className:"owl-next",onClick:()=>e(a=>+(0===a)),"aria-label":"Next",style:{cursor:"pointer",border:"none",outline:"none"}}),(0,b.jsx)("button",{type:"button",className:"owl-prev",onClick:()=>e(a=>+(0===a)),"aria-label":"Previous",style:{cursor:"pointer",border:"none",outline:"none"}})]}),(0,b.jsx)("div",{className:"slider-footer slider-footer-position-after slider-footer-width-full slider-footer-view-inside",children:(0,b.jsx)("div",{className:"slider-footer-content",children:(0,b.jsxs)("div",{className:"slider-pagination",style:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"10px"},children:[(0,b.jsxs)("div",{className:"slider-progress-wrapper",style:{marginRight:"35px",display:"flex",flexDirection:"column",alignItems:"flex-start"},children:[(0,b.jsxs)("div",{style:{fontSize:"16px",fontWeight:600,color:"#FFFFFF",marginBottom:"4px"},children:[(0,b.jsx)("span",{className:"slider-progress-current",children:0===a?"01":"02"})," / ",(0,b.jsx)("span",{className:"slider-progress-all",style:{opacity:.6},children:"02"})]}),(0,b.jsx)("div",{style:{width:"80px",height:"2px",background:"rgba(255, 255, 255, 0.2)",position:"relative",borderRadius:"1px",overflow:"hidden"},children:(0,b.jsx)("div",{style:{position:"absolute",left:0===a?"0":"50%",width:"50%",height:"100%",background:"#c01227",transition:"left 0.3s ease"}})})]}),(0,b.jsxs)("div",{className:"owl-dots owl-dots-6c7cbcb",style:{display:"none"},children:[(0,b.jsx)("button",{type:"button",role:"button",className:`owl-dot ${0===a?"active":""}`,onClick:()=>f(0),children:(0,b.jsx)("span",{})}),(0,b.jsx)("button",{type:"button",role:"button",className:`owl-dot ${1===a?"active":""}`,onClick:()=>f(1),children:(0,b.jsx)("span",{})})]})]})})})]})})})})})})})]})}])},27800,a=>{"use strict";var b=a.i(87924);let c=(0,a.i(19721).default)(async()=>{},{loadableGenerated:{modules:[88493]},ssr:!1,loading:()=>(0,b.jsx)("div",{style:{minHeight:"100vh"},"aria-hidden":!0})});a.s(["default",0,function(){return(0,b.jsx)(c,{})}])}];
|
|
|
|
//# sourceMappingURL=_0zmlo4s._.js.map
|