Le tue 4 anteprime

{state.eta}

{state.nome} · {THEMES[state.tema].name}

{formatDateLong(state.data)} · {state.ora}

Tocca un invito per vederlo grande.

{LAYOUTS.map((layout, i) => (

openInvite(layout.id)} className="invite-card">

Stile {i + 1}

{layout.name}

))}

Le anteprime hanno il watermark. 1€ per scaricarlo senza.

); } function formatDateLong(iso) { if (!iso) return '—'; const d = new Date(iso); if (isNaN(d)) return iso; const months = ['Gen','Feb','Mar','Apr','Mag','Giu','Lug','Ago','Set','Ott','Nov','Dic']; return `${d.getDate()} ${months[d.getMonth()]} ${d.getFullYear()}`; } // ───────────────────────────────────────────────────────────── // 7. Single invite fullscreen + CTA // ───────────────────────────────────────────────────────────── function InvitePreviewScreen({ state, layoutId, format = 'statico', back, onPay, onChangeLayout, onChangeFormat }) { return (

Anteprima

{Array.from({ length: 24 }).map((_, i) => Invitino)}

{/* FORMAT picker */}

FORMATO

{FORMATS.map(f => { const sel = f.id === format; const isPremium = f.id !== 'statico'; return ( ); })}

{FORMATS.find(f => f.id === format)?.desc}

{/* layout switcher */}

CAMBIA STILE

{LAYOUTS.map(l => { const sel = l.id === layoutId; return ( ); })}

Pagamento sicuro · Scarichi subito senza watermark

); } // ───────────────────────────────────────────────────────────── // 8. Apple Pay-like sheet // ───────────────────────────────────────────────────────────── function PaySheet({ state, layoutId, onCancel, onSuccess }) { const [paying, setPaying] = useStateP(false); const [done, setDone] = useStateP(false); const handlePay = () => { setPaying(true); setTimeout(() => { setDone(true); setTimeout(onSuccess, 700); }, 1400); }; return ( <>

{/* grabber */}

Pay

Paga Invitino

{/* item row */}

Invito {THEMES[state.tema].name}

PNG ad alta risoluzione · senza watermark

1,00 €

Totale 1,00 €

{/* card row */}

VISA

Visa •••• 4242

Carta predefinita

{/* Pay button — slide to confirm style */}

Doppio-clic sul tasto laterale per confermare

); } // ───────────────────────────────────────────────────────────── // 9. Success // ───────────────────────────────────────────────────────────── function SuccessScreen({ state, layoutId, onShareWhatsApp, onSave, onOpenRsvp, onNew }) { const [showConfetti, setShowConfetti] = useStateP(true); const [reminder, setReminder] = useStateP(true); useEffectP(() => { const t = setTimeout(() => setShowConfetti(false), 3000); return () => clearTimeout(t); }, []); return (

{/* Confetti rain */} {showConfetti && (

{Array.from({ length: 26 }).map((_, i) => { const colors = ['#FF6B9D', '#8B7CF8', '#FFB84D', '#4FB890', '#FFB1CC']; return (

); })}

)}

Tutto pronto! 🎉

Il tuo invito è stato salvato in Foto. Mandalo a chi vuoi su WhatsApp.

{/* Reminder toggle */}

Promemoria 24h prima

Ti ricordiamo di scrivere ai genitori che non hanno risposto.

); } Object.assign(window, { PreviewGridScreen, InvitePreviewScreen, PaySheet, SuccessScreen });