https://www.rideblackcars.com/assets/_site.fleet._slug-DpjC8Rei.js

1import{E as n,G as d,j as e,L as t,R as l,S as r,A as c}from"./index-Wh3uUDTx.js";import{A as o}from"./arrow-left-CFHadXr3.js";import{U as m}from"./users-CLkowHQZ.js";import{B as x}from"./briefcase-Dh9hetoY.js";import{C as h}from"./circle-check-CklJkSHG.js";function f(){const{vehicle:a}=n.useLoaderData(),i=d.filter(s=>s.slug!==a.slug);return e.jsxs(e.Fragment,{children:[e.jsxs("section",{className:"relative pt-40 pb-20 overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 -z-10 bg-gradient-to-b from-card via-background to-background"}),e.jsxs("div",{className:"container-luxury",children:[e.jsxs(t,{to:"/fleet",className:"inline-flex items-center gap-2 text-[11px] uppercase tracking-[0.22em] text-muted-foreground hover:text-foreground",children:[e.jsx(o,{className:"w-3.5 h-3.5"})," All Vehicles"]}),e.jsxs("div",{className:"mt-10 grid lg:grid-cols-12 gap-12 items-center",children:[e.jsx(l,{className:"lg:col-span-7",children:e.jsx("div",{className:"aspect-[4/3] overflow-hidden bg-card",children:e.jsx("img",{src:a.img,alt:a.name,className:"w-full h-full object-cover"})})}),e.jsxs(l,{delay:.15,className:"lg:col-span-5",children:[e.jsx(r,{children:a.model}),e.jsx("h1",{className:"mt-6 text-5xl md:text-6xl leading-[1.02]",children:a.name}),e.jsx("p",{className:"mt-5 text-lg text-muted-foreground italic",children:a.tagline}),e.jsx("p",{className:"mt-6 text-muted-foreground leading-relaxed",children:a.copy}),e.jsxs("div",{className:"mt-10 grid grid-cols-2 gap-6",children:[e.jsxs("div",{className:"border hairline p-5",children:[e.jsx(m,{className:"w-5 h-5 text-gold"}),e.jsx("div",{className:"mt-4 text-4xl font-display",children:a.pax}),e.jsx("div",{className:"text-[10px] uppercase tracking-[0.22em] text-muted-foreground mt-1",children:"Passengers"})]}),e.jsxs("div",{className:"border hairline p-5",children:[e.jsx(x,{className:"w-5 h-5 text-gold"}),e.jsx("div",{className:"mt-4 text-4xl font-display",children:a.bags}),e.jsx("div",{className:"text-[10px] uppercase tracking-[0.22em] text-muted-foreground mt-1",children:"Suitcases"})]})]}),e.jsxs(t,{to:"/book",className:"group mt-10 inline-flex items-center gap-3 bg-foreground text-background px-8 py-4 text-[12px] uppercase tracking-[0.22em] hover:bg-accent hover:text-accent-foreground transition-colors",children:["Book This Vehicle ",e.jsx(c,{className:"w-4 h-4 transition-transform group-hover:translate-x-1"})]})]})]})]})]}),e.jsx("section",{className:"py-24 border-t hairline",children:e.jsxs("div",{className:"container-luxury grid lg:grid-cols-2 gap-16",children:[e.jsxs(l,{children:[e.jsx(r,{children:"Features"}),e.jsx("h2",{className:"mt-6 text-4xl",children:"Inside the cabin."}),e.jsx("ul",{className:"mt-8 grid sm:grid-cols-2 gap-4",children:a.features.map(s=>e.jsxs("li",{className:"flex items-start gap-3 text-sm text-muted-foreground",children:[e.jsx(h,{className:"w-4 h-4 text-gold mt-0.5 shrink-0"})," ",s]},s))})]}),e.jsxs(l,{delay:.1,children:[e.jsx(r,{children:"Ideal For"}),e.jsx("h2",{className:"mt-6 text-4xl",children:"When to reserve."}),e.jsx("ul",{className:"mt-8 space-y-3",children:a.ideal.map(s=>e.jsxs("li",{className:"flex items-center gap-3 text-base border-b hairline pb-3",children:[e.jsx("span",{className:"w-1.5 h-1.5 bg-accent rounded-full"})," ",s]},s))})]})]})}),e.jsx("section",{className:"py-24 border-t hairline",children:e.jsxs("div",{className:"container-luxury",children:[e.jsxs(l,{children:[e.jsx(r,{children:"Continue Exploring"}),e.jsx("h2",{className:"mt-6 text-4xl md:text-5xl",children:"Other vehicles in the fleet."})]}),e.jsx("div",{className:"mt-12 grid md:grid-cols-3 gap-6",children:i.map(s=>e.jsxs(t,{to:"/fleet/$slug",params:{slug:s.slug},className:"group block bg-card border hairline hover:border-accent/50 transition-colors",children:[e.jsx("div",{className:"aspect-[4/3] overflow-hidden",children:e.jsx("img",{src:s.img,alt:s.name,loading:"lazy",className:"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105"})}),e.jsxs("div",{className:"p-6",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-[0.24em] text-gold",children:s.model}),e.jsx("h3",{className:"mt-2 text-xl",children:s.name}),e.jsxs("div",{className:"mt-4 inline-flex items-center gap-2 text-[11px] uppercase tracking-[0.2em] group-hover:text-accent transition-colors",children:["View ",e.jsx(c,{className:"w-3.5 h-3.5"})]})]})]},s.slug))})]})})]})}export{f as component};