/* global React, Icon, Logo, Chip, Btn, Price, VehicleCard, SectionHead */ const { useState, useEffect, useMemo, useRef } = React; // ─── Navbar ─────────────────────────────────────────────────────────────── function Navbar({ locale, setLocale, route }) { const items = [ { id:"fleet", label:"Fleet" }, { id:"categories", label:"Categories" }, { id:"longterm", label:"Long-Term" }, { id:"corporate", label:"Corporate" }, { id:"how", label:"How it works" }, { id:"about", label:"About" }, { id:"contact", label:"Contact" } ]; const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 40); window.addEventListener("scroll", onScroll); return () => window.removeEventListener("scroll", onScroll); }, []); return ( ); } window.Navbar = Navbar; function LocaleToggle({ locale, setLocale }) { const [open, setOpen] = useState(false); const langs = [{id:"en", label:"EN"}, {id:"ar", label:"عربي"}, {id:"ru", label:"RU"}, {id:"zh", label:"中文"}]; return (
{open && (
setOpen(false)} style={{ position:"absolute", top:"calc(100% + 6px)", right:0, background:"var(--surface-2)", border:"1px solid var(--border)", borderRadius: 6, minWidth: 100, padding: 4, zIndex: 60 }}> {langs.map(l => ( ))}
)}
); } // ─── Hero ───────────────────────────────────────────────────────────────── function Hero({ locale, heroVariant = "ferrari" }) { const t = (window.STRINGS[locale] || window.STRINGS.en).hero; const cta = (window.STRINGS[locale] || window.STRINGS.en).cta; const heroSrc = ({ huracan: "media/car-lamborghini-huracan.webp", bentley: "media/car-bentley-bentayga.webp", ferrari: "media/car-ferrari-f8.webp", cybertruck: "media/car-tesla-cybertruck.webp", audi: "media/car-audi-r8.webp" })[heroVariant] || "media/car-ferrari-f8.webp"; return (
{/* Hero image */}
{/* diagonal accent stripe */}
{/* Content */}
{t.kicker}

{t.h1a}
{t.h1b}

{t.sub}

window.go("fleet")}>{cta.browse} {cta.whatsapp}
{/* Quick-search dock */}
); } window.Hero = Hero; function QuickSearchDock() { const today = new Date(); const tomorrow = new Date(); tomorrow.setDate(today.getDate()+3); const fmt = (d) => d.toISOString().slice(0,10); const [pickup, setPickup] = useState(fmt(today)); const [dropoff, setDropoff] = useState(fmt(tomorrow)); const [location, setLocation] = useState("DXB Airport"); const [category, setCategory] = useState("any"); const fields = [ { label:"Delivery", icon:"pin", value: location, options:["DXB Airport","Burj Al Arab","Atlantis The Palm","Address Downtown","Al Quoz Garage","Other Dubai address","Abu Dhabi","Sharjah"], onChange: setLocation }, { label:"Pick-up date", icon:"cal", type:"date", value: pickup, onChange: setPickup }, { label:"Drop-off date", icon:"cal", type:"date", value: dropoff, onChange: setDropoff }, { label:"Category", icon:"car", value: category, options:[["any","Any category"],["supercar","Supercar"],["luxury","Luxury"],["sports","Sports"],["suv","SUV"],["electric","Electric"]], onChange: setCategory } ]; return (
{fields.map((f, i) => (
{f.label} {f.type === "date" ? ( f.onChange(e.target.value)} style={{ background:"transparent", border:"none", color:"var(--text)", fontFamily:"var(--font-display)", fontSize: 15, fontWeight: 500, padding: 0, outline:"none", colorScheme:"dark" }}/> ) : Array.isArray(f.options) ? ( ) : null}
))} window.go("fleet")}>Search Fleet
); } // ─── Marquee / brands ──────────────────────────────────────────────────── function BrandStrip() { const brands = ["Rolls-Royce","Bentley","Ferrari","Lamborghini","Porsche","Mercedes-AMG","BMW M","Audi","Range Rover","Cadillac","Tesla","Aston Martin","McLaren","Maserati","Brabus"]; return (
{[...brands, ...brands, ...brands].map((b,i) => ( {b} ))}
); } window.BrandStrip = BrandStrip; // ─── No Deposit band ───────────────────────────────────────────────────── function NoDepositBand({ locale }) { const t = (window.STRINGS[locale] || window.STRINGS.en).nodep; const items = [ { kicker:"01", title:"Car", body:"Hand-picked from a 400+ fleet, freshly detailed before every handover." }, { kicker:"02", title:"Insurance", body:"Basic insurance included by default. Top-up cover available on request." }, { kicker:"03", title:"Delivery", body:"To your hotel, airport, residence — anywhere in Dubai, 24/7." }, { kicker:"04", title:"250 km / day", body:"Generous mileage built into the price. Extra km AED 2 — no surprises." } ]; return (
{items.map((it, i) => (
{it.kicker}

{it.title}

{it.body}

))}
); } window.NoDepositBand = NoDepositBand; // ─── Featured Fleet ────────────────────────────────────────────────────── function FeaturedFleet({ onSelect }) { const featured = window.FLEET.filter(v => v.featured).slice(0, 8); return (
window.go("fleet")}>See full fleet} />
{featured.map(v => )}
); } window.FeaturedFleet = FeaturedFleet; // ─── Categories block ──────────────────────────────────────────────────── function CategoriesBlock({ onPick }) { const cats = [ { id:"supercar", label:"Supercar", img:"media/car-ferrari-f8.webp", count:"40+" }, { id:"luxury", label:"Luxury", img:"media/car-rolls-royce-cullinan.webp", count:"120+" }, { id:"sports", label:"Sports", img:"media/car-porsche-911.webp", count:"60+" }, { id:"suv", label:"SUV", img:"media/car-mercedes-g63-amg.webp", count:"90+" }, { id:"electric", label:"Electric", img:"media/car-tesla-cybertruck.webp", count:"15+" }, { id:"convertible", label:"Convertible", img:"media/car-bentley-continental.webp", count:"35+" } ]; return (
{cats.map((c, i) => ( ))}
); } window.CategoriesBlock = CategoriesBlock; // ─── How it works ──────────────────────────────────────────────────────── function HowItWorks() { const steps = [ { n:"01", title:"Choose your car", body:"Browse 400+ vehicles. Filter by category, brand, transmission or seats. Or talk to us on WhatsApp.", icon:"car" }, { n:"02", title:"Book in minutes", body:"Send a quick enquiry — dates, delivery point, driver status. We confirm in five minutes.", icon:"cal" }, { n:"03", title:"We deliver", body:"To your hotel, airport, residence or office. 24/7, across Dubai, Abu Dhabi & Sharjah.", icon:"pin" } ]; return (
{/* dashed line */}
{steps.map((s, i) => (
STEP {s.n}

{s.title}

{s.body}

))}
); } window.HowItWorks = HowItWorks; // ─── Award + Press ─────────────────────────────────────────────────────── function AwardStrip() { return (
Issued by World Luxury Travel Awards

Best Luxury Car Rental,
Middle East & North Africa 2025

As featured in
Khaleej Times

"The first true online booking platform for luxury car rentals in Dubai" — 3 Oct 2025

Independent confirmation
Gulf Today

"400+ vehicles … no security deposit on any booking, across any category" — 2 May 2026

); } window.AwardStrip = AwardStrip; // ─── CTA band ──────────────────────────────────────────────────────────── function CTABand() { return (
5-min response time

Need it now?
WhatsApp us.

24/7 delivery across Dubai, Abu Dhabi & Sharjah. Talk to a real human about long-term rates, chauffeur add-ons, or weekend wedding packages.

+971 52 726 9337 +971 4 253 6700
The promise
    {[ "No security deposit on any vehicle", "Basic insurance + delivery + 250 km/day in price", "Replacement vehicle within 2 hours, anywhere in Dubai", "Support in English, Arabic & Russian" ].map((line, i) => (
  • {line}
  • ))}
); } window.CTABand = CTABand; // ─── Footer ────────────────────────────────────────────────────────────── function Footer() { const cols = [ { title:"Fleet", links:["All vehicles","Supercars","Luxury","Sports","SUVs","Convertible","Electric","Long-term"] }, { title:"Service", links:["How it works","No-deposit policy","Delivery","Long-term rental","Corporate fleet","Chauffeur","Knowledge","Blog"] }, { title:"Cities", links:["Dubai","Abu Dhabi (delivery)","Sharjah (delivery)","Airport pick-up","Hotel delivery"] }, { title:"Company", links:["About","Award","Press","Contact","Careers","Terms","Privacy"] } ]; return ( ); } window.Footer = Footer;