@extends('layouts.app')
@section('content')
<section class="hero"><div class="container hero-grid"><div><span class="eyebrow">GSM SERVICES MARKETPLACE</span><h1>Find the GSM service<br><span>you need.</span></h1><p>Tools, activations, remote services, credits and digital products from verified GSM sellers.</p><form action="{{ route('services.index') }}" class="search"><input name="q" placeholder="Search services, tools, models..."><button>Search</button></form><div class="hero-links"><a href="{{ route('services.index') }}">Explore services →</a><a href="{{ route('seller.dashboard') }}">Sell your service →</a></div></div><div class="hero-card"><div class="hero-stat"><strong>6</strong><span>Marketplace categories</span></div><div class="hero-stat"><strong>24/7</strong><span>Digital ordering</span></div><div class="hero-stat"><strong>Escrow</strong><span>Payment-ready architecture</span></div></div></div></section>
<section class="section"><div class="container"><div class="section-head"><div><span class="eyebrow">BROWSE</span><h2>Popular categories</h2></div><a href="{{ route('services.index') }}">View all →</a></div><div class="category-grid">@foreach($categories as $category)<a class="category" href="{{ route('services.index',['category'=>$category->slug]) }}"><div class="icon">{{ strtoupper(substr($category->name,0,1)) }}</div><div><h3>{{ $category->name }}</h3><p>{{ $category->description }}</p></div></a>@endforeach</div></div></section>
<section class="section muted"><div class="container"><div class="section-head"><div><span class="eyebrow">FEATURED</span><h2>Popular services</h2></div><a href="{{ route('services.index') }}">Explore →</a></div><div class="service-grid">@foreach($featured as $service)<a class="service-card" href="{{ route('services.show',$service) }}"><div class="service-top"><span class="pill">{{ $service->category->name }}</span><span class="rating">★ {{ number_format($service->seller->rating,1) }}</span></div><h3>{{ $service->title }}</h3><p>{{ $service->excerpt }}</p><div class="service-bottom"><span>{{ $service->seller->shop_name }}</span><strong>${{ number_format($service->price,2) }}</strong></div></a>@endforeach</div></div></section>
@endsection