import React, { useState } from 'react'; import Link from 'next/link'; import { useRouter } from 'next/router'; import { Hexagon, ArrowRight, Lock, User } from 'lucide-react'; import Head from 'next/head'; export default function LoginPage() { const router = useRouter(); const [loading, setLoading] = useState(false); const [error, setError] = useState(''); const handleLogin = async (e: React.FormEvent) => { e.preventDefault(); setLoading(true); setError(''); const formData = new FormData(e.currentTarget); const username = formData.get('username') as string; const password = formData.get('password') as string; try { const response = await fetch('/api/v1/auth/login', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ username, password }) }); const data = await response.json(); if (data.success) { // Also set REAL mode after successful login localStorage.setItem('NEXUS_DATA_MODE', 'REAL'); router.push('/'); } else { setError(data.error || 'Login failed'); } } catch (err) { setError('Network error. Please try again.'); } finally { setLoading(false); } }; return (
NEXUS_MAT.OS {/* Animated Background */}
NEXUS_MAT.OS

IDENTITY_VERIFICATION_PROTOCOL

{/* Border Gradient Animation */}
{error && (
{error}
)}
[ CREATE_NEW_IDENTITY ] FORGOT_KEY?

SECURE CONNECTION ESTABLISHED
ENCRYPTION: AES-256-GCM

); }