import {Link} from 'react-router-dom';import {ArrowRight,BookOpen,BriefcaseBusiness,Church,Globe2,Users} from 'lucide-react';
export default function HomePage(){return <div className="public"><header className="public-nav"><div className="brand"><span>CA</span><strong>Church Alumni Network</strong></div><Link className="btn ghost" to="/login">Member sign in</Link></header><section className="hero"><div><div className="eyebrow">ONE CHURCH · EVERY CAMPUS · ONE NETWORK</div><h1>Connecting students, alumni and Christian professionals.</h1><p>A unified digital community for member profiles, professional networking, campus ministry reporting and accountable national oversight.</p><div className="actions"><Link className="btn primary" to="/signup">Join the network <ArrowRight size={18}/></Link><Link className="btn" to="/login">Access portal</Link></div></div><div className="hero-card"><Church size={42}/><h3>Built for ministry growth</h3><div className="metric"><strong>Campus</strong><span>Activities & finance</span></div><div className="metric"><strong>National</strong><span>Programs & aggregation</span></div><div className="metric"><strong>Oversight</strong><span>Patron & church board</span></div></div></section><section className="features">{[[Users,'Member directory','Current students and alumni profiles'],[BriefcaseBusiness,'Professional network','Employment and career history'],[BookOpen,'Ministry reporting','Meetings, evangelism and soul winning'],[Globe2,'National visibility','Campus rollups and consolidated finance']].map(([I,t,d])=><article key={t}><I/><h3>{t}</h3><p>{d}</p></article>)}</section></div>}
