import{ArrowRight,BriefcaseBusiness,LockKeyhole,ShieldCheck,Ticket}from"lucide-react";import{Brand}from"../../components/site-shell";
export default function Login(){return <div className="auth-page"><section className="auth-brand-panel"><Brand/><div><span className="eyebrow">Welcome back</span><h1>One account.<br/>Every <em>moment.</em></h1><p>Buy tickets, manage events, talk securely and keep your whole history in one place.</p></div><div className="auth-trust"><ShieldCheck size={18}/> Secure access · Protected by modern authentication</div></section><section className="auth-form-panel"><div className="auth-box"><h2>Sign in to EasyPay Tickets</h2><p>Enter your account email to continue.</p><form><label>Email address<input type="email" placeholder="you@example.com"/></label><label>Password<a href="/help">Forgot password?</a><input type="password" placeholder="••••••••••"/></label><button type="button" className="action-primary"><LockKeyhole size={17}/> Sign in <ArrowRight size={17}/></button></form><div className="auth-divider"><span>New to EasyPay?</span></div><div className="account-choices"><a href="/dashboard/buyer"><Ticket/><span><b>Buyer account</b><small>Buy and manage tickets</small></span><ArrowRight/></a><a href="/dashboard/seller"><BriefcaseBusiness/><span><b>Seller account</b><small>Create and sell events</small></span><ArrowRight/></a></div><p className="admin-preview">Platform owner? <a href="/dashboard/admin">Open super-admin preview</a></p></div></section></div>}
