/* ── Waitlist + Preorder + Transition + Categories + Metrics + Footer ── */ /* ── WAITLIST ── */ function WaitlistSection() { const [sent, setSent] = React.useState(false); const [loading, setLoading] = React.useState(false); async function handleSubmit(e) { e.preventDefault();setLoading(true); try { const r = await fetch(e.target.action, { method: "POST", body: new FormData(e.target), headers: { Accept: "application/json" } }); if (r.ok) {setSent(true);e.target.reset();} } catch (_) {} setLoading(false); } const labelStyle = { display: "flex", flexDirection: "column", gap: "6px", fontSize: "11px", fontWeight: "var(--weight-medium)", color: "var(--text-muted)", letterSpacing: ".07em", textTransform: "uppercase" }; const fieldStyle = { fontFamily: "var(--font-body)", fontSize: "var(--text-md)", color: "var(--text-heading)", background: "#fff", border: "1.5px solid var(--border-strong)", borderRadius: "var(--radius-md)", padding: "11px 14px", outline: "none", width: "100%" }; return (
Liste d'attente

Sois parmi les premiers.

On lance en 2027. Inscris-toi pour être prévenu·e en avant-première et rejoindre le crowdfunding dès son ouverture.

{sent ?
Merci — tu es sur la liste. On te prévient dès l'ouverture !
:
}
); } /* ── PREORDER CARD ── */ function PreorderCard() { const cardBase = { background: "#fff", border: "1px solid var(--border-subtle)", borderRadius: "24px", padding: "40px 36px", textAlign: "center", boxShadow: "var(--shadow-raised)", flex: "1 1 320px", maxWidth: "380px" }; const pill = (bg, color) => ({ display: "inline-flex", alignItems: "center", gap: "6px", fontSize: "11px", fontWeight: "var(--weight-medium)", letterSpacing: ".1em", textTransform: "uppercase", color, background: bg, padding: "6px 14px", borderRadius: "var(--radius-pill)", marginBottom: "20px" }); const dot = (bg) => ({ width: "5px", height: "5px", borderRadius: "50%", background: bg, display: "inline-block" }); const tiers = [ { n: "10 recharges", price: "25", unit: "2,50", note: "", highlight: false }, { n: "20 recharges", price: "40", unit: "2,00", note: "+ Barflask offerte", highlight: true }, { n: "40 recharges", price: "68", unit: "1,70", note: "+ Barflask offerte", highlight: false }, ]; return (
Précommande

Réserve dès maintenant.

Livraison au démarrage de la production.

{/* Barflask card */}
Barflask
Barflask
19,90 €

Le contenant souple conçu pour les solides.

{[ { f: "Ouverture à une main", v: "En cours de dépôt" }, { f: "Durée de vie", v: "10 000 +" }, { f: "Recharges incluses", v: "+5 au lancement" }, ].map(r => (
{r.f} {r.v}
))}
Être prévenu·e du lancement →
{/* Forfait card */}
Forfait recharges
Forfait
{tiers.map(t => (
{t.n}
{t.note &&
{t.note}
}
{t.price} €
{t.unit} €/recharge
))}
Être prévenu·e →

À partir de 20 recharges — Barflask offerte incluse.

); } /* ── WHITE TRANSITION BAR ── */ function WhiteBar() { return
; } /* ── MISSION ── */ function Categories() { const convictions = [ { t: "Pour les sportifs", d: "S'alimenter aussi bien qu'avant, sans rien laisser derrière soi." }, { t: "Pour la nature & les villes", d: "Moins de plastique non recyclable, des espaces plus propres." }]; return (
Notre mission

Donner aux sportifs une façon de s'alimenter à l'effort, sans jeter un seul emballage.

« C'est possible de faire des compétitions sans avoir un impact si grand. Il faut que l'on change le système, on a la capacité de le faire et il ne faut pas attendre d'avoir un mode de vie parfait, au contraire il faut vouloir changer. » Kilian Jornet

{convictions.map((c) =>

{c.t}

{c.d}

)}
); } /* ── METRICS ── */ function Metrics() { const stats = [ { v: "3 Md", d: "de déchets d'emballages individuels évités" }, { v: "10 000+", d: "utilisation en rincant à l'eau" }, { v: "0", d: "emballage en sortie de machine" }]; return (

Des chiffres, pas des promesses.

Sur mon 80 km, couru en 18 heures, j'ai consommé un produit toutes les 15 minutes. Soit 72 emballages sur une seule course. Multipliez par tous les traïleurs, marathoniens, cyclistes et athlètes d'endurance — on arrive à des Milliards d'emballages par an.*
{stats.map((s) =>
{s.v}
{s.d}
)}
); } /* ── FOOTER ── */ function SiteFooter() { const cols = [ { h: "Produits", l: ["Barflask", "Ouvertures", "Recharges", "Accessoires"] }, { h: "Refill Source", l: ["Trouver une Source", "Installer une Source", "Pour les pros"] }, { h: "Refill Labs", l: ["Notre démarche", "Chiffres", "Presse", "Contact"] }]; return ( ); } Object.assign(window, { WaitlistSection, PreorderCard, WhiteBar, Categories, Metrics, SiteFooter });