// sections.jsx — page sections for HELVOX. Loaded after demo.jsx. const { useState: useState_S, useEffect: useEffect_S, useRef: useRef_S, useMemo: useMemo_S } = React; // ————————————————————————————————————————————— // Nav // ————————————————————————————————————————————— function Nav({ name }) { const [scrolled, setScrolled] = useState_S(false); useEffect_S(() => { const onS = () => setScrolled(window.scrollY > 40); window.addEventListener("scroll", onS); return () => window.removeEventListener("scroll", onS); }, []); return (
{name}
); } // ————————————————————————————————————————————— // Live latency counter // ————————————————————————————————————————————— function LatencyTick() { const [n, setN] = useState_S(412); useEffect_S(() => { const id = setInterval(() => setN(380 + Math.floor(Math.random() * 90)), 600); return () => clearInterval(id); }, []); return {n}; } // ————————————————————————————————————————————— // Hero // ————————————————————————————————————————————— function Hero({ name, tagline }) { const [industry, setIndustry] = useState_S("sanitaer"); return (
{/* Bg grid */}
{/* Top eyebrow */}
v3.2 jetzt live · ms · Sprich Schweiz.
{/* Headline */}

Schweizer­deutsch.
In jedem Anruf.

{/* Sub */}

{name} ist die Voice-AI-Plattform für die Schweiz. Sechs Dialekte, sub-500ms Latenz, und Integrationen die wirklich greifen — von Bexio bis Salesforce. Schneller, schärfer, und ehrlich gesagt: schöner als alles andere im Markt.

{/* CTAs */}
Demo starten ↵ API-Dokumentation
{/* Below: split with stat strip + demo */}
{/* Stats column */}
{/* Demo */}
); } function Stat({ n, label, sub, last }) { return (
{n}
{label}
{sub}
); } // ————————————————————————————————————————————— // Logo bar // ————————————————————————————————————————————— function LogoBar() { const logos = window.HELVOX_DATA.logos; return (
Vertrauen über 200 Schweizer Betriebe — Pilotphase Q2/26
{logos.map((l, i) => (
{l}
))}
); } // ————————————————————————————————————————————— // Section header // ————————————————————————————————————————————— function SectionHead({ idx, kicker, title, sub, align = "left", invert = false }) { return (
{idx} {kicker}

{title}

{sub && (

{sub}

)}
); } // ————————————————————————————————————————————— // Latency section // ————————————————————————————————————————————— function LatencySection() { const data = [ { name: "HELVOX", ms: 412, color: "#DA291C", featured: true }, { name: "Suisse Voice", ms: 902, color: "#8a8a85" }, { name: "Vapi (US)", ms: 740, color: "#8a8a85" }, { name: "Retell (US)", ms: 680, color: "#8a8a85" }, { name: "ElevenLabs Conversational", ms: 580, color: "#8a8a85" }, ]; const max = 1000; return (
Unter 500 ms.
Spürbar, nicht laggy.} sub="Latenz ist der Unterschied zwischen einem Gespräch, das sich natürlich anfühlt, und einem, das wie ein Telefon-Bot klingt. Wir hosten in Basel, streamen STT/TTS parallel, und sparen jeden Roundtrip ein." />
{/* Chart */}
{data.map(d => (
{d.name}{d.featured && WIR}
{d.ms} ms
))}
Quelle: interne Messung, p50, n=500 Calls, Mai 2026 · Zielregion CH
{/* Tech bullets */}
); } function TechBullet({ n, title, text, last }) { return (
{n}
{title}
{text}
); } window.Nav = Nav; window.Hero = Hero; window.LogoBar = LogoBar; window.SectionHead = SectionHead; window.LatencySection = LatencySection;