import React, { useState } from 'react'; import Link from 'next/link'; import { useRouter } from 'next/router'; import { Hexagon, UploadCloud, Mail, Lock, User, ShieldCheck } from 'lucide-react'; import Head from 'next/head'; export default function RegisterPage() { const router = useRouter(); const [loading, setLoading] = useState(false); const [error, setError] = useState(''); const handleRegister = async (e: React.FormEvent) => { e.preventDefault(); setLoading(true); setError(''); const formData = new FormData(e.currentTarget); const username = formData.get('username') as string; const email = formData.get('email') as string; const password = formData.get('password') as string; const confirmPassword = formData.get('confirmPassword') as string; if (password !== confirmPassword) { setError('Passwords do not match'); setLoading(false); return; } try { const response = await fetch('/api/v1/auth/register', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ username, email, password }) }); const data = await response.json(); if (data.success) { // Also set REAL mode after successful registration localStorage.setItem('NEXUS_DATA_MODE', 'REAL'); router.push('/'); } else { setError(data.error || 'Registration failed'); } } catch (err) { setError('Network error. Please try again.'); } finally { setLoading(false); } }; return (

NEXUS_MAT.OS

JOIN_NETWORK

ESTABLISH NEW NEURAL LINK

USERNAME

PASSWORD

CONFIRM_PASSWORD

{error && (

{error}

)}

ALREADY LINKED? ACCESS_TERMINAL

); }