// direction-a.jsx — "Nocturne" — dark, cinematic expedition feel. // Reads tweaks (accent, type pairing, hero variant, lang) via props. function DirectionA({ accent, typePair, heroVariant, lang }) { const T = COPY[lang]; const display = typePair.display; const body = typePair.body; const mono = "'JetBrains Mono', ui-monospace, monospace"; return (
{/* Nav */} {/* Hero */} {heroVariant === "fullbleed" && } {heroVariant === "split" && } {heroVariant === "stacked" && } {/* The Rig */} {/* Regions */} {/* Routes */} {/* Pricing */} {/* FAQ */} {/* Voices */} {/* Reservation */}
{T.reserve.kicker}

{T.reserve.title}

{T.reserve.lede}

Direct line
+995 555 12 04 88
hello@offroadcampinggeorgia.example
{/* Footer */}
); } function NavA({ T, lang }) { const [open, setOpen] = React.useState(false); return ( ); } function LangSwitch({ lang }) { // Read setLang from global app context return ( ); } function HeroFullbleedA({ T }) { const videoRef = React.useRef(null); React.useEffect(() => { const v = videoRef.current; if (!v) return; v.muted = true; const tryPlay = () => { const p = v.play(); if (p && p.catch) p.catch(() => {}); }; tryPlay(); v.addEventListener("canplay", tryPlay); return () => v.removeEventListener("canplay", tryPlay); }, []); return (
{T.hero.eyebrow}

{T.hero.title}

{T.hero.sub}

{T.hero.ctaSub}
{T.hero.meta.map(([v, l], i) => (
{v}
{l}
))}
); } function HeroSplitA({ T }) { return (
{T.hero.eyebrow}

{T.hero.title}

{T.hero.sub}

{T.hero.ctaSub}
{T.hero.meta.slice(0, 3).map(([v, l], i) => (
{v}
{l}
))}
); } function HeroStackedA({ T }) { return (
{T.hero.eyebrow}

{T.hero.title}

{T.hero.sub}

{T.hero.ctaSub}
{T.hero.meta.map(([v, l], i) => (
{v}
{l}
))}
); } function RigA({ T }) { return (
{T.rig.kicker}

{T.rig.title}

{T.rig.lede}

{T.rig.specs.map(([k, v], i) => (
{k}
{v}
))}
); } function RegionsA({ T }) { // Alternate big/small rows: 7+5, 4+4+4 return (
{T.regions.kicker}

{T.regions.title}

{T.regions.lede}

Notes from the road

"If you ask the village to point at the most beautiful place, they will always point at the next valley. Trust them. Then drive past it."

); } function RegionCard({ r, size }) { const cls = size === "big" ? "region region-big" : size === "md" ? "region region-md" : "region region-sm"; return (
{r.n}

{r.name}

{r.lat} BEST · {r.best}

{r.lede}

); } function RoutesA({ T }) { return (
{T.routes.kicker}

{T.routes.title}

{T.routes.lede}

{T.routes.items.map((rt, i) => (
{rt.code}

{rt.name}

{rt.days}
days
{rt.km.toLocaleString()}
km
{rt.diff}
difficulty
{rt.stops.map((s, j) => (
{s}
{j < rt.stops.length - 1 &&
} ))}

{rt.note}

))}
); } function PricingA({ T }) { return (
{T.included.kicker}

{T.included.title}

{T.included.lede}

{T.included.pricing.map((p, i) => (
{p.label}
{p.months}
{p.price} {p.unit}
))}

{T.included.pricingNote}

{T.included.items.map((it, i) => (
✓ {it}
))}
); } function FaqA({ T }) { const [open, setOpen] = React.useState(0); return (
{T.faq.kicker}

{T.faq.title}

{T.faq.items.map((it, i) => (
setOpen(open === i ? -1 : i)}>
{it.q}
+

{it.a}

))}
); } function VoicesA({ T }) { return (
{T.voices.kicker}

{T.voices.title}

{T.voices.items.map((v, i) => (

{v.q}

{v.who}
{v.where}
))}
); } function FooterA({ T }) { return ( ); } Object.assign(window, { DirectionA });