// Honesty + Customs sections. const { useState: useStateH, useEffect: useEffectH, useRef: useRefH } = React; // Thin line icons — 1.5px stroke, no fills const LI = { savings: , spec: , newer: , fresh: , invoice: , fleet: , clock: , warranty:, lang: , charger: , customs: , resale: , }; const HONESTY_GAINS = [ { icon: "savings", title: "Significant savings", body: "30 to 43 percent less than local dealer prices. The savings come from one place: no dealer margin. You pay the factory invoice plus transparent landed costs." }, { icon: "spec", title: "Exact spec you want", body: "Local dealers stock two or three trims. China has every trim, every color, every option. You order the car you actually want." }, { icon: "newer", title: "Newer models, faster", body: "Chinese EVs hit the China market 12 to 18 months before they reach global dealers. With Icon One, you drive 2026 spec while local showrooms still stock 2024." }, { icon: "fresh", title: "Factory fresh", body: "Every car is brand new from the assembly line. Zero kilometers, zero showroom miles, zero test drives." }, { icon: "invoice", title: "Transparent invoice", body: "You see the China factory invoice. You see the freight cost. You see the customs receipt. No hidden margin." }, { icon: "fleet", title: "Fleet pricing unlocked", body: "Buying three or more cars? Factory direct rates drop further. Local dealers can't match this for fleets." }, ]; const HONESTY_KNOWS = [ { icon: "clock", title: "45 to 60 day wait", body: "Local dealers hand you keys today. Sourcing from China takes 45 to 60 days door to door. Plan around it." }, { icon: "warranty", title: "Warranty handling", body: "Manufacturer warranty is honored at BYD, Zeekr, and Geely authorized service centers in many markets, but coverage is thinner than for locally-sold cars. We help you map the nearest authorized service before you order." }, { icon: "lang", title: "Software language", body: "Some China-spec cars ship with Mandarin as the default infotainment language. We confirm your preferred language before shipping and reflash if needed." }, { icon: "charger", title: "Charger compatibility", body: "Most modern Chinese EVs use GB/T DC fast-charging connectors. Many markets support both GB/T and CCS2. Confirm with us per model and destination." }, { icon: "customs", title: "Customs valuation risk", body: "Some customs offices occasionally re-assess invoice values. We provide manufacturer-certified invoices and handle disputes. This rarely affects final cost, but it can add one to two weeks." }, { icon: "resale", title: "Resale market is younger", body: "Chinese EV resale value in newer markets is still being established. BYD and Zeekr have strong resale globally; expect this to strengthen locally over the next two to three years." }, ]; function HonestyCard({ item, delay, accent }) { const ref = useRefH(null); const [vis, setVis] = useStateH(false); useEffectH(() => { const el = ref.current; if (!el) return; const io = new IntersectionObserver((es) => es.forEach((e) => { if (e.isIntersecting) { setVis(true); io.disconnect(); } }), { threshold: 0.15 }); io.observe(el); return () => io.disconnect(); }, []); return (
{ e.currentTarget.style.borderColor = accent; e.currentTarget.style.background = "var(--ink-2)"; }} onMouseLeave={(e) => { e.currentTarget.style.borderColor = "var(--line)"; e.currentTarget.style.background = "var(--ink-1)"; }}>
{LI[item.icon]}

{item.title}

{item.body}

); } function HonestSection() { return (
What you gain
{HONESTY_GAINS.map((it, i) => )}

We've shipped over 1,000 vehicles into the region. Every concern above, we have a process for. Ask us anything.

); } // ── Customs section ──────────────────────────────────────────────────────── function useCountUp(target, run, duration = 900, delay = 0) { const [val, setVal] = useStateH(0); useEffectH(() => { if (!run) return; let raf, t0; const id = setTimeout(() => { const tick = (t) => { if (!t0) t0 = t; const p = Math.min(1, (t - t0) / duration); const eased = 1 - Math.pow(1 - p, 3); setVal(Math.round(target * eased)); if (p < 1) raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); }, delay); return () => { clearTimeout(id); cancelAnimationFrame(raf); }; }, [run, target, duration, delay]); return val; } const STAGES = [ { n: "01", value: "CIF", label: "CIF value", sub: "The base", body: "China factory price + sea freight + insurance to Beirut port. This is what customs uses to calculate everything else." }, { n: "02", value: "5%", label: "Import duty", sub: "of CIF", body: "Lebanese customs duty on new vehicles from China. Same rate as the EU–Lebanon agreement." }, { n: "03", value: "11%", label: "VAT (TVA)", sub: "on CIF + duty", body: "Standard Lebanese value-added tax applied after duty is calculated." }, { n: "04", value: "$700–$1,500", label: "Registration & plates", sub: "Mécanique + naf3a", body: "Includes mécanique inspection, plates, naf3a (engine fee), and notary. Final amount depends on engine size and EV vs ICE." }, { n: "05", value: "5%", label: "Icon One fee", sub: "of factory price", body: "Our flat fee covers sourcing, factory audit, China handling, shipping coordination, customs clearance, registration, and plates delivery to your door." }, ]; function StageCard({ s, i, run }) { return (
{s.n}
{s.value}
{s.sub}
{s.label}
{s.body}
); } const EX_LINES = [ { k: "China factory price (ex-works Guangzhou)", v: 16500 }, { k: "Sea freight + insurance to Beirut", v: 1800 }, ]; const EX_DERIVED = [ { k: "CIF value", v: 18300, bold: true }, { k: "Lebanese import duty (5% of CIF)", v: 915 }, { k: "VAT (11% on CIF + duty)", v: 2114 }, { k: "Registration, plates, mécanique, notary", v: 1200 }, { k: "Icon One service fee (5% of factory)", v: 825 }, ]; const EX_TOTAL = 23354; const EX_DEALER = 42000; function CustomsSection() { const ref = useRefH(null); const [run, setRun] = useStateH(false); useEffectH(() => { const el = ref.current; if (!el) return; const io = new IntersectionObserver((es) => es.forEach((e) => { if (e.isIntersecting) { setRun(true); io.disconnect(); } }), { threshold: 0.2 }); io.observe(el); return () => io.disconnect(); }, []); const total = useCountUp(EX_TOTAL, run, 1100, 700); const dealer = useCountUp(EX_DEALER, run, 1000, 800); const savings = useCountUp(EX_DEALER - EX_TOTAL, run, 1200, 1000); return (
{/* Stages flow */}
{/* Worked example */}
Worked example

BYD Atto 3 Standard

{EX_LINES.map((l, i) => ( ))}
{EX_DERIVED.map((l, i) => ( ))}
Total landed in Beirut · with plates
${total.toLocaleString("en-US")}
Lebanese BYD dealer price
~${dealer.toLocaleString("en-US")}
You save
${savings.toLocaleString("en-US")} · 44%
); } function ExRow({ k, v, run, delay, bold }) { const val = useCountUp(v, run, 700, delay); return (
{k} ${val.toLocaleString("en-US")}
); } window.HonestSection = HonestSection; window.CustomsSection = CustomsSection;