<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    @include('googletagmanager::head')
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    {!! SEOMeta::generate() !!}
    {!! OpenGraph::generate() !!}
    {!! Twitter::generate() !!}
    {!! JsonLdMulti::generate() !!}
    <meta property="fb:app_id" content="{{ config('seotools.fb_app_id') }}" />
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <link rel="icon" href="{{ asset('ai-buddy-tool-logo-512x512.svg') }}" type="image/svg+xml">
    <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('apple-touch-icon.png') }}">
    <link rel="manifest" href="{{ asset('site.webmanifest') }}">

    @vite('resources/sass/app-front.scss')

    @stack('top_head')

    <!-- Custom styles for this Page-->
    @yield('custom_styles')

    @include('front.layouts.header')

</head>

<body>

    <div id="app">

        @include('googletagmanager::body')

        @include('front.layouts.navigation')

        @yield('content')

        @include('front.layouts.footer')

        <!-- Core plugin JavaScript-->
        @vite('resources/js/app-front.js')

        <!-- Page level custom scripts -->
        @yield('custom_scripts')

    </div>

</body>

</html>
