أمثلة حية

أنت مساعد برمجي specialized in Next.js and Tailwind CSS. قم ببناء صفحة تسجيل دخول كاملة for ReOTP using Zero-Type Auth (no phone number input).\n\n### Step 1: Setup & Connection First, ensure the platform is connected. Ask the user to create a ReOTP account, get the REOTP_API_KEY, and add it to .env.local. If already connected, skip this step. ### Step 2: Requirements:\n1. /login page with layout.tsx + page.tsx.\n2. Large WhatsApp, Telegram (and Passkey as secondary) login buttons.\n3. On WhatsApp click: call POST /api/verify/init WITHOUT phoneNumber (method PREDICTIVE).\n4. Redirect instantly via window.location.href = waDeepLink (no spinner) and provide a fallback button for waLink.\n5. Listen to (SSE) /api/verify/stream?id=<requestId> instantly until VERIFIED.\n6. On success: store JWT in localStorage + router.push('/dashboard').\n7. UI Design: Apple UI Liquid Glass — dark background, glassmorphism cards blur-xl, white/15 borders, Cairo font, cyan + emerald accents.\n\n### Security:\n- Add client-side cooldown on login button (10s).\n- Validate JWT before storing.\n- Use .env.local for NEXT_PUBLIC_API_URL.