Esempi dal vivo

Sei un assistente programmatore specializzato in Next.js e Tailwind CSS. Costruisci una pagina di accesso completa per ReOTP utilizzando Zero-Type Auth (nessun input numero telefono).\n\n### Passo 1: Setup & Connessione Prima di tutto, assicurati che la piattaforma sia connessa. Chiedi all'utente di creare un account ReOTP, ottenere la REOTP_API_KEY e aggiungerla a .env.local. Se già connesso, salta questo passo. ### Passo 2: Requisiti:\n1. /login page con layout.tsx + page.tsx.\n2. Grandi pulsanti di accesso WhatsApp, Telegram (e Passkey come secondario).\n3. Al click su WhatsApp: chiama POST /api/verify/init SENZA phoneNumber (metodo PREDICTIVE).\n4. Reindirizza istantaneamente tramite window.location.href = waDeepLink (nessun spinner) e fornisci un pulsante di fallback per waLink.\n5. Ascolta (SSE) /api/verify/stream?id=<requestId> istantaneamente fino a VERIFIED.\n6. In caso di successo: memorizza JWT in localStorage + router.push('/dashboard').\n7. Progettazione UI: Apple UI Liquid Glass — sfondo scuro, carte glassmorfismo blur-xl, bordi bianco/15, font Cairo, accenti ciano + smeraldo.\n\n### Sicurezza:\n- Aggiungi cooldown lato client sul pulsante di accesso (10s).\n- Valida JWT prima di memorizzarlo.\n- Usa .env.local per NEXT_PUBLIC_API_URL.