// ============================================================ // MEMBERSHIP TOOLS — auth-modal + lidmaatschap (Mollie) // ============================================================ const { useState: useMS } = React; function AuthModal({ tab = 'login', onClose, onDone }) { const [active, setActive] = useMS(tab); const submit = (e, kind) => { e.preventDefault(); onDone && onDone(kind); }; return (
{ if (e.target === e.currentTarget) onClose(); }}>
{active === 'login' ? (
submit(e, 'login')}>

Welkom terug

Nog geen account? setActive('register')}>Maak er een

) : (
submit(e, 'register')}>

Maak je Pootje-account

🔒 Daarna reken je veilig af met Mollie — iDEAL, creditcard en meer.

Al lid? setActive('login')}>Inloggen

)}
); } const PLANS = [ { id: 'gratis', name: 'Verkenner', sub: 'Om te starten', amt: '€0', per: 'gratis', featured: false, cta: 'Maak gratis account', authTab: 'register', feats: ['Bewaar je hondenmatch', 'Favorieten-lijst', '1 ras-gids ontgrendeld'], }, { id: 'maand', name: 'Pootje Plus', sub: 'Alles, maandelijks opzegbaar', amt: '€7,50', per: '/ maand', featured: true, ribbon: 'Populairst', cta: 'Start met Plus', authTab: 'register', feats: ['Alle 200+ ras-gidsen', 'Persoonlijk matchadvies', '10% korting in de webshop', 'Dierenarts-chat'], }, { id: 'jaar', name: 'Pootje Plus Jaar', sub: '2 maanden gratis', amt: '€69', per: '/ jaar', featured: false, cta: 'Kies jaarvoordeel', authTab: 'register', feats: ['Alles uit Pootje Plus', '2 maanden voordeel', 'Gezinsaccount: tot 3 profielen'], }, ]; function MembershipScreen({ onLogin }) { return (
Word lid

Haal alles uit Pootje

Maak een gratis account of word Plus en ontgrendel elke ras-gids, persoonlijk matchadvies en korting in de webshop.

{PLANS.map((p) => (
{p.ribbon &&
{p.ribbon}
}

{p.name}

{p.sub}

{p.amt}{p.per}
    {p.feats.map((f, i) =>
  • {f}
  • )}
))}
🔒 Veilig betalen met Mollie
iDEAL Creditcard Bancontact PayPal Apple Pay
); } Object.assign(window, { AuthModal, MembershipScreen });