<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@yield('title', 'Head Bangers — Dubai\'s House of Boxing')</title>
    @vite(['resources/css/site.css', 'resources/js/site.js'])
    @livewireStyles
    @stack('styles')
</head>
<body data-page="{{ $page ?? '' }}">
    <x-site-header :page="$page ?? ''" />

    <main>
        @yield('content')
    </main>

    <x-site-footer />

    @livewireScripts
    @stack('scripts')
</body>
</html>
