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

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Ikea price comparison for Europe">
    <meta name="keywords" content="ikea, price, comparison, compare, check, scanner, product, ikea price, ikea comparison, price comparison, ikea compare, price compare, vergleichen, preis, preise, ikea preis, ikea preise, ikea vergleichen, ikea vergleichen preis, ikea vergleichen preise, vergleichen preis, vergleichen preise, valeur, products">
    <title inertia>{{ config('app.name', 'Laravel') }}</title>

    <!-- Fonts -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap">

    <!-- Icons -->
    <link rel="stylesheet" href="{{ url('/vendors/fontawesome/css/all.min.css') }}">
    <link rel="shortcut icon" href="{{ asset('images/favicon.png') }}">
    <!-- Scripts -->
    <style>
        .gradient {
            background: linear-gradient(90deg, #d53369 0%, #daae51 100%);
        }

    </style>
    @routes
    @vite('resources/js/app.js')
    @inertiaHead

    <!-- Matomo -->
    <script>
        var _paq = window._paq = window._paq || [];
        /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
        _paq.push(['trackPageView']);
        _paq.push(['enableLinkTracking']);
        (function() {
          var u="https://matomo.soson.eu/";
          _paq.push(['setTrackerUrl', u+'matomo.php']);
          _paq.push(['setSiteId', '3']);
          var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
          g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
        })();
        </script>
        <!-- End Matomo Code -->

</head>

<body class="font-sans antialiased bg-gray-100 relative min-h-screen">
    @inertia
</body>

</html>
