import{ArrowRight,BadgeCheck,BriefcaseBusiness,Headphones,MapPin,Mic2,Music2,Palette,Search,ShieldCheck,Sparkles,Trophy,Utensils,WalletCards,Zap}from"lucide-react";import type{CSSProperties}from"react";import{EventCard}from"../components/event-card";import{SiteFooter,SiteHeader}from"../components/site-shell";import{categories,events}from"../lib/data";
const categoryIcons={music:Music2,trophy:Trophy,mic:Mic2,utensils:Utensils,palette:Palette,briefcase:BriefcaseBusiness};
export default function Home(){return <div className="public-page"><SiteHeader/><main><section className="hero-section"><div className="hero-glow hero-glow-one"/><div className="hero-glow hero-glow-two"/><div className="hero-content"><span className="eyebrow"><Sparkles size={16}/> Your next great story starts here</span><h1>Find the moments<br/>you&apos;ll talk about <em>forever.</em></h1><p>Concerts, sports, comedy and experiences—one beautiful, secure marketplace.</p><form className="hero-search" action="/discover"><label><Search size={21}/><input name="q" aria-label="Search events" placeholder="Search events, artists or venues"/></label><span className="search-divider"/><label className="location-field"><MapPin size={20}/><input name="city" aria-label="Location" defaultValue="Orange County, CA"/></label><button type="submit">Find events <ArrowRight size={18}/></button></form><div className="hero-trust"><span><BadgeCheck size={17}/> Verified sellers</span><span><ShieldCheck size={17}/> Secure payments</span><span><Zap size={17}/> Instant mobile tickets</span></div></div><div className="hero-ticket-stack" aria-hidden="true"><div className="floating-ticket ticket-back"><span>ADMIT ONE</span><b>GOOD TIMES</b></div><div className="floating-ticket ticket-main"><div className="ticket-art"><span>NEON<br/>HARBOR</span><b>19</b></div><div className="ticket-info"><small>SEP 19 · COSTA MESA</small><b>LIVE UNDER THE LIGHTS</b><span>ENTRY A12</span></div></div></div></section>
<section className="content-section category-section"><div className="section-heading"><div><span className="section-kicker">Browse your vibe</span><h2>Something for everyone</h2></div><a href="/discover">View all events <ArrowRight size={17}/></a></div><div className="category-grid">{categories.map(c=>{const Icon=categoryIcons[c.icon as keyof typeof categoryIcons];return <a className="category-card" href={`/discover?category=${encodeURIComponent(c.name)}`} key={c.name} style={{"--category":c.color}as CSSProperties}><span><Icon size={24}/></span><b>{c.name}</b><small>Explore events</small><ArrowRight className="category-arrow" size={17}/></a>})}</div></section>
<section className="content-section events-section"><div className="section-heading"><div><span className="section-kicker">Handpicked near you</span><h2>Trending this week</h2></div><a href="/discover">Browse everything <ArrowRight size={17}/></a></div><div className="events-grid">{events.map(e=><EventCard event={e} key={e.slug}/>)}</div></section>
<section className="seller-spotlight"><div className="seller-visual"><div className="sales-card"><small>THIS MONTH</small><strong>$18,420</strong><span><b>↑ 24%</b> vs last month</span><div className="mini-chart"><i/><i/><i/><i/><i/><i/><i/></div></div><div className="payout-chip"><span><WalletCards size={20}/></span><div><b>Payout on the way</b><small>$4,280.00 · Arrives Friday</small></div></div></div><div className="seller-copy"><span className="eyebrow dark-eyebrow"><Sparkles size={16}/> Built for event creators</span><h2>Your event.<br/>Your audience.<br/><em>Your moment.</em></h2><p>Create beautiful event pages, control inventory, talk with buyers, and understand every sale from one powerful dashboard.</p><div className="seller-benefits"><span><BadgeCheck size={18}/> Fast seller onboarding</span><span><WalletCards size={18}/> Transparent payouts</span><span><Headphones size={18}/> Real human support</span></div><a className="primary-button" href="/sell">Start selling <ArrowRight size={18}/></a></div></section>
<section className="trust-section"><span className="section-kicker">EasyPay Promise</span><h2>Tickets without the worry.</h2><p>We bring clarity to every step—from the first search to the final scan.</p><div className="promise-grid"><article><span><ShieldCheck size={25}/></span><h3>Protected purchase</h3><p>Secure checkout, all-in prices and support when plans change.</p></article><article><span><BadgeCheck size={25}/></span><h3>Trusted sellers</h3><p>Identity and payout verification before sellers receive funds.</p></article><article><span><Zap size={25}/></span><h3>Ready when you are</h3><p>Mobile tickets and order updates delivered right away.</p></article></div></section></main><SiteFooter/></div>}
