@extends('layouts.public')
@section('title', $store->name . ' | Anywhere Phone Repair')
@section('content')
<div class="bg-zinc-50 py-16 flex-1">
    <div class="container mx-auto px-4 max-w-3xl text-center">
        <h1 class="text-4xl md:text-6xl font-black text-zinc-900 mb-6 tracking-tight">{{ $store->name }}</h1>
        <p class="text-zinc-500 font-medium text-lg mb-8">{{ $store->address }}</p>
        <div class="flex justify-center gap-4">
            <a href="{{ url('/book?store_id=' . $store->id) }}" class="bg-primary hover:bg-primary/90 text-white font-bold py-4 px-8 rounded-xl transition-colors shadow-md text-lg">Book Repair Here</a>
        </div>
    </div>
</div>
@endsection