<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>@yield('title', 'Точка — автомобильный каталог')</title>
    @hasSection('meta_description')
        <meta name="description" content="@yield('meta_description')"/>
    @endif

    {{-- Canonical URL --}}
    <link rel="canonical" href="{{ request()->url() }}"/>

    {{-- Open Graph + Twitter Card + Яндекс.Метрика + Google Analytics --}}
    @include('layouts.partials._head_meta')

    {{-- Шрифты: Unbounded (заголовки) + Manrope (текст) --}}
    <link rel="preconnect" href="https://fonts.googleapis.com"/>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Unbounded:wght@400;600;700;900&family=Manrope:wght@300;400;500;600;700&display=swap"/>

    {{-- Стили дизайна сайта --}}
    <link rel="stylesheet" href="{{ asset('css/site.css') }}"/>

    @stack('styles')
</head>
<body>

{{-- Шапка --}}
@include('layouts.partials._header')

{{-- Основной контент страницы --}}
<main>
    @yield('content')
</main>

{{-- Подвал + плавающая кнопка TG --}}
@include('layouts.partials._footer')

{{-- JS: navbar scroll, burger, scroll-reveal --}}
<script src="{{ asset('js/site.js') }}" defer></script>

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