/* global React */ const { useState } = React; // ============== ICONS ============== const Ico = { auction: (p) => , truck: (p) => , doc: (p) => , ship: (p) => , shield: (p) => , clock: (p) => , refresh: (p) => , lock: (p) => , arrow: (p) => , phone: (p) => , pin: (p) => , mail: (p) => , yt: (p) => , play: (p) => , globe: (p) => , cash: (p) => , users: (p) => , parts: (p) => }; // ============== TOP STRIP (very thin top bar, like sample) ============== function TopStrip({ lang, setLang }) { const t = window.useT(); return (
{t('hours')}
{t('become_dealer')} {t('account')}
); } function LangPill({ lang, setLang }) { const langs = window.SUOMI_LANGS || ["EN", "RU", "LT", "PL", "LV"]; return (
{langs.map((l) => )}
); } // ============== NAV (caps menu, like sample) ============== function Nav() { const t = window.useT(); return ( ); } // ============== HERO — mirror of sample: photo right, headline + bullets + 2 CTA ============== function Hero() { const t = window.useT(); const bullets = [t('hero_b1'), t('hero_b2'), t('hero_b3'), t('hero_b4')]; return (
{t('hero_eyebrow')}

{t('hero_h1_l1')}
{t('hero_h1_l2')}
{t('hero_h1_l3')}

{t('hero_sub')}

    {bullets.map((b, i) =>
  • {b}
    • )}
{t('hero_cta1')} {t('hero_cta2')}
{t('hero_img_alt')}
{t('hero_tag')}
); } // ============== SERVICES STRIP — 3 services in dark band ============== function ServicesStrip() { const t = window.useT(); const items = [ { ic: , t: t('strip_s1_t'), d: t('strip_s1_d') }, { ic: , t: t('strip_s2_t'), d: t('strip_s2_d') }, { ic: , t: t('strip_s3_t'), d: t('strip_s3_d') } ]; return (
{items.map((it, i) =>
{it.ic}

{it.t}

{it.d}

)}
); } // ============== "BIG SERVICES" — large heading + text + photo right ============== function ServicesBig() { const t = window.useT(); return (
{t('big_eyebrow')}

{t('big_h2_l1')}
{t('big_h2_l2')}

{t('big_lead1')}

{t('big_lead2')}

{t('big_img_alt')}
); } // ============== FACT GRID 3×2 — 6 cells ============== function FactGrid() { const t = window.useT(); const facts = [ { ic: , t: t('f1_t'), d: t('f1_d') }, { ic: , t: t('f2_t'), d: t('f2_d') }, { ic: , t: t('f3_t'), d: t('f3_d') }, { ic: , t: t('f4_t'), d: t('f4_d') }, { ic: , t: t('f5_t'), d: t('f5_d') }, { ic: , t: t('f6_t'), d: t('f6_d') } ]; return (
{facts.map((f, i) =>
{f.ic}

{f.t}

{f.d}

)}
); } window.HeaderHero = { TopStrip, Nav, Hero, ServicesStrip, ServicesBig, FactGrid, LangPill, Ico };