/* AutoVault — content + icon library. Exposed on window. */ const WA_NUMBER = "628170812074"; const WA_TEXT = encodeURIComponent("Halo AutoVault, I'd like to book a private tour of the vault."); const WA_LINK = `https://wa.me/${WA_NUMBER}?text=${WA_TEXT}`; const NAV_LINKS = [ { label: "The Vault", href: "/" }, { label: "Services", href: "/services" }, { label: "Facility", href: "/facility" }, { label: "Membership", href: "/membership" }, { label: "Journal", href: "/journal" }, ]; const TRUST = ["24/7 CCTV", "Climate-Controlled", "Fully Insured", "App Access"]; const THREATS = [ { n: "01", t: "Tropical humidity", d: "Jakarta's heat and damp breed mould in leather, haze on paint, and corrosion you won't see until it's permanent." }, { n: "02", t: "Flat batteries", d: "A car left a fortnight wakes up dead. Stored long enough, the whole electrical system suffers." }, { n: "03", t: "Apartment parking", d: "Tower basements mean valet dents, careless neighbours, and zero climate control for a seven-figure machine." }, { n: "04", t: "Theft & exposure", d: "Exotics are targets. Open lots and shared garages offer a thief everything but the keys." }, ]; const SERVICES = [ { n: "01", t: "Secure Storage", d: "Individually bayed, access-logged, and watched around the clock. Your car, untouched until you want it.", ico: "vault" }, { n: "02", t: "Climate-Controlled Vault", d: "A/C and dehumidification hold a constant, gentle climate — the conditions paint, rubber and leather were made to live in.", ico: "climate" }, { n: "03", t: "CTEK Battery Tending", d: "Every stored car stays on a CTEK conditioner. Turn the key after months away and it fires on the first crank.", ico: "battery" }, { n: "04", t: "Detailing & Ceramic Coating", d: "In-house detailers and certified ceramic coating. Your car leaves the vault better than it arrived.", ico: "detail" }, { n: "05", t: "24/7 Surveillance", d: "Multi-camera CCTV, motion alerts and on-site security. Nothing moves in the vault unseen.", ico: "cctv" }, { n: "06", t: "App Valet Pickup", d: "Request your car from the app. We have it warmed, cleaned and ready — collected or delivered on schedule.", ico: "app" }, { n: "07", t: "Enclosed Transport", d: "Covered flatbed collection and delivery across Jakarta. Your car never touches a public road on its own wheels.", ico: "transport" }, ]; const FACILITY_FEATURES = [ { fi: "A", h: "Vault-grade access control", p: "Biometric entry, individual bay logs, and a chain-of-custody record for every movement." }, { fi: "B", h: "Active climate management", p: "Continuous A/C and dehumidification monitored 24/7, tuned to preservation conditions." }, { fi: "C", h: "Fire suppression & monitoring", p: "Clean-agent suppression and smoke detection engineered around fuel, not furniture." }, ]; const SPECS = [ { v: 64, u: "", l: "CCTV cameras" }, { v: 100, u: "%", l: "Climate coverage" }, { v: 24, u: "/7", l: "On-site security" }, { v: 0, u: "", l: "Cars ever lost", suffix: true }, ]; const STEPS = [ { k: "Step 01", t: "Book your bay", d: "Reserve in minutes — by app or WhatsApp concierge. Choose your tier, tell us about your car.", ph: "Booking flow · app screen" }, { k: "Step 02", t: "We collect", d: "An enclosed flatbed arrives at your door. Your car is loaded, logged and delivered to its bay.", ph: "Enclosed flatbed · night collection" }, { k: "Step 03", t: "Track & request", d: "Watch its status, schedule a detail, or request pickup — all from the app, whenever you like.", ph: "App · vault dashboard" }, ]; const TIERS = [ { name: "Garage", for: "The weekend car", feats: [ { t: "Secure individual bay", on: true }, { t: "24/7 CCTV & security", on: true }, { t: "CTEK battery tending", on: true }, { t: "App status & access", on: true }, { t: "Climate-controlled vault", on: false }, { t: "Quarterly detailing", on: false }, ], }, { name: "Vault", for: "The collector", pop: true, feats: [ { t: "Everything in Garage", on: true }, { t: "Climate-controlled vault", on: true }, { t: "Monthly wash & inspection", on: true }, { t: "Enclosed transport (2 / yr)", on: true }, { t: "Priority app valet pickup", on: true }, { t: "Quarterly ceramic top-up", on: false }, ], }, { name: "Concierge", for: "The connoisseur", feats: [ { t: "Everything in Vault", on: true }, { t: "Unlimited enclosed transport", on: true }, { t: "Full detailing & coating", on: true }, { t: "Dedicated account manager", on: true }, { t: "Event & track delivery", on: true }, { t: "Private lounge access", on: true }, ], }, ]; const TESTIMONIALS = [ { q: "I used to check my phone at 2am wondering about the car. Now I don't. They treat it better than I did — and I'm fussy.", by: "Reza A.", role: "Ferrari 296 owner · Jakarta" }, { q: "Handed over the keys, watched the vault door close, and felt something I hadn't felt about storage before: relief.", by: "Daniel & Mira", role: "Classic collection · 4 cars" }, { q: "Flew out for three months. Came back, opened the app, car was warmed and detailed at my door by 9am. Effortless.", by: "Stefan K.", role: "Expat · Porsche 911 GT3" }, ]; const STORED_BRANDS = ["Ferrari", "Lamborghini", "Porsche", "McLaren", "Aston Martin", "Mercedes-AMG", "Bentley", "Rolls-Royce"]; const POSTS = [ { cat: "Preservation", t: "How to store a classic car in Indonesia's tropical climate", meta: "8 min read · Jun 2026", ph: "Classic interior · detail" }, { cat: "Battery Care", t: "Why your battery dies when the car sits — and the CTEK fix", meta: "6 min read · May 2026", ph: "CTEK conditioner · macro" }, { cat: "Detailing", t: "Ceramic coating: genuinely worth it, or just hype?", meta: "9 min read · May 2026", ph: "Paint reflection · ceramic" }, ]; /* ---------------- icon set (stroke, inherits currentColor) ---------------- */ function Ico({ name, className }) { const s = { fill: "none", stroke: "currentColor", strokeWidth: 1.4, strokeLinecap: "round", strokeLinejoin: "round" }; const paths = { vault: , climate: , battery: , detail: , cctv: , app: , transport: , }; return ; } function WhatsAppIcon({ className, style }) { return ( ); } function Shield({ className }) { // brand crest: shield silhouette with a low car form cut into it return ( ); } function Arrow({ className, style }) { return ; } /* ---------------- placeholder ---------------- */ function Placeholder({ label, kind = "image", className = "", style }) { return (
{kind} · {label}
); } /* ---------------- user-fillable image slot (drag-drop real car photos) ---- */ function Shot({ id, label, fill = false, ratio, style }) { const base = fill ? { position: "absolute", inset: 0, width: "100%", height: "100%", display: "block" } : { display: "block", width: "100%", height: "auto", aspectRatio: ratio || "3 / 2" }; return React.createElement("image-slot", { id, placeholder: label, shape: "rect", src: `assets/images/${id}.jpg`, style: { ...base, ...style }, }); } /* ---------------- reveal on scroll ---------------- */ function useReveal() { React.useEffect(() => { const els = document.querySelectorAll(".reveal:not(.in)"); if (!els.length) return; if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) { els.forEach((e) => e.classList.add("in")); return; } const io = new IntersectionObserver((ents) => { ents.forEach((en) => { if (en.isIntersecting) { en.target.classList.add("in"); io.unobserve(en.target); } }); }, { threshold: 0.14, rootMargin: "0px 0px -8% 0px" }); els.forEach((e) => io.observe(e)); return () => io.disconnect(); }); } function Reveal({ children, delay = 0, as = "div", className = "", ...rest }) { const Tag = as; return {children}; } /* ---------------- count up ---------------- */ function CountUp({ to, suffix = "" }) { const ref = React.useRef(null); const [val, setVal] = React.useState(0); React.useEffect(() => { const el = ref.current; if (!el) return; const reduce = window.matchMedia("(prefers-reduced-motion: reduce)").matches; if (reduce) { setVal(to); return; } let started = false; const io = new IntersectionObserver((ents) => { ents.forEach((en) => { if (en.isIntersecting && !started) { started = true; const dur = 1500; const t0 = performance.now(); const tick = (t) => { const p = Math.min(1, (t - t0) / dur); const e = 1 - Math.pow(1 - p, 3); setVal(Math.round(e * to)); if (p < 1) requestAnimationFrame(tick); }; requestAnimationFrame(tick); io.unobserve(el); } }); }, { threshold: 0.4 }); io.observe(el); return () => io.disconnect(); }, [to]); return {val}{suffix}; } Object.assign(window, { WA_NUMBER, WA_LINK, NAV_LINKS, TRUST, THREATS, SERVICES, FACILITY_FEATURES, SPECS, STEPS, TIERS, TESTIMONIALS, STORED_BRANDS, POSTS, Ico, WhatsAppIcon, Shield, Arrow, Placeholder, Shot, useReveal, Reveal, CountUp, });