// SannaTrip V2 Round 2 — site composition
function SannaTripSite({ layout = 'A', heroVariant = 'A', lang, setLang, density = 'airy', logoSize = 22, logoTracking = 0.28, logoMarkScale = 1.7 }) {
  const navLogoProps = { logoSize, logoTracking, logoMarkScale };
  const copy = COPY[lang];
  const scrollToApply = () => {
    const el = document.getElementById('apply');
    if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });
  };

  // Layout B: minor reorder — specialists before simplify, destinations earlier
  if (layout === 'B') {
    return (
      <div>
        <TopNav copy={copy} lang={lang} setLang={setLang} density={density} onCtaClick={scrollToApply} {...navLogoProps} />
        <Hero variant={heroVariant} copy={copy} onCta={scrollToApply} />
        <Comparator copy={copy} />
        <Simplify copy={copy} />
        <Journey copy={copy} />
        <TopTier copy={copy} />
        <Destinations copy={copy} />
        <FAQ copy={copy} />
        <Apply copy={copy} />
        <Footer copy={copy} />
      </div>
    );
  }

  // Layout A — canonical per the brief
  return (
    <div>
      <TopNav copy={copy} lang={lang} setLang={setLang} density={density} onCtaClick={scrollToApply} {...navLogoProps} />
      <Hero variant={heroVariant} copy={copy} onCta={scrollToApply} />
      <Comparator copy={copy} />
      <Simplify copy={copy} />
      <Journey copy={copy} />
      <TopTier copy={copy} />
      <Destinations copy={copy} />
      <FAQ copy={copy} />
      <Apply copy={copy} />
      <Footer copy={copy} />
    </div>
  );
}

Object.assign(window, { SannaTripSite });