/* Page sections — hero, shift, how, use cases, proof, integrations, cta, faq, footer */ const { MeetingMock, FollowupMock, BoardMock, RelationshipMock } = window.CWMocks; const HOMEPAGE_TYPE = { heroTitleSize: "var(--home-hero-title-size)", heroTitleLineHeight: "var(--home-hero-title-line-height)", heroCopySize: "var(--home-hero-copy-size)", heroCopyMax: "var(--home-hero-copy-max)", heroCopyMarginTop: "var(--home-hero-copy-margin-top)", heroActionsMarginTop: "var(--home-hero-actions-margin-top)", heroMetaMarginTop: "var(--home-hero-meta-margin-top)", sectionH2Size: "var(--home-section-h2-size)", sectionH2LineHeight: "var(--home-section-h2-line-height)", featureH3Size: "var(--home-feature-h3-size)", compactH2Size: "var(--home-compact-h2-size)", ctaH2Size: "var(--home-cta-h2-size)", }; const buildWhatsappHref = ({ lang = "de", intent = "contact", source = "" } = {}) => { const params = new URLSearchParams({ lang, intent }); if (source) params.set("source", source); return `whatsapp.html?${params.toString()}`; }; /* --- Wordmark --- */ const Wordmark = ({ size = 28 }) => (
ConnectWunder ConnectWunder
); /* --- Nav --- */ const Nav = ({ t, lang, setLang }) => { const [menuOpen, setMenuOpen] = React.useState(false); const closeMenu = () => setMenuOpen(false); return ( ); }; /* --- Hero --- */ const Hero = ({ t, claimIdx, lang }) => { const claim = t.hero.claims[claimIdx % t.hero.claims.length]; return (
{/* soft gold wash top-right */}
{t.hero.eyebrow}

{claim[0]}
{claim[1]}
{claim[2]}

{t.hero.sub}

{t.hero.metaLabel}
{t.hero.metaLine}
{/* hero mock composition */}
); }; /* --- Shift --- */ const Shift = ({ t }) => (
{t.shift.eyebrow}

{t.shift.head[0]}{t.shift.head[1]}{t.shift.head[2]}

{t.shift.lede}

{t.shift.cols.map((c, i) => (
{i === 1 && (
)}
{c.kicker}

{c.title}

    {c.bullets.map((b, j) => (
  • {b}
    • ))}
))}
); /* --- How it works --- */ const HowItWorks = ({ t }) => (
{t.how.eyebrow}

{t.how.head[0]}{t.how.head[1]}{t.how.head[2]}

{t.how.lede}

{/* Flow visual */}
{t.how.steps.map((s, i) => (
{s.n} {s.k}

{s.t}

{s.d}

))}
{/* Composed mock below flow */}
Ergebnis · Beispiel

Ein Meeting wird zu einem Pipeline-Update und einem Follow-up.

Sales spricht. Kontext fließt in Personen, Deals und Boards. AI schlägt den nächsten Schritt vor. Mensch entscheidet, klickt, fertig.

); /* --- Use Cases --- */ const UseCases = ({ t }) => (
{t.useCases.eyebrow}

{t.useCases.head[0]}{t.useCases.head[1]}{t.useCases.head[2]}

{t.useCases.lede}

{t.useCases.cards.map((c, i) => (
{c.tag}

{c.title}

{c.body}

    {c.outcomes.map((o, j) => (
  • {o}
    • ))}
))}
); /* --- Proof --- */ const Proof = ({ t }) => (
{t.proof.eyebrow}

{t.proof.head[0]}{t.proof.head[1]}{t.proof.head[2]}

{t.proof.lede}

{t.proof.stats.map((s, i) => (
5 ? 44 : 72, lineHeight: 1, marginBottom: 20, minHeight: 88, display: "flex", alignItems: "flex-end", whiteSpace: "nowrap", color: "color-mix(in oklab, var(--gold-deep) calc(var(--gold-intensity) * 60%), var(--navy))", fontFeatureSettings: "'lnum'", }}>{s.big}
{s.label}
{s.note}
))}
{/* Quote */}
“

{t.proof.quote.text}

SM
{t.proof.quote.who}
{t.proof.quote.role}
); /* --- Integrations --- */ const Integrations = ({ t }) => (
{t.integrations.eyebrow}

{t.integrations.head}

{t.integrations.lede}

{t.integrations.items.map((it, i) => (
{/* Abstract mark placeholder */}
{it.n.split(/\s+/).map(w => w[0]).slice(0,2).join("")}
{it.n}
{it.s}
))}
); /* --- CTA --- */ const CTA = ({ t, lang }) => (

{t.cta.head[0]}{t.cta.head[1]}{t.cta.head[2]}

{t.cta.lede}

{t.cta.primary} → {t.cta.secondary}
); /* --- FAQ --- */ const FAQ = ({ t }) => { const [open, setOpen] = React.useState(0); return (
{t.faq.eyebrow}

{t.faq.head[0]}{t.faq.head[1]}{t.faq.head[2]}

{t.faq.items.map((it, i) => (

{it.a}

))}
); }; /* --- Footer --- */ const Footer = ({ t }) => ( ); Object.assign(window, { CWSections: { Nav, Hero, Shift, HowItWorks, UseCases, Proof, Integrations, CTA, FAQ, Footer }, });