<!DOCTYPE html>
<html lang="en">
<head>
<title>@yield('meta_title') - {{ config('app.name') }}</title>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="description" content="@yield('meta_description')"/>
<meta name="keywords" content="@yield('meta_keywords')"/>
@if (config('theme.fonts'))
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css?family={{ config('theme.fonts') }}" rel="stylesheet"/>
@endif
@section('css')
<link rel="stylesheet" href="{{ Theme::vite('src/css/style.css') }}" />
@stack('styles')
@stop
@yield('css')
@include('partials._components.favicon')
@include('partials._components.analytics')
@show
</head>
<body class="env-front-{{ config('app.env') }}">
<div class="site-shell site-shell--with-alerts">
    @include('partials._components.header')
    @hasSection('content_alert')
        @yield('content_alert')
    @else
        <section class="site-alert-layer">
            <div class="site-alert-layer__inner">
                @include('partials._components.alert')
            </div>
        </section>
    @endif
    @yield('content_header')
    @yield('content')
    @yield('content_footer')
</div>
@include('partials._components.footer')
@section('js')
    <script src="{{ Theme::vite('src/js/script.js') }}"></script>
    @stack('scripts')
@show
</body>
</html>
