@extends('layouts.master')
@section('meta')
    <title>L'Atelier du Sushi | Restaurant de Sushi & Spécialités à Brionne</title>
    <meta name="description"
        content="Bienvenue à L'Atelier du Sushi, votre restaurant japonais à Brionne ! Découvrez nos California, rolls signatures, nems croustillants et tempura faits minute. Commandez dès maintenant. ">
    <meta name="keywords"
        content=""L'Atelier Du Sushi, Restaurant japonais Brionne, Restaurant sushi Brionne, Livraison sushi Brionne, Commande sushi en ligne Brionne, Sushi à emporter Brionne, Meilleur restaurant japonais Brionne, Plateau de sushi Brionne, Maki Brionne, California roll Brionne, Tempura Brionne, Nem Brionne, Cuisine japonaise Brionne, Livraison de repas Brionne"">
    <meta property="og:url" content="{{ route('home') }}">
    <meta property="og:type" content="article">
    <meta property="og:title"
        content="L'Atelier du Sushi | Restaurant de Sushi & Spécialités à Brionne">
    <meta property="og:description"
        content="Bienvenue à L'Atelier du Sushi, votre restaurant japonais à Brionne ! Découvrez nos California, rolls signatures, nems croustillants et tempura faits minute. Commandez dès maintenant. ">
    <meta property="og:image" content="{{ asset('img/Bienvenue-chez-atelier-du-sushi.webp') }}">

    <link rel="preload" as="image" href="{{ asset('img/sakai-sushi.webp') }}">
    <link rel="preload" as="image" href="{{ asset('img/bienvenu-atelier-du-sushi.webp') }}">
    <link rel="preload" as="image" href="{{ asset('img/atelier-du-sushi.webp') }}">
@endsection
@section('content')
    <main>
        {{-- Include banner --}}
        @include('pages.home.slider')
        @include('pages.home.banner')
        {{-- End banner --}}



        {{-- Include Top categories --}}
        @include('pages.home.categories')
        {{-- end top categories --}}
        {{-- Include discount --}}
        @include('pages.home.discount')
        {{-- end discount --}}




        {{-- Include   contact --}}
        @include('pages.home.contact')
        {{-- end   contact --}}
        {{-- Include about --}}
        @include('pages.home.about')
        {{-- end about --}}



        {{-- Include services --}}
        {{-- @include('pages.home.services') --}}
        {{-- end services --}}




        {{-- Include map --}}
        @include('pages.home.map')
        {{-- end map --}}


    </main>
@endsection




@section('script')
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const lazyBackgrounds = document.querySelectorAll('.lazy-background');

            const lazyLoadBackground = target => {
                const observer = new IntersectionObserver((entries, observer) => {
                    entries.forEach(entry => {
                        if (entry.isIntersecting) {
                            const backgroundImage = entry.target.getAttribute('data-src');
                            entry.target.style.backgroundImage = `url('${backgroundImage}')`;
                            observer.unobserve(entry.target);
                        }
                    });
                });

                observer.observe(target);
            };

            lazyBackgrounds.forEach(lazyLoadBackground);
        });
    </script>
@endsection