https://www.carshippers.ai/assets/how-it-works-B2E4hxyP.js

1import{a as C,j as e}from"./vendor-react-B2yXUpJz.js";import{w as z}from"./vendor-tanstack-router-LfX9NekQ.js";import{i as _,U as P,P as I,n as d,W,o as c,E as j,l as x,d as y,c as k,L as q,m as o,S as T,t as L,v as R,a as E,r as A}from"./index-xhV5zqee.js";import{S as g,F as B,a as M}from"./faq-item-l00nF5uv.js";import{Q as D}from"./quote-cta-button-kKZrZMq_.js";import{H as F}from"./headline-parts-DcK9FEuq.js";import{u as O}from"./use-preload-image-Cl4rYjOs.js";import{f as $,m as Q,a as K,b as U,c as G,g as v}from"./how-it-works-page-strapi-Bu8djYcc.js";import{u as V}from"./use-progressive-cms-sections-ENRO4AN2.js";import{u as J}from"./use-deferred-shell-cms-CG1yJl9N.js";import{S as X}from"./SeoSchema-KGLCCSll.js";import{b as Y}from"./buildBasicPageSchema-DvhdGxsM.js";import"./vendor-react-dom-jsSkwV1-.js";import"./vendor-tanstack-query-BOzNBcA8.js";import"./index-DYi00S7n.js";import"./index-vKHJ5pi4.js";import"./index-D2WlJHtc.js";import"./package-check-BhvaM_i7.js";import"./navigation-C4XJ-v2A.js";import"./clipboard-check-QSgH0H6V.js";import"./cpu-BijpiteF.js";import"./file-text-DXcc-eFa.js";import"./organization-schema-Cl9ZwQ0k.js";import"./seo-page-parts-B7JCzi6z.js";import"./seo-Cr4MU-Vb.js";import"./search-D3k8OvaX.js";import"./package-DE13cnaY.js";import"./award-DdeBj3Xo.js";import"./bell-BoStNKmW.js";import"./building-2-B3ZxJxfw.js";import"./clock-DBKJpcD3.js";import"./satellite-CsTC2gvI.js";import"./lock-C4eSghx1.js";import"./lazy-hero-quote-form-DdZE7vp2.js";const Z=z("/how-car-shipping-works");function i({parts:t,as:l="h2",className:a,style:n}){return e.jsx(l,{className:a,style:n,children:e.jsx(F,{before:t.before,highlight:t.highlight,middle:t.middle,trailing:t.trailing})})}function ee({parts:t,className:l}){return e.jsx("p",{className:l,children:t.map((a,n)=>{const m=a.text.includes("@");return m&&a.highlighted?e.jsx("a",{className:"text-brand hover:text-brand-hover",href:`mailto:${a.text}`,children:a.text},n):e.jsx("span",{className:k(a.bold&&"font-bold text-foreground",a.italic&&"italic",a.highlighted&&!m&&"font-semibold text-brand"),children:a.text},n)})})}function w({cta:t,size:l="lg"}){const a=t.variant==="secondary"?"secondary":"hero",n=t.href.startsWith("tel:")?e.jsx(A,{className:"size-4"}):e.jsx(E,{className:"size-4"});return e.jsx(D,{label:t.label,href:t.href,variant:a,size:l,className:"!rounded-[4px]",icon:n})}function se({iconKey:t}){const l=v(t);return e.jsx("span",{className:"inline-flex size-10 items-center justify-center bg-brand/15 text-brand ring-1 ring-brand/20",children:e.jsx(l,{className:"size-5"})})}function Re(){const{cms:t}=Z.useLoaderData(),{content:l,strapiSource:a,strapiError:n,strapiSectionCount:m,strapiHeroRecord:h}=J(t),{content:s,sectionCount:b}=V({loaderContent:l,strapiHeroRecord:h,initialSectionCount:m,fetchSections:$,merge:Q,mergeRecords:K,hasSections:r=>!!r.page_sections?.length});O(s.hero.backgroundImage,{minWidth:768}),_("how-it-works",{strapiSource:a,strapiError:n,strapiSectionCount:b,strapiRecord:a==="cms",strapiQuery:`[progressive] hero: ${U()} | sections: ${G()} (client)`,sample:{seoTitle:s.seo.title}});const S=C.useMemo(()=>Y({path:"/how-car-shipping-works",title:s.seo.title,description:s.seo.description,pageType:"service",faq:s.faq.items,howTo:{name:"How to ship a car",description:s.seo.description,steps:s.hero.steps.map(r=>({position:r.n,name:r.title,text:r.title}))}}),[s.seo.title,s.seo.description,s.faq.items,s.hero.steps]),f={fontSize:"clamp(1.75rem, 3.5vw, 2.5rem)",fontWeight:800,letterSpacing:"-0.03em",lineHeight:1.05},N=P(s.hero.eyebrow);return e.jsxs(I,{breadcrumb:[{label:"How it works"}],children:[e.jsx(X,{data:S}),e.jsxs(d,{spacing:"lg",className:k(q,"relative isolate overflow-hidden border-b border-border bg-background"),children:[e.jsx(W,{}),e.jsxs("picture",{children:[e.jsx("source",{media:"(min-width: 768px)",srcSet:s.hero.backgroundImage,sizes:"100vw"}),e.jsx("img",{alt:N.alt,title:N.title,className:"absolute inset-0 -z-20 hidden h-full w-full object-cover md:block",loading:"eager",fetchPriority:"high",decoding:"async"})]}

1),e.jsx("div",{"aria-hidden":!0,className:"absolute inset-0 -z-10 hidden md:block",style:{background:"linear-gradient(to right, oklch(0.12 0.002 260 / 0.85) 0%, oklch(0.12 0.002 260 / 0.55) 60%, oklch(0.12 0.002 260 / 0.35) 100%)"}}),e.jsx("div",{"aria-hidden":!0,className:"absolute inset-0 -z-10 md:hidden",style:{background:"linear-gradient(to bottom, oklch(0.12 0.002 260 / 0.12) 0%, oklch(0.12 0.002 260 / 0.5) 100%)"}}),e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute -right-24 -top-24 -z-10 hidden h-[500px] w-[500px] rounded-full md:block",style:{background:"radial-gradient(circle, oklch(0.62 0.25 25 / 0.45) 0%, transparent 65%)",filter:"blur(80px)"}}),e.jsxs(c,{className:"relative flex flex-col gap-8",children:[e.jsxs("div",{className:"flex max-w-3xl flex-col gap-6",children:[e.jsx(j,{children:s.hero.eyebrow}),e.jsx(i,{as:"h1",parts:s.hero.title,className:"text-foreground",style:{fontSize:"clamp(2.25rem, 5vw, 4rem)",fontWeight:800,letterSpacing:"-0.03em",lineHeight:1}}),e.jsx(x,{text:s.hero.description,className:"max-w-2xl text-base leading-relaxed text-foreground/80 md:text-lg [&_p]:my-0"})]}),e.jsx("ol",{className:"mt-4 grid grid-cols-2 gap-px overflow-hidden border border-border bg-border sm:grid-cols-4 lg:grid-cols-7",children:s.hero.steps.map(r=>{const p=v(r.iconKey);return e.jsx("li",{className:"flex flex-col gap-1 bg-background p-3",children:e.jsxs("a",{href:`#${r.anchor}`,className:"group flex flex-col gap-1.5",children:[e.jsxs("span",{className:"inline-flex items-center gap-2 text-[10px] font-semibold uppercase tracking-[0.16em] text-muted-foreground",children:[e.jsx("span",{className:"font-mono text-brand",children:r.stepNumber}),e.jsx(p,{className:"size-3.5 text-brand"})]}),e.jsx("span",{className:"text-sm font-semibold text-foreground group-hover:text-brand",children:r.title}),e.jsx("span",{className:"text-[11px] text-muted-foreground",children:r.time})]})},r.n)})}),e.jsx("ul",{className:"flex flex-wrap gap-x-6 gap-y-2 text-xs text-muted-foreground",children:s.hero.trustBullets.map(r=>e.jsxs("li",{className:"inline-flex items-center gap-1.5",children:[e.jsx(y,{className:"size-3 text-brand"})," ",r]},r))})]})]}),e.jsx(o,{}),e.jsx(u,{anchor:s.stepOne.anchor,displayNumber:s.stepOne.displayNumber,stepLabel:s.stepOne.stepLabel,title:e.jsx(i,{as:"span",parts:s.stepOne.headline,className:"text-foreground",style:f}),body:s.stepOne.body,rows:s.stepOne.rows}),e.jsx(o,{}),e.jsx(d,{spacing:"sm",background:"surface",children:e.jsxs(c,{children:[e.jsx("span",{id:s.carrierMatch.anchor,className:"-mt-24 block pt-24","aria-hidden":!0}),e.jsx(g,{eyebrow:s.carrierMatch.eyebrow,title:e.jsx(i,{as:"span",parts:s.carrierMatch.headline,className:"text-foreground"}),description:s.carrierMatch.description,align:"left",className:"max-w-3xl"}),e.jsx("div",{className:"mt-10 grid gap-4 md:grid-cols-3",children:s.carrierMatch.features.map(r=>e.jsxs("div",{className:"flex flex-col gap-3 border border-border bg-background p-6",children:[e.jsx(se,{iconKey:r.iconKey}),e.jsx("h3",{className:"text-base font-semibold text-foreground",children:r.title}),e.jsx(x,{text:r.body,size:"sm",className:"text-muted-foreground [&_p]:my-0"})]},r.title))})]})}),e.jsx(o,{}),e.jsx(u,{anchor:s.booking.anchor,displayNumber:s.booking.displayNumber,stepLabel:s.booking.stepLabel,title:e.jsx(i,{as:"span",parts:s.booking.headline,className:"text-foreground",style:f}),body:s.booking.body,rows:s.booking.rows}),e.jsx(o,{}),e.jsx(d,{spacing:"sm",background:"surface",children:e.jsxs(c,{children:[e.jsx("span",{id:s.prep.anchor,className:"-mt-24 block pt-24","aria-hidden":!0}),e.jsx(g,{eyebrow:s.prep.eyebrow,title:e.jsx(i,{as:"span",parts:s.prep.headline,className:"text-foreground"}),align:"left",className:"max-w-3xl"}),e.jsx("div",{className:"mt-10 overflow-hidden border border-border",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{className:"bg-background text-left text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground",children:e.jsxs("tr",{className:"border-b border-border",children:[e.jsx("th",{className:"px-4 py-3",children:"What to do"}),e.jsx("th",{className:"px-4 py-3",children:"Why it matters"}),e.jsx("th",{className:"hidden px-4 py-3 md:table-cell",children:"Notes"})]})}),e.jsx("tbody",{className:"bg-background",children:s.prep.rows.map(r=>e.jsxs("tr",{className:"border-t border-border",children:[e.jsx("td",{className:"px-4 py-3 font-medium text-foreground",children:r.what}),e.jsx("td",{className:"px-4 py-3 text-muted-foreground",children:r.why}),e.jsx("td",{className:"hidden px-4 py-3 text-muted-foreground md:table-cell",children:r.notes})]},r.what))})]})})]})}),e.jsx(o,{}),e.jsx(u,{anchor:s.pickup.anchor,displayNumber:s.pickup.displayNumber,stepLabel:s.pickup.stepLabel,title:e.jsx(i,{as:"span",parts:s.pickup.headline,className:"text-foreground",style:f}),body:s.pickup.body,rows:s.pickup.rows}),e.jsx(o,{}),e.jsx(d,{spacing:"sm",children:e.jsxs(c,{children:[e.jsx("span",{id:s.transit.anchor,className:"-mt-24 block pt-24","aria-hidden":!0}),e.jsx(g,{eyebrow:s.transit.eyebrow,title:e.jsx(i,{as:"span",parts:s.transit.headline,className:"text-foreground"}),align:"left",className:"max-w-3xl"}),e.jsxs("div",{className:"mt-10 grid gap-6 lg:grid-cols-[2fr_1fr]",children:[e.jsxs("div",{className:"flex flex-col gap-3 border border-border bg-background p-6",children:[e.jsx("h3",{className:"text-base font-semibold text-foreground",children:"What you'll receive"}),e.jsx("ul",{className:"flex flex-col gap-2 text-sm text-muted-foreground",children:s.transit.bullets.map(r=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(y,{className:"mt-0.5 size-4 flex-none text-brand"}),e.jsx("span",{children:r.text})]},r.text))})]}),e.jsxs("div",{className:"flex flex-col gap-3 border border-border bg-surface-1 p-6",children:[e.jsx("h3",{className:"text-base font-semibold text-foreground",children:"Transit times"}),e.jsx("ul",{className:"flex flex-col gap-2.5 text-sm",children:s.transit.times.map(r=>e.jsxs("li",{className:"flex items-center justify-between border-b border-border/60 pb-2 last:border-0",children:[e.jsx("span",{className:"text-muted-foreground",children:r.distance}),e.jsx("span",{className:"font-mono font-semibold text-foreground",children:r.days})]},r.distance))}),e.jsx("p",{className:"mt-1 text-[11px] text-muted-foreground",children:s.transit.footnote})]})]})]})}),e.jsx(o,{}),e.jsx(d,{spacing:"sm",background:"surface",children:e.jsxs(c,{children:[e.jsx("span",{id:s.delivery.anchor,className:"-mt-24 block pt-24","aria-hidden":!0}),e.jsx(g,{eyebrow:s.delivery.eyebrow,title:e.jsx(i,{as:"span",parts:s.delivery.headline,className:"text-foreground"}),description:s.delivery.description,align:"left",className:"max-w-3xl"}),e.jsxs("div",{className:"mt-10 grid gap-6 lg:grid-cols-[2fr_1fr]",children:[e.jsx("ul",{className:"flex flex-col gap-3",children:s.delivery.checklist.map(r=>e.jsxs("li",{className:"flex gap-3 border border-border bg-background p-4",children:[e.jsx("span",{className:"font-mono text-sm font-bold text-brand",children:String(r.n).padStart(2,"0")}

1),e.jsx("span",{className:"text-sm text-foreground/85",children:r.text})]},r.text))}),e.jsxs("aside",{className:"flex flex-col gap-3 border-2 border-brand/40 bg-brand/5 p-6",children:[e.jsx("span",{className:"inline-flex size-10 items-center justify-center bg-brand/15 text-brand ring-1 ring-brand/30",children:e.jsx(T,{className:"size-5"})}),e.jsx("h3",{className:"text-base font-semibold text-foreground",children:s.delivery.warningTitle}),s.delivery.warningHtml?e.jsx(x,{text:s.delivery.warningHtml,size:"sm",className:"leading-relaxed text-muted-foreground [&_p]:my-0"}):e.jsx(ee,{parts:s.delivery.warningParts,className:"text-sm leading-relaxed text-muted-foreground"})]})]})]})}),e.jsx(o,{}),e.jsx(d,{spacing:"sm",children:e.jsxs(c,{children:[e.jsx(g,{eyebrow:s.transport.eyebrow,title:e.jsx(i,{as:"span",parts:s.transport.headline,className:"text-foreground"}),align:"left",className:"max-w-3xl"}),e.jsx("div",{className:"mt-10 grid gap-4 md:grid-cols-2",children:s.transport.cards.map(r=>e.jsxs("div",{className:"flex flex-col gap-4 border border-border bg-background p-6",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold text-foreground",children:r.title}),e.jsx("p",{className:"text-xs uppercase tracking-[0.14em] text-muted-foreground",children:r.tag})]}),e.jsx("ul",{className:"flex flex-col gap-2 text-sm",children:r.rows.map(([p,H])=>e.jsxs("li",{className:"flex items-center justify-between gap-3 border-b border-border/60 pb-2 last:border-0",children:[e.jsx("span",{className:"text-muted-foreground",children:p}),e.jsx("span",{className:"text-right font-medium text-foreground",children:H})]},p))}),e.jsx("p",{className:"font-mono text-sm font-semibold text-brand",children:r.price})]},r.title))})]})}),e.jsx(o,{}),e.jsx(d,{spacing:"sm",background:"surface",children:e.jsx(c,{children:e.jsxs("div",{className:"grid gap-6 border border-border bg-background p-8 lg:grid-cols-[2fr_1fr] lg:items-center lg:p-12",children:[e.jsxs("div",{children:[e.jsx(j,{children:s.business.eyebrow}),e.jsx(i,{as:"h2",parts:s.business.headline,className:"mt-3 text-2xl font-semibold tracking-tight md:text-3xl"}),e.jsx(x,{text:s.business.description,className:"mt-3 text-sm leading-relaxed text-muted-foreground md:text-base [&_p]:my-0"})]}),e.jsx("div",{className:"flex flex-col gap-2.5 lg:items-end",children:s.business.ctas.map(r=>e.jsx(w,{cta:r},r.label))})]})})}),e.jsx(o,{}),e.jsx(d,{spacing:"sm",children:e.jsxs(c,{className:"grid gap-10 lg:grid-cols-[1fr_2fr] lg:gap-16",children:[e.jsx("div",{children:e.jsx(g,{eyebrow:s.faq.eyebrow,title:e.jsx(i,{as:"span",parts:s.faq.headline,className:"text-foreground"}),description:s.faq.sidebarDescription,align:"left"})}),e.jsx(B,{defaultValue:"q0",children:s.faq.items.map((r,p)=>e.jsx(M,{value:`q${p}`,question:r.q,answerText:R(r.a),children:e.jsx(L,{answer:r.a})},r.q))})]})}),e.jsx(o,{}),e.jsx(d,{spacing:"sm",background:"radialBrand",children:e.jsxs(c,{className:"grid gap-6 lg:grid-cols-[2fr_1fr] lg:items-center",children:[e.jsxs("div",{children:[e.jsx(i,{as:"h2",parts:s.finalCta.headline,className:"text-3xl font-semibold leading-tight tracking-tight md:text-4xl"}),e.jsx(x,{text:s.finalCta.description,className:"mt-3 max-w-2xl text-base text-foreground/85 md:text-lg [&_p]:my-0"})]}),e.jsx("div",{className:"flex flex-wrap gap-3 lg:justify-end",children:s.finalCta.ctas.map(r=>e.jsx(w,{cta:r},r.label))})]})})]})}const u=({anchor:t,displayNumber:l,stepLabel:a,title:n,body:m,rows:h})=>e.jsx(d,{spacing:"sm",children:e.jsxs(c,{children:[e.jsx("span",{id:t,className:"-mt-24 block pt-24","aria-hidden":!0}),e.jsxs("div",{className:"grid gap-10 lg:grid-cols-[1fr_2fr] lg:gap-16",children:[e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx("span",{className:"font-mono text-sm font-bold text-brand",children:l}),e.jsx(j,{children:a}),e.jsx("h2",{className:"text-foreground",style:{fontSize:"clamp(1.75rem, 3.5vw, 2.5rem)",fontWeight:800,letterSpacing:"-0.03em",lineHeight:1.05},children:n})]}),e.jsxs("div",{className:"flex flex-col gap-5",children:[e.jsx(x,{text:m,className:"text-base leading-relaxed text-foreground

1/80 md:text-[17px] [&_p]:my-0"}),e.jsx("dl",{className:"overflow-hidden border border-border bg-background",children:h.map((s,b)=>e.jsxs("div",{className:`grid gap-2 p-5 sm:grid-cols-[200px_1fr] sm:gap-5 ${b>0?"border-t border-border":""}`,children:[e.jsx("dt",{className:"text-xs font-semibold uppercase tracking-[0.12em] text-brand",children:s.title}),e.jsx("dd",{children:e.jsx(x,{text:s.body,size:"sm",className:"leading-relaxed text-muted-foreground [&_p]:my-0"})})]},s.title))})]})]})]})});export{Re as HowItWorksPage};
2//# sourceMappingURL=how-it-works-B2E4hxyP.js.map