@extends('layouts.app')
@section('content')
<section class="hero"><div class="hero-shade"></div><div class="shell hero-layout"><div class="hero-copy"><div class="eyebrow">Music creates memories</div><h1>Find the DJ that <span>fits your night.</span></h1><p>Discover trusted professionals for weddings, parties, corporate events and clubs. Compare profiles, reviews and prices, then enquire directly.</p><form class="searchbox" action="{{ route('djs.index') }}"><label><span>Where?</span><input name="location" placeholder="Town or postcode"></label><label><span>Event</span><select name="event_type"><option value="">Any event</option><option>Wedding</option><option>Party</option><option>Corporate</option><option>Club</option></select></label><label><span>Date</span><input type="date" name="date"></label><button class="button" type="submit">Search DJs</button></form><div class="hero-proof"><span>✓ Verified profiles</span><span>✓ Genuine reviews</span><span>✓ Secure enquiries</span></div></div></div></section>
<section class="section"><div class="shell"><div class="section-head"><div><div class="eyebrow">Top talent</div><h2>Featured DJs</h2><p>Standout professionals ready for your next event.</p></div><a class="button ghost" href="{{ route('djs.index') }}">Browse all DJs</a></div><div class="cards dj-cards">@forelse($featured as $dj) @include('djs._card',['dj'=>$dj]) @empty @foreach([['DJ Luna','London',350,'photo-1516280440614-37939bbacd81'],['DJ Maverick','Manchester',400,'photo-1571266028243-d220c9c3b2d2'],['DJ Rhythm','Birmingham',300,'photo-1524368535928-5b5e00ddc76b'],['DJ Serenity','Leeds',320,'photo-1506157786151-b8491531f063']] as $d)<article class="card dj-card"><div class="card-img" style="background-image:url('https://images.unsplash.com/{{ $d[3] }}?auto=format&fit=crop&w=900&q=82')"></div><div class="card-body"><div class="card-title-line"><h3>{{ $d[0] }}</h3><span class="verified">✓</span></div><div class="stars">★★★★★ <span>4.9</span></div><p>{{ $d[1] }} · Weddings · Parties</p><div class="card-foot"><strong>From £{{ $d[2] }}</strong><a href="{{ route('djs.index') }}">View profile →</a></div></div></article>@endforeach @endforelse</div></div></section>
<section id="how" class="section section-alt"><div class="shell"><div class="section-intro"><div class="eyebrow">Simple & secure</div><h2>From search to dance floor</h2><p>BeatBook keeps finding and booking entertainment straightforward.</p></div><div class="steps">@foreach([['01','Search','Find DJs by location, event and budget.'],['02','Compare','See experience, pricing and verified feedback.'],['03','Enquire','Share your event details securely.'],['04','Book','Confirm your event and review afterwards.']] as $step)<div class="step-card"><span>{{ $step[0] }}</span><h3>{{ $step[1] }}</h3><p>{{ $step[2] }}</p></div>@endforeach</div></div></section>
<section id="for-djs" class="section"><div class="shell split-feature"><div><div class="eyebrow">For professionals</div><h2>Turn more enquiries into bookings.</h2><p class="lead">Build a trusted profile, receive structured leads and manage your work from one place.</p><a class="button" href="{{ route('register') }}">Join as a DJ</a></div><div class="feature-list"><div><strong>Professional presence</strong><span>Show your music, experience, service area and pricing.</span></div><div><strong>Better enquiries</strong><span>Get the event details you need before you quote.</span></div><div><strong>Reputation</strong><span>Build trust with reviews from completed bookings.</span></div><div><strong>One dashboard</strong><span>Keep enquiries, bookings and account details together.</span></div></div></div></section>
<section id="pricing" class="section pricing-section"><div class="shell pricing-box"><div><div class="eyebrow">Straightforward pricing</div><h2>Free for clients. Built to grow with DJs.</h2><p>Clients can browse and enquire without a subscription. DJ plans and payment services can be introduced as the marketplace grows.</p></div><a class="button ghost" href="{{ route('register') }}">Create an account</a></div></section>
@endsection