import { useState } from 'react'; import { useRouter } from 'next/router'; import Link from 'next/link'; import Head from 'next/head'; import { useAuth } from '../hooks/useAuth'; export default function LoginPage() { const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const [error, setError] = useState(''); const [loading, setLoading] = useState(false); const { login } = useAuth(); const router = useRouter(); const handleSubmit = async (e: React.FormEvent) => { e.preventDefault(); setError(''); setLoading(true); try { await login(email, password); router.push('/dashboard'); } catch (err: any) { setError(err.response?.data?.message || 'Login failed'); } setLoading(false); }; return ( <> Login – MarketScope
{/* Brand */}
M

MarketScope

E-Commerce Price Intelligence

{/* Form */}

Welcome Back

{error && (
{error}
)}
setEmail(e.target.value)} className="input-field" placeholder="you@example.com" required />
setPassword(e.target.value)} className="input-field" placeholder="••••••••" required />

Belum punya akun?{' '} Register

); }