<!DOCTYPE html>
<html lang="fr">
<head>
        
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="csrf-token" content="xxhMLciRAFincbfJafliAgFLYBjTRUVB8Ha7OLTe">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Think Up Web Créative Agency">
    <title>Livraison sapin  Paris 18 eme 75018 | Achat sapin de Noël à Paris | Mon-Bucheron.com</title>
<meta name="description" content="Pour l'achat de votre sapin de Noël, Mon-Bucheron.com vous propose un service de livraison de sapin eme Paris 18 75018  incluant l'installation à l'endroit souhaité à domicile ou au bureau ainsi que la bûche de support. Pas d'inquiétude ses services sont offerts pour tout achat de sapin Nordmann, Nobilis ou Épicéa. Alors n'hésitez et commander votre arbre de Noël chez Nous !">
<link rel="canonical" href="https://www.mon-bucheron.com/livraison-sapin-paris-18-75018">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Livraison sapin  Paris 18 eme 75018 | Achat sapin de Noël à Paris">
<meta property="og:description" content="Pour l'achat de votre sapin de Noël, Mon-Bucheron.com vous propose un service de livraison de sapin eme Paris 18 75018  incluant l'installation à l'endroit souhaité à domicile ou au bureau ainsi que la bûche de support. Pas d'inquiétude ses services sont offerts pour tout achat de sapin Nordmann, Nobilis ou Épicéa. Alors n'hésitez et commander votre arbre de Noël chez Nous !">
<meta property="og:url" content="https://www.mon-bucheron.com/livraison-sapin-paris-18-75018">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Mon-Bucheron.com">
<meta property="og:image" content="https://www.mon-bucheron.com/images/logo-1.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@mon.bucheron">
<meta name="twitter:image" content="https://www.mon-bucheron.com/images/logo-1.png">
<meta name="twitter:title" content="Livraison sapin  Paris 18 eme 75018 | Achat sapin de Noël à Paris">
<meta name="twitter:description" content="Pour l'achat de votre sapin de Noël, Mon-Bucheron.com vous propose un service de livraison de sapin eme Paris 18 75018  incluant l'installation à l'endroit souhaité à domicile ou au bureau ainsi que la bûche de support. Pas d'inquiétude ses services sont offerts pour tout achat de sapin Nordmann, Nobilis ou Épicéa. Alors n'hésitez et commander votre arbre de Noël chez Nous !">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Livraison sapin  Paris 18 eme 75018 | Achat sapin de Noël à Paris","description":"Pour l'achat de votre sapin de Noël, Mon-Bucheron.com vous propose un service de livraison de sapin eme Paris 18 75018  incluant l'installation à l'endroit souhaité à domicile ou au bureau ainsi que la bûche de support. Pas d'inquiétude ses services sont offerts pour tout achat de sapin Nordmann, Nobilis ou Épicéa. Alors n'hésitez et commander votre arbre de Noël chez Nous !","url":"https://www.mon-bucheron.com/livraison-sapin-paris-18-75018","image":"https://www.mon-bucheron.com/images/logo-1.png"}</script>
    
    <link rel="preload" as="image" fetchpriority="high"
          href="https://www.mon-bucheron.com/img/logo-mon-bucheron.png"
          imagesrcset="https://www.mon-bucheron.com/img/logo-mon-bucheron@2x.png 2x,          https://www.mon-bucheron.com/img/logo-mon-bucheron@2x.png 3x,          https://www.mon-bucheron.com/img/logo-mon-bucheron.png 1x">
    <link rel="preload" as="font" href="/fonts/vidaloka/Vidaloka-Regular.woff2" crossorigin="anonymous">
    <link rel="preload" as="font" href="/fonts/raleway/Raleway-SemiBold.woff2" crossorigin="anonymous">
    <link href="https://www.mon-bucheron.com/admin/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
    <link rel="shortcut icon" type="image/x-icon" href="https://www.mon-bucheron.com/images/favicon.jpg">
    
    <link href="https://www.mon-bucheron.com/css/app.css" rel="stylesheet" as="style">
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script src="https://www.googletagmanager.com/gtag/js?id=UA-150362952-2" defer></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());
        gtag('config', 'UA-150362952-2');
        gtag('config', 'AW-870365873');
    </script>
    <!-- Meta Pixel Code -->
    <script>
    !function(f,b,e,v,n,t,s)
    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
    n.queue=[];t=b.createElement(e);t.async=!0;
    t.src=v;s=b.getElementsByTagName(e)[0];
    s.parentNode.insertBefore(t,s)}(window, document,'script',
    'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '1078862160704351');
    fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none"
    src="https://www.facebook.com/tr?id=1078862160704351&ev=PageView&noscript=1"
    />
    </noscript>
    <!-- End Meta Pixel Code -->
    <!-- Google Tag Manager -->
    <!-- <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-TM5ZSDB3');</script> -->
    <!-- End Google Tag Manager -->
    
    <script defer src="https://www.mon-bucheron.com/js/alpine.min.js" fetchpriority="high"></script>
    <link href="https://www.mon-bucheron.com/storage/cache/css/1698918420-swiper.css" rel="preload" as="style" onload="this.onload=null; this.rel='stylesheet'" />
    <script src="https://www.mon-bucheron.com/storage/cache/js/1698918426-mon-bucheron.js" defer></script>
    
    <style>
        .level-1 {
            padding-left: 1rem;
            padding-right: 1rem;
        }
        .level-1:hover:before {
            visibility: visible;
            transform: scaleX(1);
        }
        .level-1:before {
            background-color: #075e2b;
            content: "";
            position: absolute;
            width: 36px;
            height: 3px;
            bottom: 6px;
            left: 50%;
            margin-left: -18px;
            visibility: hidden;
            transform: scaleX(0);
            transition: .3s;
        }
        .level-2-megamenu {
            display: flex;
            border-radius: 0.5rem;
            color: black;
        }
        @media (max-width: 1023px) {
            .level-2-megamenu {
                color: white;
                background: #ffffff29;
                height:56px;
            }
        }
        .img-scale:hover img {
            transform: scale(1) rotate(.01deg);
        }
        .img-scale img {
            width: 100%;
            vertical-align: top;
            transform: scale(1.1) rotate(.01deg);
            transition: .5s;
            object-fit: cover;
        }
        #navbar-collapse-basic.open {
            height: 100vh!important;
            overflow-y: auto;
        }
        #navbar-collapse-basic {
            height:auto!important
        }
    </style>
</head>
<body x-init="$store.cart.getMinicart(); $store.quote.getQuote()" class="home-page bg-white">
<!-- Google Tag Manager (noscript) -->
<!-- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TM5ZSDB3"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> -->
<!-- End Google Tag Manager (noscript) -->
<div id="app">
    <!--Navigation-->
    <!--BEGIN Ultra Header-->
    <div class="group tertiary-gradient hidden md:block h-[42px]">
        <div class="max-w-screen-xl flex justify-between text-white flex-wrap text-xxs items-center  sm:justify-between w-full px-6 py-3 mx-auto mt-0 animate-fadeInLight">
            <div class="text-center">
                <a href="https://www.mon-bucheron.com/boutiques" title="Livraison sapin Paris">
                    <span class="font-semibold">LIVRAISON SAPIN & BÛCHE OFFERTES</span>
                    <span class="pl-2 hidden lg:inline">|</span><span class="px-1"></span>
                    <span class="hidden lg:inline">Date & Horaire de livraison au choix : 22/11 au 20/12 - 09h à 20h</span>
                </a>
            </div>
            <div class="text-white">
                <span class="transition-all flex">
                    <a class="pr-4 pl-2 hover:text-beige" href="tel:+33182830399" title="Appeler Mon-Bucheron.com pour la livraison de sapin">
                        <img class="inline" src="https://www.mon-bucheron.com/images/icones/appeler-mon-bucheron.svg" alt="Appelez-nous" width="16" height="16">
                       <span class="hidden pl-2 md:inline"> +33 (0) 1 82 83 03 99</span>
                    </a>
                    <a href="mailto:info@mon-bucheron.com" title="Contactez-nous" class="pl-2 hover:text-beige">
                        <img class="inline" src="https://www.mon-bucheron.com/images/icones/envoyer-email-mon-bucheron.svg" alt="envoyez-nous un email" width="18" height="18">
                    <span class="hidden md:inline pl-2">info@mon-bucheron.com</span></a>
                </span>
            </div>
        </div>
    </div>
    <!--END Ultra Header-->
    <header class="relative flex flex-wrap lg:justify-start lg:flex-nowrap z-50 w-full bg-white text-sm text-white primary-gradient dark:bg-gray-800">
        <nav class="flex w-full flex-col max-w-screen-xl px-4 mx-auto lg:items-center lg:justify-between lg:flex-row lg:px-6 lg:px-8" aria-label="Global">
            <div class="flex items-center justify-between">
                <a href="/" class="flex items-center w-[50px] h-[50px] lg:h-[70px] lg:w-[70px]" title="Mon-Bucheron.com">
                    <img src="https://www.mon-bucheron.com/img/logo-mb-min.png"
                         srcset="https://www.mon-bucheron.com/img/logo-mb-min.png 1x,                       https://www.mon-bucheron.com/img/logo-mb-min.png 2x,                       https://www.mon-bucheron.com/img/logo-mb-min.png"
                         alt="Mon-Bucheron, Livraison sapin Paris" width="50" height="50">
                </a>
                
               <div class="flex items-center">
                    
                    <div class="relative lg:hidden block mr-2">
                                                    <a href="/panier" class="flex items-center w-[40px] h-[64px] lg:h-[76px] lg:w-[46px]" title="Mon-Bucheron.com">
                                <img src="https://www.mon-bucheron.com/img/cart1x.png"
                                     srcset="https://www.mon-bucheron.com/img/cart1x.png 1x,                       https://www.mon-bucheron.com/img/cart2x.png 2x,                       https://www.mon-bucheron.com/img/cart3x.png"
                                     alt="panier" width="46" height="46">
                                <span style="color:rgb(255, 255, 255);background-color:rgb(220 51 52);border-radius:50%;position:absolute;left:25px;top:17px;width:20px;height:20px;display:flex;justify-content:center;" x-text="$store.cart.size">
                                </span>
                            </a>
                            <span class="animate-fadeIn relative hidden" x-text="$store.cart.total +' €'"></span>
                                            </div>
                    <div class="lg:hidden">
                        <button type="button" class="hs-collapse-toggle px-2 inline-flex justify-center items-center gap-2" data-hs-collapse="#navbar-collapse-basic" aria-controls="navbar-collapse-basic" aria-label="Mobile Menu">
                            <svg class="hs-collapse-open:hidden w-6 h-6" width="26" height="26" fill="currentColor" viewbox="0 0 16 16" @click="document.body.classList.add('overflow-hidden')">
                                <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"/>
                            </svg>
                            <svg class="hs-collapse-open:block hidden w-6 h-6" width="26" height="26" fill="currentColor" viewbox="0 0 16 16" @click="document.body.classList.remove('overflow-hidden')">
                                <path d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"/>
                            </svg>
                        </button>
                    </div>
                </div>
            </div>
            <div id="navbar-collapse-basic" class="hidden grow lg:block animate-fadeInLight">
                <div class="flex flex-col gap-5 mt-5 lg:flex-row lg:items-center lg:justify-center lg:mt-0 lg:pl-5">
 
                    <div class="p-4 hs-dropdown [--strategy:static] lg:[--strategy:absolute] [--adaptive:none] lg:[--trigger:hover]">
                        <button type="button" class="flex uppercase items-center font-semibold w-full">
                            Nos sapins
                            <svg class="ml-2 w-2.5 h-2.5 text-white" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
                            </svg>
                        </button>
                        <div class="hs-dropdown-menu transition-[opacity,margin] lg:border duration-[0.1ms] lg:duration-[150ms]                        hs-dropdown-open:opacity-100 opacity-0 w-auto hidden z-10 top-full min-w-[15rem]  left-[30%]                        lg:bg-white lg:shadow-md rounded-lg p-2 before:absolute before:-top-5 before:left-auto before:w-full before:h-5">
                            <div class="lg:grid lg:grid-cols-2">
                                <div class="flex flex-col">
                                    <a class="mb-4 lg:mb-0 level-2-megamenu hover:bg-gray-100" href="https://www.mon-bucheron.com/livraison-sapin-nordmann-5-etoiles.html" title="Nordmann 5 étoiles">
                                        <span class="bg-teal-500 p-3 hidden lg:block">
                                            <svg fill="#0c6e35" viewbox="0 0 38 38" class="md:h-6 md:w-6 h-4 w-4">
        <path d="M36.742,28.473c-3.417-0.541-6.543-1.58-9.354-2.953c2.738-0.646,5.426-1.613,8.012-2.901        c-3.684-0.585-7.006-1.785-9.916-3.39c2.457-0.538,4.869-1.372,7.182-2.523c-3.176-0.504-6.03-1.559-8.512-2.967        c1.818-0.413,3.604-1.042,5.318-1.896C25.107,11.149,21.504,9.135,19,6.543c-2.504,2.593-6.107,4.606-10.473,5.299        c1.715,0.854,3.5,1.483,5.319,1.896c-2.482,1.408-5.335,2.462-8.511,2.967c2.313,1.152,4.725,1.987,7.181,2.523        c-2.909,1.604-6.232,2.804-9.916,3.39c2.586,1.288,5.273,2.255,8.012,2.901c-2.81,1.375-5.937,2.412-9.354,2.953        c5.168,2.575,10.711,3.951,16.285,4.157V38h2.913v-5.37C26.031,32.424,31.574,31.048,36.742,28.473z"/>
        <polygon fill="#76191a" points="17.155,5.681 19.001,4.71 20.848,5.681 20.494,3.625 21.986,2.17 19.924,1.87 19.001,0 18.078,1.87 16.015,2.17 17.508,3.625"/></svg>                                        </span>
                                        <span class="ml-3 hover:text-primary block">
                                            <span class="font-semibold">Nordmann 5 étoiles</span><br>
                                            <span class="text-sm">La star de vos fêtes</span>
                                        </span>
                                    </a>
                                    <a class="mb-4 lg:mb-0 level-2-megamenu hover:bg-gray-100" href="https://www.mon-bucheron.com/livraison-sapin-nordmann-classic.html" title="Nordmann Classic">
                                        <span class="bg-teal-500 p-3 hidden lg:block">
                                            <svg fill="#0c6e35" viewbox="0 0 38 38" class="md:h-6 md:w-6 h-4 w-4">
        <path d="M36.742,28.473c-3.417-0.541-6.543-1.58-9.354-2.953c2.738-0.646,5.426-1.613,8.012-2.901        c-3.684-0.585-7.006-1.785-9.916-3.39c2.457-0.538,4.869-1.372,7.182-2.523c-3.176-0.504-6.03-1.559-8.512-2.967        c1.818-0.413,3.604-1.042,5.318-1.896C25.107,11.149,21.504,9.135,19,6.543c-2.504,2.593-6.107,4.606-10.473,5.299        c1.715,0.854,3.5,1.483,5.319,1.896c-2.482,1.408-5.335,2.462-8.511,2.967c2.313,1.152,4.725,1.987,7.181,2.523        c-2.909,1.604-6.232,2.804-9.916,3.39c2.586,1.288,5.273,2.255,8.012,2.901c-2.81,1.375-5.937,2.412-9.354,2.953        c5.168,2.575,10.711,3.951,16.285,4.157V38h2.913v-5.37C26.031,32.424,31.574,31.048,36.742,28.473z"/>
        <polygon fill="#76191a" points="17.155,5.681 19.001,4.71 20.848,5.681 20.494,3.625 21.986,2.17 19.924,1.87 19.001,0 18.078,1.87 16.015,2.17 17.508,3.625"/></svg>                                        </span>
                                        <span class="ml-3 hover:text-primary block">
                                            <span class="font-semibold">Nordmann Classic</span><br>
                                                <span class="text-sm">Réunit petits et grands</span>
                                        </span>
                                    </a>
                                    <a class="mb-4 lg:mb-0 level-2-megamenu hover:bg-gray-100" href="https://www.mon-bucheron.com/livraison-sapin-nordmann-selection-unique.html" title="Nordmann Sélection Unique">
                                        <span class="bg-teal-500 p-3 hidden lg:block">
                                            <svg fill="#0c6e35" viewbox="0 0 38 38" class="md:h-6 md:w-6 h-4 w-4">
        <path d="M36.742,28.473c-3.417-0.541-6.543-1.58-9.354-2.953c2.738-0.646,5.426-1.613,8.012-2.901        c-3.684-0.585-7.006-1.785-9.916-3.39c2.457-0.538,4.869-1.372,7.182-2.523c-3.176-0.504-6.03-1.559-8.512-2.967        c1.818-0.413,3.604-1.042,5.318-1.896C25.107,11.149,21.504,9.135,19,6.543c-2.504,2.593-6.107,4.606-10.473,5.299        c1.715,0.854,3.5,1.483,5.319,1.896c-2.482,1.408-5.335,2.462-8.511,2.967c2.313,1.152,4.725,1.987,7.181,2.523        c-2.909,1.604-6.232,2.804-9.916,3.39c2.586,1.288,5.273,2.255,8.012,2.901c-2.81,1.375-5.937,2.412-9.354,2.953        c5.168,2.575,10.711,3.951,16.285,4.157V38h2.913v-5.37C26.031,32.424,31.574,31.048,36.742,28.473z"/>
        <polygon fill="#76191a" points="17.155,5.681 19.001,4.71 20.848,5.681 20.494,3.625 21.986,2.17 19.924,1.87 19.001,0 18.078,1.87 16.015,2.17 17.508,3.625"/></svg>                                        </span>
                                        <span class="ml-3 hover:text-primary block">
                                             <span class="font-semibold">Nordmann Sélection Unique</span><br>
                                             <span class="text-sm">La Magie Unique</span>
                                        </span>
                                    </a>
                                    <a class="mb-4 lg:mb-0 level-2-megamenu hover:bg-gray-100" href="https://www.mon-bucheron.com/livraison-sapin-nobilis.html" title="Nobilis">
                                        <span class="bg-teal-500 p-3 hidden lg:block">
                                            <svg fill="#0c6e35" viewbox="0 0 38 38" class="md:h-6 md:w-6 h-4 w-4">
        <path d="M36.742,28.473c-3.417-0.541-6.543-1.58-9.354-2.953c2.738-0.646,5.426-1.613,8.012-2.901        c-3.684-0.585-7.006-1.785-9.916-3.39c2.457-0.538,4.869-1.372,7.182-2.523c-3.176-0.504-6.03-1.559-8.512-2.967        c1.818-0.413,3.604-1.042,5.318-1.896C25.107,11.149,21.504,9.135,19,6.543c-2.504,2.593-6.107,4.606-10.473,5.299        c1.715,0.854,3.5,1.483,5.319,1.896c-2.482,1.408-5.335,2.462-8.511,2.967c2.313,1.152,4.725,1.987,7.181,2.523        c-2.909,1.604-6.232,2.804-9.916,3.39c2.586,1.288,5.273,2.255,8.012,2.901c-2.81,1.375-5.937,2.412-9.354,2.953        c5.168,2.575,10.711,3.951,16.285,4.157V38h2.913v-5.37C26.031,32.424,31.574,31.048,36.742,28.473z"/>
        <polygon fill="#76191a" points="17.155,5.681 19.001,4.71 20.848,5.681 20.494,3.625 21.986,2.17 19.924,1.87 19.001,0 18.078,1.87 16.015,2.17 17.508,3.625"/></svg>                                        </span>
                                        <span class="ml-3 hover:text-primary block">
                                            <span class="font-semibold">Nobilis</span><br>
                                            <span class="text-sm">Le roi des fôrets</span>
                                        </span>
                                    </a>
                                    <a class="mb-4 lg:mb-0 level-2-megamenu hover:bg-gray-100" href="https://www.mon-bucheron.com/livraison-sapin-floque-retombe-naturel.html" title="Retombé naturel">
                                        <span class="bg-teal-500 p-3 hidden lg:block">
                                            <svg fill="#0c6e35" viewbox="0 0 38 38" class="md:h-6 md:w-6 h-4 w-4">
        <path d="M36.742,28.473c-3.417-0.541-6.543-1.58-9.354-2.953c2.738-0.646,5.426-1.613,8.012-2.901        c-3.684-0.585-7.006-1.785-9.916-3.39c2.457-0.538,4.869-1.372,7.182-2.523c-3.176-0.504-6.03-1.559-8.512-2.967        c1.818-0.413,3.604-1.042,5.318-1.896C25.107,11.149,21.504,9.135,19,6.543c-2.504,2.593-6.107,4.606-10.473,5.299        c1.715,0.854,3.5,1.483,5.319,1.896c-2.482,1.408-5.335,2.462-8.511,2.967c2.313,1.152,4.725,1.987,7.181,2.523        c-2.909,1.604-6.232,2.804-9.916,3.39c2.586,1.288,5.273,2.255,8.012,2.901c-2.81,1.375-5.937,2.412-9.354,2.953        c5.168,2.575,10.711,3.951,16.285,4.157V38h2.913v-5.37C26.031,32.424,31.574,31.048,36.742,28.473z"/>
        <polygon fill="#76191a" points="17.155,5.681 19.001,4.71 20.848,5.681 20.494,3.625 21.986,2.17 19.924,1.87 19.001,0 18.078,1.87 16.015,2.17 17.508,3.625"/></svg>                                        </span>
                                        <span class="ml-3 hover:text-primary block">
                                            <span class="font-semibold">Retombé Naturel</span><br>
                                                <span class="text-sm">Votre sapin enneigé</span>
                                        </span>
                                    </a>
                                </div>
                                <div class="flex flex-col">
                                    <a class="mb-4 lg:mb-0 level-2-megamenu hover:bg-gray-100" href="https://www.mon-bucheron.com/livraison-sapin-ignifuge-paris.html" title="Ignifuge">
                                         <span class="bg-teal-500 p-3 hidden lg:block">
                                              <svg fill="#0c6e35" viewbox="0 0 38 38" class="md:h-6 md:w-6 h-4 w-4">
        <path d="M36.742,28.473c-3.417-0.541-6.543-1.58-9.354-2.953c2.738-0.646,5.426-1.613,8.012-2.901        c-3.684-0.585-7.006-1.785-9.916-3.39c2.457-0.538,4.869-1.372,7.182-2.523c-3.176-0.504-6.03-1.559-8.512-2.967        c1.818-0.413,3.604-1.042,5.318-1.896C25.107,11.149,21.504,9.135,19,6.543c-2.504,2.593-6.107,4.606-10.473,5.299        c1.715,0.854,3.5,1.483,5.319,1.896c-2.482,1.408-5.335,2.462-8.511,2.967c2.313,1.152,4.725,1.987,7.181,2.523        c-2.909,1.604-6.232,2.804-9.916,3.39c2.586,1.288,5.273,2.255,8.012,2.901c-2.81,1.375-5.937,2.412-9.354,2.953        c5.168,2.575,10.711,3.951,16.285,4.157V38h2.913v-5.37C26.031,32.424,31.574,31.048,36.742,28.473z"/>
        <polygon fill="#76191a" points="17.155,5.681 19.001,4.71 20.848,5.681 20.494,3.625 21.986,2.17 19.924,1.87 19.001,0 18.078,1.87 16.015,2.17 17.508,3.625"/></svg>                                         </span>
                                         <span class="ml-3 hover:text-primary block">
                                             <span class="font-semibold">Sapin Ignifugé</span><br>
                                             <span class="text-sm">Protection anti feu</span>
                                         </span>
                                    </a>
                                    <a class="mb-4 lg:mb-0 level-2-megamenu hover:bg-gray-100" href="https://www.mon-bucheron.com/livraison-sapin-floque-blanc-naturel.html" title="Floqué Blanc">
                                         <span class="bg-teal-500 p-3 hidden lg:block">
                                              <svg fill="#0c6e35" viewbox="0 0 38 38" class="md:h-6 md:w-6 h-4 w-4">
        <path d="M36.742,28.473c-3.417-0.541-6.543-1.58-9.354-2.953c2.738-0.646,5.426-1.613,8.012-2.901        c-3.684-0.585-7.006-1.785-9.916-3.39c2.457-0.538,4.869-1.372,7.182-2.523c-3.176-0.504-6.03-1.559-8.512-2.967        c1.818-0.413,3.604-1.042,5.318-1.896C25.107,11.149,21.504,9.135,19,6.543c-2.504,2.593-6.107,4.606-10.473,5.299        c1.715,0.854,3.5,1.483,5.319,1.896c-2.482,1.408-5.335,2.462-8.511,2.967c2.313,1.152,4.725,1.987,7.181,2.523        c-2.909,1.604-6.232,2.804-9.916,3.39c2.586,1.288,5.273,2.255,8.012,2.901c-2.81,1.375-5.937,2.412-9.354,2.953        c5.168,2.575,10.711,3.951,16.285,4.157V38h2.913v-5.37C26.031,32.424,31.574,31.048,36.742,28.473z"/>
        <polygon fill="#76191a" points="17.155,5.681 19.001,4.71 20.848,5.681 20.494,3.625 21.986,2.17 19.924,1.87 19.001,0 18.078,1.87 16.015,2.17 17.508,3.625"/></svg>                                         </span>
                                         <span class="ml-3 hover:text-primary block">
                                              <span class="font-semibold">Sapin Floqué Blanc</span><br>
                                              <span class="text-sm">Osez Noël en blanc</span>
                                         </span>
                                    </a>
                                    <a class="mb-4 lg:mb-0 level-2-megamenu hover:bg-gray-100" href="https://www.mon-bucheron.com/livraison-grand-sapin-de-noel-paris.html" title="Grand Sapin">
                                        <span class="bg-teal-500 p-3 hidden lg:block">
                                            <svg fill="#0c6e35" viewbox="0 0 38 38" class="md:h-6 md:w-6 h-4 w-4">
        <path d="M36.742,28.473c-3.417-0.541-6.543-1.58-9.354-2.953c2.738-0.646,5.426-1.613,8.012-2.901        c-3.684-0.585-7.006-1.785-9.916-3.39c2.457-0.538,4.869-1.372,7.182-2.523c-3.176-0.504-6.03-1.559-8.512-2.967        c1.818-0.413,3.604-1.042,5.318-1.896C25.107,11.149,21.504,9.135,19,6.543c-2.504,2.593-6.107,4.606-10.473,5.299        c1.715,0.854,3.5,1.483,5.319,1.896c-2.482,1.408-5.335,2.462-8.511,2.967c2.313,1.152,4.725,1.987,7.181,2.523        c-2.909,1.604-6.232,2.804-9.916,3.39c2.586,1.288,5.273,2.255,8.012,2.901c-2.81,1.375-5.937,2.412-9.354,2.953        c5.168,2.575,10.711,3.951,16.285,4.157V38h2.913v-5.37C26.031,32.424,31.574,31.048,36.742,28.473z"/>
        <polygon fill="#76191a" points="17.155,5.681 19.001,4.71 20.848,5.681 20.494,3.625 21.986,2.17 19.924,1.87 19.001,0 18.078,1.87 16.015,2.17 17.508,3.625"/></svg>                                        </span>
                                        <span class="ml-3 hover:text-primary block">
                                            <span class="font-semibold">Grand Sapin</span><br>
                                            <span class="text-sm">Toucher les sommets</span>
                                        </span>
                                    </a>
                                    <a class="mb-4 lg:mb-0 level-2-megamenu hover:bg-gray-100" href="https://www.mon-bucheron.com/livraison-sapin-decore.html" title="Sapin décoré">
                                        <span class="bg-teal-500 p-3 hidden lg:block">
                                            <svg fill="#0c6e35" viewbox="0 0 38 38" class="md:h-6 md:w-6 h-4 w-4">
        <path d="M36.742,28.473c-3.417-0.541-6.543-1.58-9.354-2.953c2.738-0.646,5.426-1.613,8.012-2.901        c-3.684-0.585-7.006-1.785-9.916-3.39c2.457-0.538,4.869-1.372,7.182-2.523c-3.176-0.504-6.03-1.559-8.512-2.967        c1.818-0.413,3.604-1.042,5.318-1.896C25.107,11.149,21.504,9.135,19,6.543c-2.504,2.593-6.107,4.606-10.473,5.299        c1.715,0.854,3.5,1.483,5.319,1.896c-2.482,1.408-5.335,2.462-8.511,2.967c2.313,1.152,4.725,1.987,7.181,2.523        c-2.909,1.604-6.232,2.804-9.916,3.39c2.586,1.288,5.273,2.255,8.012,2.901c-2.81,1.375-5.937,2.412-9.354,2.953        c5.168,2.575,10.711,3.951,16.285,4.157V38h2.913v-5.37C26.031,32.424,31.574,31.048,36.742,28.473z"/>
        <polygon fill="#76191a" points="17.155,5.681 19.001,4.71 20.848,5.681 20.494,3.625 21.986,2.17 19.924,1.87 19.001,0 18.078,1.87 16.015,2.17 17.508,3.625"/></svg>                                        </span>
                                        <span class="ml-3 hover:text-primary block">
                                            <span class="font-semibold">Sapin Décoré</span><br>
                                            <span class="text-sm">Service "Sapin en main"</span>
                                        </span>
                                    </a>
                                    <a class="mb-4 lg:mb-0 level-2-megamenu hover:bg-gray-100" href="https://www.mon-bucheron.com/livraison-sapin-floque.html" title="Floqué Couleur">
                                        <span class="bg-teal-500 p-3 hidden lg:block">
                                            <svg fill="#0c6e35" viewbox="0 0 38 38" class="md:h-6 md:w-6 h-4 w-4">
        <path d="M36.742,28.473c-3.417-0.541-6.543-1.58-9.354-2.953c2.738-0.646,5.426-1.613,8.012-2.901        c-3.684-0.585-7.006-1.785-9.916-3.39c2.457-0.538,4.869-1.372,7.182-2.523c-3.176-0.504-6.03-1.559-8.512-2.967        c1.818-0.413,3.604-1.042,5.318-1.896C25.107,11.149,21.504,9.135,19,6.543c-2.504,2.593-6.107,4.606-10.473,5.299        c1.715,0.854,3.5,1.483,5.319,1.896c-2.482,1.408-5.335,2.462-8.511,2.967c2.313,1.152,4.725,1.987,7.181,2.523        c-2.909,1.604-6.232,2.804-9.916,3.39c2.586,1.288,5.273,2.255,8.012,2.901c-2.81,1.375-5.937,2.412-9.354,2.953        c5.168,2.575,10.711,3.951,16.285,4.157V38h2.913v-5.37C26.031,32.424,31.574,31.048,36.742,28.473z"/>
        <polygon fill="#76191a" points="17.155,5.681 19.001,4.71 20.848,5.681 20.494,3.625 21.986,2.17 19.924,1.87 19.001,0 18.078,1.87 16.015,2.17 17.508,3.625"/></svg>                                        </span>
                                        <span class="ml-3 hover:text-primary block">
                                            <span class="font-semibold">Floqué Couleur</span><br>
                                            <span class="text-sm">Pour un Noël en couleurs</span>
                                        </span>
                                    </a>
                                    <!--<a class="mb-4 lg:mb-0 level-2-megamenu hover:bg-gray-100" href="https://www.mon-bucheron.com/livraison-sapin-epicea-extra.html" title="Epicéa">
                                        <span class="bg-teal-500 p-3 hidden lg:block">
                                            <svg fill="#0c6e35" viewBox="0 0 38 38" class="md:h-6 md:w-6 h-4 w-4">
        <path d="M36.742,28.473c-3.417-0.541-6.543-1.58-9.354-2.953c2.738-0.646,5.426-1.613,8.012-2.901
        c-3.684-0.585-7.006-1.785-9.916-3.39c2.457-0.538,4.869-1.372,7.182-2.523c-3.176-0.504-6.03-1.559-8.512-2.967
        c1.818-0.413,3.604-1.042,5.318-1.896C25.107,11.149,21.504,9.135,19,6.543c-2.504,2.593-6.107,4.606-10.473,5.299
        c1.715,0.854,3.5,1.483,5.319,1.896c-2.482,1.408-5.335,2.462-8.511,2.967c2.313,1.152,4.725,1.987,7.181,2.523
        c-2.909,1.604-6.232,2.804-9.916,3.39c2.586,1.288,5.273,2.255,8.012,2.901c-2.81,1.375-5.937,2.412-9.354,2.953
        c5.168,2.575,10.711,3.951,16.285,4.157V38h2.913v-5.37C26.031,32.424,31.574,31.048,36.742,28.473z"/>
        <polygon fill="#76191a" points="17.155,5.681 19.001,4.71 20.848,5.681 20.494,3.625 21.986,2.17 19.924,1.87 19.001,0 18.078,1.87 16.015,2.17 17.508,3.625"/></svg>                                        </span>
                                        <span class="ml-3">
                                            <span class="font-semibold">Epicéa</span><br>
                                                <span class="text-sm">Le rétro</span>
                                        </span>
                                    </a>-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <a class="level-1 uppercase items-center text-white font-semibold" title="Boutique" href="https://www.mon-bucheron.com/boutiques">Commander</a>
                    <div class="p-4 hs-dropdown [--strategy:static] lg:[--strategy:absolute] [--adaptive:none] lg:[--trigger:hover]">
                        <button id="hs-mega-menu-basic-entreprise" type="button" class="flex uppercase items-center font-semibold w-full">
                            Devis
                            <svg class="ml-2 w-2.5 h-2.5 text-white" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
                            </svg>
                        </button>
                        <div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] lg:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 lg:w-48 hidden z-10 lg:bg-white lg:shadow-md rounded-lg p-2  before:absolute top-full lg:border before:-top-5 before:left-0 before:w-full before:h-5">
                            <a class="pl-3 flex items-center gap-x-3.5 py-2 px-6 rounded-md text-sm text-gray-800 font-semibold hover:bg-gray-100 focus:ring-2 focus:ring-blue-500 mt-4 mb-4 lg:mt-0 lg:mb-0 level-2-megamenu hover:bg-gray-100"
                               href="https://www.mon-bucheron.com/sapin-livraison-entreprise" title="Page entreprise">
                                Page entreprise
                            </a>
                            <a class="pl-3 flex items-center gap-x-3.5 py-2 px-6 rounded-md text-sm text-gray-800 font-semibold hover:bg-gray-100 focus:ring-2 focus:ring-blue-500  level-2-megamenu hover:bg-gray-100"
                               href="https://www.mon-bucheron.com/boutiques-entreprise" title="Devis en ligne">
                                Devis en ligne
                            </a>
                        </div>
                    </div>
                    <div class="p-4 hs-dropdown [--strategy:static] lg:[--strategy:absolute] [--adaptive:none] lg:[--trigger:hover]">
                        <button id="hs-mega-menu-basic-livraison" type="button" class="flex uppercase items-center font-semibold w-full">
                            Services
                            <svg class="ml-2 w-2.5 h-2.5 text-white" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
                            </svg>
                        </button>
                        <div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] lg:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 lg:w-48 hidden z-10 lg:bg-white lg:shadow-md rounded-lg p-2  before:absolute top-full lg:border before:-top-5 before:left-0 before:w-full before:h-5">
                            <a class="pl-3 flex items-center gap-x-3.5 py-2 px-6 rounded-md text-sm text-gray-800 font-semibold hover:bg-gray-100 focus:ring-2 focus:ring-blue-500 mt-4 mb-4 lg:mt-0 lg:mb-0 level-2-megamenu hover:bg-gray-100"
                               href="https://www.mon-bucheron.com/livraison" title="Livraison et Installation">
                                Livraison et Installation
                            </a>
                            <a class="pl-3 flex items-center gap-x-3.5 py-2 px-6 rounded-md text-sm text-gray-800 font-semibold hover:bg-gray-100 focus:ring-2 focus:ring-blue-500 mt-4 mb-4 lg:mt-0 lg:mb-0 level-2-megamenu hover:bg-gray-100"
                               href="https://www.mon-bucheron.com/achat-sapin-paris-idf-frais-circuit-court" title="Sélection et Fraicheur">
                                Sélection et Fraicheur
                            </a>
                            <a class="pl-3 flex items-center gap-x-3.5 py-2 px-6 rounded-md text-sm text-gray-800 font-semibold hover:bg-gray-100 focus:ring-2 focus:ring-blue-500 mt-4 mb-4 lg:mt-0 lg:mb-0 level-2-megamenu hover:bg-gray-100"
                               href="https://www.mon-bucheron.com/origine-et-tracabilite-de-nos-sapins-de-noel" title="Origine et Traçabilité">
                               Origine et Traçabilité
                            </a>
                            <a class="pl-3 flex items-center gap-x-3.5 py-2 px-6 rounded-md text-sm text-gray-800 font-semibold hover:bg-gray-100 focus:ring-2 focus:ring-blue-500 mb-4 lg:mb-0 level-2-megamenu hover:bg-gray-100"
                               href="https://www.mon-bucheron.com/livraison-recuperation-recyclage-sapin-de-noel" title="Récupération et Recyclage">
                                Récupération et Recyclage
                            </a>
                            <a class="pl-3 flex items-center gap-x-3.5 py-2 px-6 rounded-md text-sm text-gray-800 font-semibold hover:bg-gray-100 focus:ring-2 focus:ring-blue-500 level-2-megamenu hover:bg-gray-100"
                               href="https://www.mon-bucheron.com/livraison-sapin-ile-de-france.html" title="Zone de Livraison">
                                Zone de Livraison
                            </a>
                        </div>
                    </div>
                    <a class="level-1 uppercase items-center text-white font-semibold" title="Nos actualités et conseils" href="https://www.mon-bucheron.com/blog">
                        Actualités
                    </a>
                    <a class="level-1 uppercase items-center text-white font-semibold" title="Contactez-nous" href="https://www.mon-bucheron.com/contact">
                        Contact
                    </a>
                </div>
            </div>
            <div class="hidden relative lg:flex lg:items-center">
                                <a href="/panier" class="flex items-center w-[40px] h-[64px] lg:h-[76px] lg:w-[46px]" title="Mon-Bucheron.com">
                    <img src="https://www.mon-bucheron.com/img/cart1x.png"
                         srcset="https://www.mon-bucheron.com/img/cart1x.png 1x,                       https://www.mon-bucheron.com/img/cart2x.png 2x,                       https://www.mon-bucheron.com/img/cart3x.png"
                         alt="panier" width="46" height="46">
                        <span style="color:rgb(255, 255, 255);background-color:rgb(220 51 52);border-radius:50%;position:absolute;left:25px;top:17px;width:20px;height:20px;display:flex;justify-content:center;" x-text="$store.cart.size">
                    </span>
                </a>
                <a href="/panier">
                    <span class="animate-fadeInLight relative" x-text="parseFloat($store.cart.total) > 0 ? $store.cart.total +' €' : '' "></span>
                </a>
                            </div>
        </nav>
    </header>
            <section>
        <div id="background-img" class="w-full flex items-center justify-center flex-col gap-y-4">
            <p class="text-4xl sm:text-7xl text-white text-center mx-auto font-serif max-w-4xl px-5 z-10">
                    Votre Sapin à Paris 18eme sans souci            </p>
                        <a href="/boutiques"
                class="secondary-gradient text-center butn font-semibold w-full max-w-[320px] mt-10 rounded-md text-md px-3 md:px-6 py-4 text-white z-10">
                Commandez votre sapin            </a>
                        <style>
                #background-img {
                position: relative;
                height: 60vh;
                }
                #background-img::before {
                content: "";
                position: absolute;
                background-position: center;
                background-size: cover;
                top: 0; left: 0;
                width: 100%; height: 100%;
                background-image: url(https://www.mon-bucheron.com/img/content-page/sapin-arrondissement/sapin-arrondissement.jpg);
                background-image: image-set(url(https://www.mon-bucheron.com/img/content-page/sapin-arrondissement/sapin-arrondissement.jpg) 1x, url(https://www.mon-bucheron.com/img/content-page/sapin-arrondissement/sapin-arrondissement.jpg) 2x, url(https://www.mon-bucheron.com/img/content-page/sapin-arrondissement/sapin-arrondissement-mobile.jpg) 3x);
                background-image: -webkit-image-set(url(https://www.mon-bucheron.com/img/content-page/sapin-arrondissement/sapin-arrondissement.jpg) 1x, url(https://www.mon-bucheron.com/img/content-page/sapin-arrondissement/sapin-arrondissement.jpg) 2x, url(https://www.mon-bucheron.com/img/content-page/sapin-arrondissement/sapin-arrondissement-mobile.jpg) 3x);
                filter: brightness(.8);
                }
                #background-img h1 {
                    position: relative;
                }
            </style>
        </div>
    </section>
    <section class="mt-10 px-4 md:px-10 mt-12">
        <div class="space-y-4 max-w-[1000px] mx-auto">
            <h1 class="font-serif text-secondary text-4xl">Éclairez Noël avec notre livraison de sapins à Paris 18eme</h1>
            <h2 class="text-[#DC3434] font-bold">Des sapins de Noël frais et authentiques à Paris 18eme garantis par Mon Bûcheron!</h2>
            <p class="text-[#184050] text-sm sm:text-base font-medium">Mon Bûcheron vous offre la livraison de sapin à Paris 18eme pour un Noël inoubliable. Nos sapins, gages d'origine et de fraîcheur, sont au cœur de cette expérience. Profitez de la proximité, de la transparence, et de la qualité. Notre circuit court direct producteur vous assure un sapin authentique. La praticité de notre service tout-en-un inclut la livraison, l'installation, et une récupération respectueuse de l'environnement. Commandez dès aujourd'hui pour illuminer votre Noël avec la magie de Mon Bûcheron.</p>
        </div>
    </section>
    <section class="px-3 md:px-10 pt-16">
        <h2 class="font-serif text-4xl text-secondary text-center">Nos bestsellers</h2>
        <div class="swiper swiperTree defaultSlider max-w-[1200px] mx-auto">
            <div class="swiper-wrapper mt-6 pt-[20px] pb-8">
                                <div class="swiper-slide">
                    <div class="relative rounded-md card-decoration-border sm:card-decoration-shadow flex flex-col px-2 lg:px-3 pb-3 bg-white">
    <div class="flex justify-between min-h-[76px]">
        <div class="text-red text-md sm:text-xl lg:text-2xl font-serif mt-1 pr-1 max-w-[200px] w-full">
            Nordmann 5 étoiles
        </div>
        <div class="realtive top-0 right-0 flex justify-center">
                            <img src="https://www.mon-bucheron.com/img/price-tag.png"  style="height:60px;" width="100" alt="length"  loading="lazy">
                <div style="line-height: 15px;max-width:80px;" class="absolute md:leading-4 font-serif mx-auto text-center text-sm mt-1 lg:mt-2 text-white">
                    185 - 200<br/>CM
                </div>
                    </div>
    </div>
    <div class="mt-1 lg:mt-3">
        <a href="https://www.mon-bucheron.com/boutique/14/nordmann-5-etoiles"
                class="prd-img relative block"
                title="En savoir + pour Sapin Nordmann 5 étoiles 200 cm Paris, Versailles et Ile de France">
                                     <div class="absolute top-2 left-2 flex flex-col gap-1 z-10">
                        
                                                    <div style="background-color:#C99B02;padding-right:10px;padding-left:10px;padding-top:2px;padding-bottom:2px;border-radius:6px;color:white;font-size:12px">
                                 <i class="fas fa-heart" style='margin-right:3px'></i><span>Top Ventes</span>
                            </div>
                        
                                            </div>
                
                <img src="https://www.mon-bucheron.com/img/livraison-sapin-paris-Nordmann-5-etoiles-min.webp?width=300"
                    alt="Livraison sapin de Noël Nordmann 5 Étoiles 200 cm" width="300" height="376"
                    class="w-[300px] mx-auto" loading="lazy">
            </a>
        <div class="w-full mt-2">
            <div class="text-[#184050] italic md:text-bases font-semibold leading-3 py-2 text-center mx-auto" style="font-size: 12px">Livraison + Bûche Offertes !</div>
        </div>
    </div>
    <div class="border-t border-[#cfcfcf] w-full flex flex-col lg:mt-3 pt-3 min-h-[85px]">
        <h3 class="text-[#184050] text-sm sm:text-base max-w-full font-medium max-[315px]:min-h-[80px] min-h-[60px] sm:min-h-[72px]">
            <a title="Livraison sapin de Noël Nordmann 5 Étoiles 200 cm" href="https://www.mon-bucheron.com/boutique/14/nordmann-5-etoiles">
                Livraison sapin de Noël Nordmann 5 Étoiles <b><span style="color:#b42122;">200 cm</span></b>
            </a>
        </h3>
        <div class="text-red text-xl font-serif mt-1">
                        119.90 €
        </div>
    </div>
        <div class="mt-2">
        <form x-data="submitCart(14, 'Livraison sapin de Noël Nordmann 5 Étoiles <b><span style="color:#b42122;">200 cm</span></b>','images/livraison-sapin-paris-Nordmann-5-etoiles-min.webp',119.90)" @submit.prevent="submitForm">
            <button :disabled="formLoading" x-text="buttonText" class="w-full primary-gradient butn py-3 lg:py-4 rounded-md text-base text-white font-semibold tracking-wider">
            </button>
            <div x-text="formMessage" class="font-bold"></div>
        </form>
    </div>
    </div>
                </div>
                                <div class="swiper-slide">
                    <div class="relative rounded-md card-decoration-border sm:card-decoration-shadow flex flex-col px-2 lg:px-3 pb-3 bg-white">
    <div class="flex justify-between min-h-[76px]">
        <div class="text-red text-md sm:text-xl lg:text-2xl font-serif mt-1 pr-1 max-w-[200px] w-full">
            Nordmann Classic
        </div>
        <div class="realtive top-0 right-0 flex justify-center">
                            <img src="https://www.mon-bucheron.com/img/price-tag.png"  style="height:60px;" width="100" alt="length"  loading="lazy">
                <div style="line-height: 15px;max-width:80px;" class="absolute md:leading-4 font-serif mx-auto text-center text-sm mt-1 lg:mt-2 text-white">
                    160 - 175<br/>CM
                </div>
                    </div>
    </div>
    <div class="mt-1 lg:mt-3">
        <a href="https://www.mon-bucheron.com/boutique/5/livraison-sapin-de-noel-nordmann-classic-175-cm"
                class="prd-img relative block"
                title="En savoir + pour Sapin Nordmann Classic 175 cm Paris, Versailles et Ile de France">
                 
                <img src="https://www.mon-bucheron.com/img/livraison-sapin-nordmann.webp?width=300"
                    alt="Livraison sapin de Noël Nordmann Classic 175 cm" width="300" height="376"
                    class="w-[300px] mx-auto" loading="lazy">
            </a>
        <div class="w-full mt-2">
            <div class="text-[#184050] italic md:text-bases font-semibold leading-3 py-2 text-center mx-auto" style="font-size: 12px">Livraison + Bûche Offertes !</div>
        </div>
    </div>
    <div class="border-t border-[#cfcfcf] w-full flex flex-col lg:mt-3 pt-3 min-h-[85px]">
        <h3 class="text-[#184050] text-sm sm:text-base max-w-full font-medium max-[315px]:min-h-[80px] min-h-[60px] sm:min-h-[72px]">
            <a title="Livraison sapin de Noël Nordmann Classic 175 cm" href="https://www.mon-bucheron.com/boutique/5/livraison-sapin-de-noel-nordmann-classic-175-cm">
                Livraison sapin de Noël Nordmann Classic <b><span style="color:#b42122;">175 cm</span></b>
            </a>
        </h3>
        <div class="text-red text-xl font-serif mt-1">
                        89.90 €
        </div>
    </div>
        <div class="mt-2">
        <form x-data="submitCart(5, 'Livraison sapin de Noël Nordmann Classic <b><span style="color:#b42122;">175 cm</span></b>','images/livraison-sapin-nordmann.webp',89.90)" @submit.prevent="submitForm">
            <button :disabled="formLoading" x-text="buttonText" class="w-full primary-gradient butn py-3 lg:py-4 rounded-md text-base text-white font-semibold tracking-wider">
            </button>
            <div x-text="formMessage" class="font-bold"></div>
        </form>
    </div>
    </div>
                </div>
                                <div class="swiper-slide">
                    <div class="relative rounded-md card-decoration-border sm:card-decoration-shadow flex flex-col px-2 lg:px-3 pb-3 bg-white">
    <div class="flex justify-between min-h-[76px]">
        <div class="text-red text-md sm:text-xl lg:text-2xl font-serif mt-1 pr-1 max-w-[200px] w-full">
            Nordmann Classic
        </div>
        <div class="realtive top-0 right-0 flex justify-center">
                            <img src="https://www.mon-bucheron.com/img/price-tag.png"  style="height:60px;" width="100" alt="length"  loading="lazy">
                <div style="line-height: 15px;max-width:80px;" class="absolute md:leading-4 font-serif mx-auto text-center text-sm mt-1 lg:mt-2 text-white">
                    185 - 200<br/>CM
                </div>
                    </div>
    </div>
    <div class="mt-1 lg:mt-3">
        <a href="https://www.mon-bucheron.com/boutique/16/livraison-sapin-de-noel-nordmann-classic-200-cm"
                class="prd-img relative block"
                title="En savoir + pour  Paris, Versailles et Ile de France">
                 
                <img src="https://www.mon-bucheron.com/img/livraison-sapin-nordmann.webp?width=300"
                    alt="Livraison sapin de Noël Nordmann Classic 200 cm" width="300" height="376"
                    class="w-[300px] mx-auto" loading="lazy">
            </a>
        <div class="w-full mt-2">
            <div class="text-[#184050] italic md:text-bases font-semibold leading-3 py-2 text-center mx-auto" style="font-size: 12px">Livraison + Bûche Offertes !</div>
        </div>
    </div>
    <div class="border-t border-[#cfcfcf] w-full flex flex-col lg:mt-3 pt-3 min-h-[85px]">
        <h3 class="text-[#184050] text-sm sm:text-base max-w-full font-medium max-[315px]:min-h-[80px] min-h-[60px] sm:min-h-[72px]">
            <a title="Livraison sapin de Noël Nordmann Classic 200 cm" href="https://www.mon-bucheron.com/boutique/16/livraison-sapin-de-noel-nordmann-classic-200-cm">
                Livraison sapin de Noël Nordmann Classic <b><span style="color:#b42122;">200 cm</span></b>
            </a>
        </h3>
        <div class="text-red text-xl font-serif mt-1">
                        104.90 €
        </div>
    </div>
        <div class="mt-2">
        <form x-data="submitCart(16, 'Livraison sapin de Noël Nordmann Classic <b><span style="color:#b42122;">200 cm</span></b>','images/livraison-sapin-nordmann.webp',104.90)" @submit.prevent="submitForm">
            <button :disabled="formLoading" x-text="buttonText" class="w-full primary-gradient butn py-3 lg:py-4 rounded-md text-base text-white font-semibold tracking-wider">
            </button>
            <div x-text="formMessage" class="font-bold"></div>
        </form>
    </div>
    </div>
                </div>
                                <div class="swiper-slide">
                    <div class="relative rounded-md card-decoration-border sm:card-decoration-shadow flex flex-col px-2 lg:px-3 pb-3 bg-white">
    <div class="flex justify-between min-h-[76px]">
        <div class="text-red text-md sm:text-xl lg:text-2xl font-serif mt-1 pr-1 max-w-[200px] w-full">
            Nordmann Grand Sapin
        </div>
        <div class="realtive top-0 right-0 flex justify-center">
                            <img src="https://www.mon-bucheron.com/img/price-tag.png"  style="height:60px;" width="100" alt="length"  loading="lazy">
                <div style="line-height: 15px;max-width:80px;" class="absolute md:leading-4 font-serif mx-auto text-center text-sm mt-1 lg:mt-2 text-white">
                    280 - 300<br/>CM
                </div>
                    </div>
    </div>
    <div class="mt-1 lg:mt-3">
        <a href="https://www.mon-bucheron.com/boutique/73/livraison-sapin-de-noel-nordmann-5-etoiles-3-metres"
                class="prd-img relative block"
                title="En savoir + pour Sapin Nordmann 5 étoiles 300 cm Paris, Versailles et Ile de France">
                                     <div class="absolute top-2 left-2 flex flex-col gap-1 z-10">
                                                    <div style="background-color:#DC3335;padding-right:10px;padding-left:10px;padding-top:2px;padding-bottom:2px;border-radius:6px;color:white;font-size:12px">
                                <i class="fas fa-hourglass" style='margin-right:3px'></i><span>Bientôt épuisé</span>
                            </div>
                        
                        
                                            </div>
                
                <img src="https://www.mon-bucheron.com/img/livraison-grand-sapin-2.webp?width=300"
                    alt="Livraison sapin Nordmann 5 étoiles de 3 mètres" width="300" height="376"
                    class="w-[300px] mx-auto" loading="lazy">
            </a>
        <div class="w-full mt-2">
            <div class="text-[#184050] italic md:text-bases font-semibold leading-3 py-2 text-center mx-auto" style="font-size: 12px">Livraison + Bûche Offertes !</div>
        </div>
    </div>
    <div class="border-t border-[#cfcfcf] w-full flex flex-col lg:mt-3 pt-3 min-h-[85px]">
        <h3 class="text-[#184050] text-sm sm:text-base max-w-full font-medium max-[315px]:min-h-[80px] min-h-[60px] sm:min-h-[72px]">
            <a title="Livraison sapin Nordmann 5 étoiles de 3 mètres" href="https://www.mon-bucheron.com/boutique/73/livraison-sapin-de-noel-nordmann-5-etoiles-3-metres">
                Livraison sapin Nordmann 5 étoiles de <b><span style="color:#b42122;">3 mètres</span></b>
            </a>
        </h3>
        <div class="text-red text-xl font-serif mt-1">
                        249.90 €
        </div>
    </div>
        <div class="mt-2">
        <form x-data="submitCart(73, 'Livraison sapin Nordmann 5 étoiles de <b><span style="color:#b42122;">3 mètres</span></b>','images/livraison-grand-sapin-2.webp',249.90)" @submit.prevent="submitForm">
            <button :disabled="formLoading" x-text="buttonText" class="w-full primary-gradient butn py-3 lg:py-4 rounded-md text-base text-white font-semibold tracking-wider">
            </button>
            <div x-text="formMessage" class="font-bold"></div>
        </form>
    </div>
    </div>
                </div>
                                <div class="swiper-slide">
                    <div class="relative rounded-md card-decoration-border sm:card-decoration-shadow flex flex-col px-2 lg:px-3 pb-3 bg-white">
    <div class="flex justify-between min-h-[76px]">
        <div class="text-red text-md sm:text-xl lg:text-2xl font-serif mt-1 pr-1 max-w-[200px] w-full">
            Nordmann Sélection Unique
        </div>
        <div class="realtive top-0 right-0 flex justify-center">
                            <img src="https://www.mon-bucheron.com/img/price-tag.png"  style="height:60px;" width="100" alt="length"  loading="lazy">
                <div style="line-height: 15px;max-width:80px;" class="absolute md:leading-4 font-serif mx-auto text-center text-sm mt-1 lg:mt-2 text-white">
                    160 - 175<br/>CM
                </div>
                    </div>
    </div>
    <div class="mt-1 lg:mt-3">
        <a href="https://www.mon-bucheron.com/boutique/127/livraison-nordmann-selection-unique-175-cm"
                class="prd-img relative block"
                title="En savoir + pour Sapin Nordmann Sélection Unique 175 cm Paris, Versailles et Ile de France">
                                     <div class="absolute top-2 left-2 flex flex-col gap-1 z-10">
                        
                        
                                                    <div style="background-color:#246F3B;padding-right:10px;padding-left:10px;padding-top:2px;padding-bottom:2px;border-radius:6px;color:white;font-size:12px">
                                <i class="fas fa-star" style='margin-right:3px'></i><span>Exclusivité</span>
                            </div>
                                            </div>
                
                <img src="https://www.mon-bucheron.com/img/nordmann alsace v2.png?width=300"
                    alt="Livraison Nordmann Sélection Unique 175 cm" width="300" height="376"
                    class="w-[300px] mx-auto" loading="lazy">
            </a>
        <div class="w-full mt-2">
            <div class="text-[#184050] italic md:text-bases font-semibold leading-3 py-2 text-center mx-auto" style="font-size: 12px">Livraison + Bûche Offertes !</div>
        </div>
    </div>
    <div class="border-t border-[#cfcfcf] w-full flex flex-col lg:mt-3 pt-3 min-h-[85px]">
        <h3 class="text-[#184050] text-sm sm:text-base max-w-full font-medium max-[315px]:min-h-[80px] min-h-[60px] sm:min-h-[72px]">
            <a title="Livraison Nordmann Sélection Unique 175 cm" href="https://www.mon-bucheron.com/boutique/127/livraison-nordmann-selection-unique-175-cm">
                Livraison Nordmann Sélection Unique <b><span style="color:#b42122;">175 cm</span></b>
            </a>
        </h3>
        <div class="text-red text-xl font-serif mt-1">
                        119.90 €
        </div>
    </div>
        <div class="mt-2">
        <form x-data="submitCart(127, 'Livraison Nordmann Sélection Unique <b><span style="color:#b42122;">175 cm</span></b>','images/nordmann alsace v2.png',119.90)" @submit.prevent="submitForm">
            <button :disabled="formLoading" x-text="buttonText" class="w-full primary-gradient butn py-3 lg:py-4 rounded-md text-base text-white font-semibold tracking-wider">
            </button>
            <div x-text="formMessage" class="font-bold"></div>
        </form>
    </div>
    </div>
                </div>
                                <div class="swiper-slide">
                    <div class="relative rounded-md card-decoration-border sm:card-decoration-shadow flex flex-col px-2 lg:px-3 pb-3 bg-white">
    <div class="flex justify-between min-h-[76px]">
        <div class="text-red text-md sm:text-xl lg:text-2xl font-serif mt-1 pr-1 max-w-[200px] w-full">
            Nordmann Sélection Unique
        </div>
        <div class="realtive top-0 right-0 flex justify-center">
                            <img src="https://www.mon-bucheron.com/img/price-tag.png"  style="height:60px;" width="100" alt="length"  loading="lazy">
                <div style="line-height: 15px;max-width:80px;" class="absolute md:leading-4 font-serif mx-auto text-center text-sm mt-1 lg:mt-2 text-white">
                    230 - 250<br/>CM
                </div>
                    </div>
    </div>
    <div class="mt-1 lg:mt-3">
        <a href="https://www.mon-bucheron.com/boutique/129/livraison-nordmann-selection-unique-250-cm"
                class="prd-img relative block"
                title="En savoir + pour Sapin Nordmann Sélection Unique 150 cm Paris, Versailles et Ile de France">
                                     <div class="absolute top-2 left-2 flex flex-col gap-1 z-10">
                        
                        
                                                    <div style="background-color:#246F3B;padding-right:10px;padding-left:10px;padding-top:2px;padding-bottom:2px;border-radius:6px;color:white;font-size:12px">
                                <i class="fas fa-star" style='margin-right:3px'></i><span>Exclusivité</span>
                            </div>
                                            </div>
                
                <img src="https://www.mon-bucheron.com/img/nordmann alsace v2.png?width=300"
                    alt="Livraison Nordmann Sélection Unique 250 cm" width="300" height="376"
                    class="w-[300px] mx-auto" loading="lazy">
            </a>
        <div class="w-full mt-2">
            <div class="text-[#184050] italic md:text-bases font-semibold leading-3 py-2 text-center mx-auto" style="font-size: 12px">Livraison + Bûche Offertes !</div>
        </div>
    </div>
    <div class="border-t border-[#cfcfcf] w-full flex flex-col lg:mt-3 pt-3 min-h-[85px]">
        <h3 class="text-[#184050] text-sm sm:text-base max-w-full font-medium max-[315px]:min-h-[80px] min-h-[60px] sm:min-h-[72px]">
            <a title="Livraison Nordmann Sélection Unique 250 cm" href="https://www.mon-bucheron.com/boutique/129/livraison-nordmann-selection-unique-250-cm">
                Livraison Nordmann Sélection Unique <b><span style="color:#b42122;">250 cm</span></b>
            </a>
        </h3>
        <div class="text-red text-xl font-serif mt-1">
                        189.90 €
        </div>
    </div>
        <div class="mt-2">
        <form x-data="submitCart(129, 'Livraison Nordmann Sélection Unique <b><span style="color:#b42122;">250 cm</span></b>','images/nordmann alsace v2.png',189.90)" @submit.prevent="submitForm">
            <button :disabled="formLoading" x-text="buttonText" class="w-full primary-gradient butn py-3 lg:py-4 rounded-md text-base text-white font-semibold tracking-wider">
            </button>
            <div x-text="formMessage" class="font-bold"></div>
        </form>
    </div>
    </div>
                </div>
                                <div class="swiper-slide">
                    <div class="relative rounded-md card-decoration-border sm:card-decoration-shadow flex flex-col px-2 lg:px-3 pb-3 bg-white">
    <div class="flex justify-between min-h-[76px]">
        <div class="text-red text-md sm:text-xl lg:text-2xl font-serif mt-1 pr-1 max-w-[200px] w-full">
            Nordmann 5 étoiles
        </div>
        <div class="realtive top-0 right-0 flex justify-center">
                            <img src="https://www.mon-bucheron.com/img/price-tag.png"  style="height:60px;" width="100" alt="length"  loading="lazy">
                <div style="line-height: 15px;max-width:80px;" class="absolute md:leading-4 font-serif mx-auto text-center text-sm mt-1 lg:mt-2 text-white">
                    160 - 175<br/>CM
                </div>
                    </div>
    </div>
    <div class="mt-1 lg:mt-3">
        <a href="https://www.mon-bucheron.com/boutique/1/livraison-sapin-de-noel-nordmann-5-etoiles-175-cm"
                class="prd-img relative block"
                title="En savoir + pour Sapin Nordmann 5 étoiles 175 cm Paris, Versailles et Ile de France">
                                     <div class="absolute top-2 left-2 flex flex-col gap-1 z-10">
                        
                                                    <div style="background-color:#C99B02;padding-right:10px;padding-left:10px;padding-top:2px;padding-bottom:2px;border-radius:6px;color:white;font-size:12px">
                                 <i class="fas fa-heart" style='margin-right:3px'></i><span>Top Ventes</span>
                            </div>
                        
                                            </div>
                
                <img src="https://www.mon-bucheron.com/img/livraison-sapin-paris-Nordmann-5-etoiles-min.webp?width=300"
                    alt="Livraison sapin de Noël Nordmann 5 Étoiles 175 cm" width="300" height="376"
                    class="w-[300px] mx-auto" loading="lazy">
            </a>
        <div class="w-full mt-2">
            <div class="text-[#184050] italic md:text-bases font-semibold leading-3 py-2 text-center mx-auto" style="font-size: 12px">Livraison + Bûche Offertes !</div>
        </div>
    </div>
    <div class="border-t border-[#cfcfcf] w-full flex flex-col lg:mt-3 pt-3 min-h-[85px]">
        <h3 class="text-[#184050] text-sm sm:text-base max-w-full font-medium max-[315px]:min-h-[80px] min-h-[60px] sm:min-h-[72px]">
            <a title="Livraison sapin de Noël Nordmann 5 Étoiles 175 cm" href="https://www.mon-bucheron.com/boutique/1/livraison-sapin-de-noel-nordmann-5-etoiles-175-cm">
                Livraison sapin de Noël Nordmann 5 Étoiles <b><span style="color:#b42122;">175 cm</span></b>
            </a>
        </h3>
        <div class="text-red text-xl font-serif mt-1">
                        99.90 €
        </div>
    </div>
        <div class="mt-2">
        <form x-data="submitCart(1, 'Livraison sapin de Noël Nordmann 5 Étoiles <b><span style="color:#b42122;">175 cm</span></b>','images/livraison-sapin-paris-Nordmann-5-etoiles-min.webp',99.90)" @submit.prevent="submitForm">
            <button :disabled="formLoading" x-text="buttonText" class="w-full primary-gradient butn py-3 lg:py-4 rounded-md text-base text-white font-semibold tracking-wider">
            </button>
            <div x-text="formMessage" class="font-bold"></div>
        </form>
    </div>
    </div>
                </div>
                                <div class="swiper-slide">
                    <div class="relative rounded-md card-decoration-border sm:card-decoration-shadow flex flex-col px-2 lg:px-3 pb-3 bg-white">
    <div class="flex justify-between min-h-[76px]">
        <div class="text-red text-md sm:text-xl lg:text-2xl font-serif mt-1 pr-1 max-w-[200px] w-full">
            Nordmann 5 étoiles
        </div>
        <div class="realtive top-0 right-0 flex justify-center">
                            <img src="https://www.mon-bucheron.com/img/price-tag.png"  style="height:60px;" width="100" alt="length"  loading="lazy">
                <div style="line-height: 15px;max-width:80px;" class="absolute md:leading-4 font-serif mx-auto text-center text-sm mt-1 lg:mt-2 text-white">
                    230 - 250<br/>CM
                </div>
                    </div>
    </div>
    <div class="mt-1 lg:mt-3">
        <a href="https://www.mon-bucheron.com/boutique/3/livraison-sapin-de-noel-nordmann-5-etoiles-250-cm"
                class="prd-img relative block"
                title="En savoir + pour Sapin Nordmann 5 étoiles 250 cm Paris, Versailles et Ile de France">
                                     <div class="absolute top-2 left-2 flex flex-col gap-1 z-10">
                        
                                                    <div style="background-color:#C99B02;padding-right:10px;padding-left:10px;padding-top:2px;padding-bottom:2px;border-radius:6px;color:white;font-size:12px">
                                 <i class="fas fa-heart" style='margin-right:3px'></i><span>Top Ventes</span>
                            </div>
                        
                                            </div>
                
                <img src="https://www.mon-bucheron.com/img/livraison-sapin-paris-Nordmann-5-etoiles-min.webp?width=300"
                    alt="Livraison sapin de Noël Nordmann 5 Étoiles 250 cm" width="300" height="376"
                    class="w-[300px] mx-auto" loading="lazy">
            </a>
        <div class="w-full mt-2">
            <div class="text-[#184050] italic md:text-bases font-semibold leading-3 py-2 text-center mx-auto" style="font-size: 12px">Livraison + Bûche Offertes !</div>
        </div>
    </div>
    <div class="border-t border-[#cfcfcf] w-full flex flex-col lg:mt-3 pt-3 min-h-[85px]">
        <h3 class="text-[#184050] text-sm sm:text-base max-w-full font-medium max-[315px]:min-h-[80px] min-h-[60px] sm:min-h-[72px]">
            <a title="Livraison sapin de Noël Nordmann 5 Étoiles 250 cm" href="https://www.mon-bucheron.com/boutique/3/livraison-sapin-de-noel-nordmann-5-etoiles-250-cm">
                Livraison sapin de Noël Nordmann 5 Étoiles <b><span style="color:#b42122;">250 cm</span></b>
            </a>
        </h3>
        <div class="text-red text-xl font-serif mt-1">
                        169.90 €
        </div>
    </div>
        <div class="mt-2">
        <form x-data="submitCart(3, 'Livraison sapin de Noël Nordmann 5 Étoiles <b><span style="color:#b42122;">250 cm</span></b>','images/livraison-sapin-paris-Nordmann-5-etoiles-min.webp',169.90)" @submit.prevent="submitForm">
            <button :disabled="formLoading" x-text="buttonText" class="w-full primary-gradient butn py-3 lg:py-4 rounded-md text-base text-white font-semibold tracking-wider">
            </button>
            <div x-text="formMessage" class="font-bold"></div>
        </form>
    </div>
    </div>
                </div>
                                <div class="swiper-slide">
                    <div class="relative rounded-md card-decoration-border sm:card-decoration-shadow flex flex-col px-2 lg:px-3 pb-3 bg-white">
    <div class="flex justify-between min-h-[76px]">
        <div class="text-red text-md sm:text-xl lg:text-2xl font-serif mt-1 pr-1 max-w-[200px] w-full">
            Sapin Ignifugé
        </div>
        <div class="realtive top-0 right-0 flex justify-center">
                            <img src="https://www.mon-bucheron.com/img/price-tag.png"  style="height:60px;" width="100" alt="length"  loading="lazy">
                <div style="line-height: 15px;max-width:80px;" class="absolute md:leading-4 font-serif mx-auto text-center text-sm mt-1 lg:mt-2 text-white">
                    230 - 250<br/>CM
                </div>
                    </div>
    </div>
    <div class="mt-1 lg:mt-3">
        <a href="https://www.mon-bucheron.com/boutique/81/livraison-sapin-de-noel-nordmann-5-etoiles-250-cm-ignifuge"
                class="prd-img relative block"
                title="En savoir + pour Sapin ignifugé Nordmann 5 étoiles 250 cm Paris, Versailles et Ile de France">
                 
                <img src="https://www.mon-bucheron.com/img/Sapin-Nordmann-ignifugé-m1-min.webp?width=300"
                    alt="Livraison sapin ignifugé Nordmann 5 Étoiles 250 cm" width="300" height="376"
                    class="w-[300px] mx-auto" loading="lazy">
            </a>
        <div class="w-full mt-2">
            <div class="text-[#184050] italic md:text-bases font-semibold leading-3 py-2 text-center mx-auto" style="font-size: 12px">Livraison + Bûche Offertes !</div>
        </div>
    </div>
    <div class="border-t border-[#cfcfcf] w-full flex flex-col lg:mt-3 pt-3 min-h-[85px]">
        <h3 class="text-[#184050] text-sm sm:text-base max-w-full font-medium max-[315px]:min-h-[80px] min-h-[60px] sm:min-h-[72px]">
            <a title="Livraison sapin ignifugé Nordmann 5 Étoiles 250 cm" href="https://www.mon-bucheron.com/boutique/81/livraison-sapin-de-noel-nordmann-5-etoiles-250-cm-ignifuge">
                Livraison sapin ignifugé Nordmann 5 Étoiles <b><span style="color:#b42122;">250 cm</span></b>
            </a>
        </h3>
        <div class="text-red text-xl font-serif mt-1">
                        309.90 €
        </div>
    </div>
        <div class="mt-2">
        <form x-data="submitCart(81, 'Livraison sapin ignifugé Nordmann 5 Étoiles <b><span style="color:#b42122;">250 cm</span></b>','images/Sapin-Nordmann-ignifugé-m1-min.webp',309.90)" @submit.prevent="submitForm">
            <button :disabled="formLoading" x-text="buttonText" class="w-full primary-gradient butn py-3 lg:py-4 rounded-md text-base text-white font-semibold tracking-wider">
            </button>
            <div x-text="formMessage" class="font-bold"></div>
        </form>
    </div>
    </div>
                </div>
                            </div>
            <div class="flex w-full justify-between items-center">
                <div class="swiper-button-prev-default"></div>
                <div class="swiper-scrollbar"></div>
                <div class="swiper-button-next-default"></div>
            </div>
        </div>
        <div class="w-full flex justify-center mt-10">
            <a href="/livraison-sapin-nordmann-5-etoiles.html" title="Nos clients les adorent !" class="text-[#DC3434] font-semibold red-button py-4 md:w-[324px] w-[344px] ease-in-out transition-all hover:text-white text-center hover:bg-[#B42222] duration-300">
                Nos clients les adorent !
            </a>
        </div>
    </section>
    <section class="px-4 md:px-10 pt-16">
        <div class="max-w-[1000px] primary-gradient rounded-lg flex flex-col md:flex-row mx-auto">
            <img class="md:w-3/5 object-cover object-center w-full rounded-tl-lg rounded-tr-lg md:rounded-tr-none rounded-bl-lg"
                 alt="livraison multipoint de sapins de plus de 3 mètres" width="600" height="402"
            src="https://www.mon-bucheron.com/img/devis-grand-sapin-livraison.jpeg?width=600"
            srcset="https://www.mon-bucheron.com/img/devis-grand-sapin-livraison.jpeg?width=600 1x,            https://www.mon-bucheron.com/img/devis-grand-sapin-livraison.jpeg 2x,            https://www.mon-bucheron.com/img/devis-grand-sapin-livraison.jpeg 3x" loading="lazy">
            <div class="flex flex-col items-start px-4 md:px-6 py-5 md:py-7 md:w-2/5">
                <h3 class="text-beige font-serif text-3xl">Souriez !</h3>
                <span class="text-beige mt-2">Explorez nos solutions B2B!</span>
                <span class="italic text-white font-thin mt-3 max-w-[320px]">
                    Des services spécifiquement adaptés à vos besoins, incluant la livraison multipoint,
                     des sapins de plus de 3 mètres de hauteur et ignifugés pour assurer la sécurité.
                </span>
                <a href="/boutiques-entreprise"
                title="Commander pour la livraison de sapin Paris, Versailles et Ile de France"
                class="secondary-gradient text-center butn font-semibold w-full max-w-[320px] mt-6 rounded-md text-md px-3 md:px-6 py-4 text-white">
                    Obtenez un devis personnalisé
                </a>
            </div>
        </div>
    </section>
    <section class="mt-20 px-4 md:px-10 mt-12">
        <div class="space-y-4 max-w-[1000px] mx-auto">
            <h2 class="font-serif text-secondary text-2xl sm:text-4xl">Livraison à domicile de sapins de Noël Naturels à Paris 18eme</h2>
            <p class="text-[#184050] text-sm sm:text-base font-medium">Si vous avez élu domicile à Paris 18eme alors notre offre est taillée sur mesure pour vous ! Nous vous simplifions la magie de Noël avec notre service de livraison à domicile de sapins de Noël naturels. En plus de la livraison, nous nous occupons également de l'installation de votre arbre festif. Et pour couronner le tout, nous vous offrons le support pour votre bûche de Noël, le tout sans frais supplémentaires. Faites de votre Noël à Paris 18eme une expérience sans tracas avec Mon Bûcheron.</p>
        </div>
    </section>
    <section class="px-4 md:px-10 mt-16">
        <div class="flex flex-col gap-y-6 mt-6 max-w-[1000px] mx-auto">
                        <div class="flex flex-row items-start bg-[#FFFBF8] border rounded-md border-[#FFEADA] p-2 gap-x-3">
                <img src="https://www.mon-bucheron.com/img/icones/arbre-icone.png " alt="Paris 18emeCircuit court, fraîcheur et amour du sapin" width="60" height="60" srcset="https://www.mon-bucheron.com/img/icones/arbre-icone.png  1x, https://www.mon-bucheron.com/img/icones/arbre-icone@2x.png 2x" loading="lazy">
                <div class="flex flex-col">
                    <h3 class="text-xl lg:text-2xl text-[#DC3434] font-bold">Paris 18emeCircuit court, fraîcheur et amour du sapin</h3>
                    <span class="text-base lg:text-lg text-[#1D6783] font-medium">Chaque matin, nos bûcherons sélectionnent avec une passion inébranlable les plus beaux arbres chez nos partenaires producteurs. Notre circuit court garantit la fraîcheur, des couleurs éclatantes, et une longévité jusqu'à début janvier. Notre fierté annuelle, le Nordmann 5 étoiles, illuminera votre salon de son élégance. Pour les amateurs de beauté brute, nos sapins Nobilis sauront vous séduire.</span>
                </div>
            </div>
                        <div class="flex flex-row items-start bg-[#FFFBF8] border rounded-md border-[#FFEADA] p-2 gap-x-3">
                <img src="https://www.mon-bucheron.com/img/icones/livraison.png " alt="La magie de Noël livrée à votre porte" width="60" height="60" srcset="https://www.mon-bucheron.com/img/icones/livraison.png  1x, https://www.mon-bucheron.com/img/icones/livraison@2x.png 2x" loading="lazy">
                <div class="flex flex-col">
                    <h3 class="text-xl lg:text-2xl text-[#DC3434] font-bold">La magie de Noël livrée à votre porte</h3>
                    <span class="text-base lg:text-lg text-[#1D6783] font-medium">Nous visons l'excellence : livraison du sapin à votre convenance, installation flexible, décoration livrée, et recyclage inclus. Mieux encore, la livraison (à Paris et en banlieue), l'installation, et le support pour votre bûche sont offerts pour chaque sapin de Noël commandé!</span>
                </div>
            </div>
                        <div class="flex flex-row items-start bg-[#FFFBF8] border rounded-md border-[#FFEADA] p-2 gap-x-3">
                <img src="https://www.mon-bucheron.com/img/icones/ecologie.png " alt="Pas d'épine avec Mon Bucheron" width="60" height="60" srcset="https://www.mon-bucheron.com/img/icones/ecologie.png  1x, https://www.mon-bucheron.com/img/icones/ecologie@2x.png 2x" loading="lazy">
                <div class="flex flex-col">
                    <h3 class="text-xl lg:text-2xl text-[#DC3434] font-bold">Pas d'épine avec Mon Bucheron</h3>
                    <span class="text-base lg:text-lg text-[#1D6783] font-medium">Nos bûcherons disponibles de 9h à 20h répondent à vos questions. La confiance est essentielle, d'où Mon Bucheron Pro, adapté aux professionnels et institutions. Grandes tailles, commandes groupées, tarifs spéciaux... Nous sommes là pour réaliser tous vos projets féériques.</span>
                </div>
            </div>
                    </div>
    </section>
    <section class="px-4 md:px-10 bg-white mt-16 mb-32">
        <h2 class="text-[26px] lg:text-[34px] font-serif font-normal leading-8 lg:leading-10 text-center text-secondary mb-7">
            Nos actualités
        </h2>
        <div class="swiper swiperActu max-w-[1000px]">
            <div class="swiper-wrapper pb-10">
                <div class="swiper-slide flex rounded-md background-[#FFFBF8] actu-card-decoration flex-col">
                    <img class="w-full rounded-t-md  max-h-[215px]                    object-cover object-center" width="325" height="230" alt="Comment Faire De La Fausse Neige Pour Sapin?"
                      src="https://www.mon-bucheron.com/img/icones/arbre-icone.png?width=325"
                         srcset="https://www.mon-bucheron.com/img/news/fausse-neige.png?width=325 1x,                         https://www.mon-bucheron.com/img/news/fausse-neige.png 2x,                         https://www.mon-bucheron.com/img/news/fausse-neige.png?width=325 3x" loading="lazy">
                    <div class="flex gap-4 px-2 py-2 flex-col h-4/10 md:h-3/10 background-[#FFFBF8]">
                        <p class="font-serif text-xl lg:text-2xl font-normal text-red line-clamp-2">Comment Faire De La Fausse Neige Pour Sapin?</p>
                        <div class="hidden md:block">
                            <p class="line-clamp-2">Lorsque vous désirez passer votre Noël sous la neige sans avoir à affronter les déluges et le froid, découvrez comment faire de la fausse</p>
                        </div>
                        <a class="w-full text-center border border-[#155F2C] rounded-md py-2 text-secondary font-semibold ease-in-out transition-all hover:text-white hover:bg-[#155F2C] duration-300"
                            href="/blog/comment-faire-de-la-fausse-neige-pour-sapin" title="Comment Faire De La Fausse Neige Pour Sapin?">
                            En savoir plus
                        </a>
                    </div>
                </div>
                <div class="swiper-slide flex rounded-md background-[#FFFBF8] actu-card-decoration flex-col">
                    <img class="w-full rounded-t-md max-h-[215px] object-cover object-center"  width="325" height="230"  alt="Sapin artificiel VS sapin naturel?"
                         src="https://www.mon-bucheron.com/img/news/sapin-artificiel.png?width=325"
                         srcset="https://www.mon-bucheron.com/img/news/sapin-artificiel.png?width=325 1x,                         https://www.mon-bucheron.com/img/news/sapin-artificiel.png 2x,                         https://www.mon-bucheron.com/img/news/sapin-artificiel.png?width=325 3x" loading="lazy">
                    <div class="flex gap-4 px-2 py-2 flex-col h-4/10 md:h-3/10 background-[#FFFBF8]">
                        <p class="font-serif text-xl lg:text-2xl font-normal text-red line-clamp-2">Sapin artificiel VS sapin naturel: qui est le grand gagnant?</p>
                        <div class="hidden md:block">
                            <p class="line-clamp-2">Écologique ou pratique, le choix peut être cornélien. Naturel ou artificiel, les sapins montent sur le ring pour s’affronter, on n’est pas à l'abri de voir quelques épines tomber. Les clichés ont la peau dure. Pratique, le sapin artificiel serait un allié impérissable que l’on ressort de nos caves à chaque Noël, retrouvant avec joie ce vieil ami que l’on n’avait pas vu depuis un an. Au contraire, on regarde de travers son cousin sorti tout droit de la terre. Déforestation lui dit-on, le doigt pointé sur ses épines ! Pourtant question écologie, pas certain que monsieur soit le vraiment le bon coupabledéluges et le froid, découvrez comment faire de la fausse</p>
                        </div>
                        <a class="w-full text-center border border-[#155F2C] rounded-md py-2 text-secondary font-semibold ease-in-out transition-all hover:text-white hover:bg-[#155F2C] duration-300"
                            href="/blog/12959-sapin-naturel-sapin-artificiel" title="Sapin artificiel VS sapin naturel: qui est le grand gagnant?">
                            En savoir plus
                        </a>
                        </button>
                    </div>
                </div>
                <div class="swiper-slide flex rounded-md background-[#FFFBF8] actu-card-decoration flex-col">
                    <img class="w-full rounded-t-md  max-h-[215px] object-cover object-center"  width="325" height="230"  alt="Petit tour du monde des traditions de Noël"
                         src="https://www.mon-bucheron.com/img/news/tour-du-monde-noel.png?width=325"
                        srcset="https://www.mon-bucheron.com/img/news/tour-du-monde-noel.png?width=325 1x,                        https://www.mon-bucheron.com/img/news/tour-du-monde-noel.png 2x,                        https://www.mon-bucheron.com/img/news/tour-du-monde-noel.png?width=325 3x" loading="lazy">
                    <div class="flex gap-4 px-2 py-2 flex-col h-4/10 md:h-3/10 background-[#FFFBF8]">
                        <p class="font-serif text-xl lg:text-2xl font-normal text-red line-clamp-2">Petit tour du monde des traditions de Noël</p>
                        <div class="hidden md:block">
                            <p class="line-clamp-2">Sapin artificiel VS sapin naturel: qui est le grand gagnant?</p>
                        </div>
                        <a class="w-full text-center border border-[#155F2C] rounded-md py-2 text-secondary font-semibold ease-in-out transition-all hover:text-white hover:bg-[#155F2C] duration-300"
                            href="/blog/12956-traditions-sapin-monde" title="Petit tour du monde des traditions de Noël">
                            En savoir plus
                        </a>
                        </button>
                    </div>
                </div>
            </div>
            <div class="swiper-scrollbar"></div>
        </div>
        <div class="w-full justify-center mt-5 hidden md:flex">
            <a title="Voir tous les articles du blog" href="/blog" class="text-center text-[#DC3434] font-semibold red-button py-4 md:w-[324px] w-[344px] ease-in-out transition-all hover:text-white hover:bg-[#B42222] duration-300">
                Voir Plus
            </a>
        </div>
    </section>
    <!-- BN Slider 1 -->
    
    <div  x-data="{justScroll: false}"
          @scroll.window="justScroll = true"
          class="hidden">
        <div class="w-full md:w-1/3 fixed z-30"
             :class="{ 'animate-fadeInDelay right-10 bottom-10' : justScroll , 'right-[-100%] bottom-10' : !justScroll}"
             x-data="{ open: true }"
             x-show="open"
             x-transition:enter="transition ease-out duration-300"
             x-transition:enter-start="opacity-0 scale-90"
             x-transition:enter-end="opacity-100 scale-100"
             x-transition:leave="transition ease-in duration-300"
             x-transition:leave-start="opacity-100 scale-100"
             x-transition:leave-end="opacity-0 scale-90"
        >
            <button class="absolute text-white right-8 lg:right-12 top-4 leading-none transition duration-150 ease-out hover:rotate-90"
                    type="button" id="hideCookie"
                    aria-label="Fermer l'alerte des cookies"
                    @click="open = ! open"
            >
                <i class="icon-cross font-semibold text-2xl">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="40" height="40" viewbox="0,0,256,256">
                        <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-size="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M40.7832,7.27148c-0.52851,0.01247 -1.03058,0.23367 -1.39648,0.61523l-14.33594,14.33594l-14.33594,-14.33594c-0.37669,-0.38827 -0.89458,-0.60741 -1.43555,-0.60742c-0.81437,0.00019 -1.54731,0.49409 -1.85324,1.24881c-0.30592,0.75472 -0.12373,1.61957 0.46066,2.18673l14.33594,14.33594l-14.33594,14.33594c-0.52247,0.50164 -0.73292,1.24653 -0.55021,1.9474c0.18272,0.70087 0.73005,1.24821 1.43093,1.43093c0.70087,0.18272 1.44577,-0.02774 1.9474,-0.55021l14.33594,-14.33594l14.33594,14.33594c0.50164,0.52247 1.24653,0.73293 1.94741,0.55021c0.70088,-0.18272 1.24821,-0.73005 1.43093,-1.43093c0.18272,-0.70088 -0.02774,-1.44577 -0.55021,-1.94741l-14.33594,-14.33594l14.33594,-14.33594c0.59567,-0.57119 0.77939,-1.44958 0.46256,-2.21161c-0.31683,-0.76204 -1.06915,-1.25125 -1.8942,-1.23175z"></path></g></g>
                    </svg>
                </i>
            </button>
            <div class="p-8 bg-[#130f40] text-white rounded-md w-11/12 m-auto">
                <div class="row">
                    <div class="w-3/4 lg:w-2/3 mb-4">
                        <h2 class="text-xl font-medium">À propos de l’utilisation des cookies sur ce site</h2>
                    </div>
                </div>
                <p class="text-sm leading-6">Ce site utilise des cookies, y compris les cookies tierce partie, pour améliorer ses fonctionnalités et l’utilisation du site, vous acceptez l’utilisation que nous faisons des cookies. Pour en savoir plus ou savoir comment gérer ou désactiver les cookies, <a class="text-[#007bff]" href="https://www.mon-bucheron.com/pdc" title="politique des cookies">veuillez consulter notre politique des cookies</a>.
                </p>
                <button type="button" class="bg-primary hover:bg-secondary transition w-full p-2 text-md mt-4" id="accepteCookie">Accepter les cookies</button>
            </div>
        </div>
    </div>
    <footer class="page-footer footer-style-1 global_width bg-secondary text-white">
    <div class="container pt-10">
        <div class="flex flex-col lg:flex-row max-w-[1000px] mx-auto gap-x-10">
            <div class="flex w-full lg:w-1/3 justify-center lg:justify-normal items-center lg:items-start flex-col border-b lg:border-0 border-beige">
                <div class="flex flex-col lg:flex-row items-center mb-[22px] gap-2">
                    <img src="https://www.mon-bucheron.com/img/logo-mb-min.png" alt="Livraison sapin Paris" width="80"
                         height="80" class="h-[110px] w-[110px] lg:h-[72px] lg:w-[72px]">
                    <p class="text-beige font-serif text-[27px] leading-[130%] font-normal"> Mon Bucheron </p>
                </div>
                <div class="flex gap-4 flex-col text-center lg:text-left mb-12 lg:mb-0">
                    <a class="text-sm font-semibold tracking-[0.28px]" href="https://www.mon-bucheron.com"
                       title="livraison Paris et Ile de France">Accueil</a>
                    <a class="text-sm font-semibold tracking-[0.28px]" href="https://www.mon-bucheron.com/contact"
                       title="Contacter Mon-bucheron.com sapin">Contact</a>
                    <a class="text-sm font-semibold tracking-[0.28px]" href="https://www.mon-bucheron.com/cgv" title="CGV">Conditions
                        Générales de Vente</a>
                    <a class="text-sm font-semibold tracking-[0.28px]" href="https://www.mon-bucheron.com/pdc"
                       title="Politique de confidentialité">Politique de Confidentialité</a>
                </div>
            </div>
            <div class="flex w-full lg:w-1/3 items-center lg:items-start justify-center lg:justify-normal flex-col mt-8 lg:mt-0 mb-9">
                <div class="w-full flex flex-col items-start mb-[22px] lg:min-h-[72px]">
                    <p class="text-beige font-serif text-[22px] leading-[130%] font-normal h-full flex items-center">
                        Contact</p>
                </div>
                <div class="flex gap-4 flex-col text-left">
                    <div class="text-sm font-semibold tracking-[0.28px] flex gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 22 22" fill="none"
                             class="bg-white rounded">
                            <path d="M18.0946 14.3857L15.8266 12.7777C15.619 12.6363 15.4307 12.5326 15.2509 12.4598C14.7764 12.267 14.3224 12.2937 13.904 12.5388C13.5926 12.6866 13.1763 13.1213 12.8287 13.4696C11.6732 12.7426 10.2576 11.3321 9.44181 10.0944C9.44181 10.0939 9.44128 10.0939 9.44128 10.0934C9.74537 9.77491 10.2031 9.34699 10.364 9.03116C10.6272 8.59852 10.6545 8.13446 10.4495 7.66097C10.3714 7.47085 10.2628 7.27967 10.1187 7.07959L8.53689 4.85304C8.21707 4.39579 7.69436 4.13024 7.09772 4.125C6.44603 4.125 5.84415 4.3916 5.32982 4.89861C4.22567 5.88173 3.87702 7.331 4.32267 9.08982C5.312 12.9924 10.0783 17.7189 13.9454 18.6308C15.4271 19.0121 17.0691 18.7377 18.0328 17.5686C18.3851 17.1732 18.8045 16.5415 18.7998 15.7789C18.7909 15.1713 18.5424 14.6847 18.0946 14.3857ZM17.2443 16.8772C16.5517 17.6791 15.5235 17.9248 14.1861 17.6105C10.698 16.7877 6.23265 12.3576 5.33978 8.8316C4.99113 7.4567 5.22234 6.39659 6.04652 5.66279C6.55613 5.20501 7.15854 4.90594 7.6802 5.4559C7.84902 5.71988 9.41192 7.82387 9.4827 8.0669C9.56659 8.25964 9.54037 8.36702 9.4502 8.51734C9.33433 8.73366 8.85513 9.17834 8.6601 9.3957C8.33766 9.68535 8.291 10.2023 8.54108 10.6328C9.43132 11.9978 11.0089 13.5691 12.3049 14.3773C12.6672 14.5899 13.2072 14.6114 13.5029 14.2736C13.7583 14.0374 14.1572 13.5754 14.4252 13.4465C14.6574 13.2774 14.9778 13.4701 15.2278 13.6372L17.4985 15.2467C17.983 15.5956 17.7009 16.3954 17.2443 16.8772Z"
                                  fill="#184050"/>
                        </svg>
                        <span>
                            <span>TÉL :</span>
                            <span>+33 (0) 1 82 83 03 99</span>
                        </span>
                    </div>
                    <div class="text-sm font-semibold tracking-[0.28px] flex gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 22 22" fill="none"
                             class="bg-white rounded">
                            <path d="M11.0001 3.66675C9.54969 3.66675 8.13186 4.09684 6.9259 4.90264C5.71994 5.70843 4.78001 6.85374 4.22497 8.19374C3.66993 9.53373 3.5247 11.0082 3.80766 12.4307C4.09062 13.8533 4.78905 15.1599 5.81463 16.1855C6.84022 17.2111 8.14689 17.9095 9.56942 18.1925C10.9919 18.4755 12.4664 18.3302 13.8064 17.7752C15.1464 17.2202 16.2917 16.2802 17.0975 15.0743C17.9033 13.8683 18.3334 12.4505 18.3334 11.0001C18.3311 9.05586 17.5578 7.19193 16.183 5.81716C14.8082 4.4424 12.9443 3.66904 11.0001 3.66675ZM11.0001 17.0001C9.8134 17.0001 8.65336 16.6482 7.66666 15.9889C6.67997 15.3296 5.91093 14.3925 5.45681 13.2962C5.00268 12.1998 4.88386 10.9934 5.11537 9.82954C5.34688 8.66565 5.91833 7.59655 6.75744 6.75744C7.59656 5.91833 8.66566 5.34688 9.82954 5.11537C10.9934 4.88386 12.1998 5.00268 13.2962 5.4568C14.3925 5.91093 15.3296 6.67996 15.9889 7.66666C16.6482 8.65335 17.0001 9.81339 17.0001 11.0001C16.9981 12.5908 16.3654 14.1158 15.2406 15.2406C14.1158 16.3654 12.5908 16.9981 11.0001 17.0001Z"
                                  fill="#184050"/>
                            <path d="M11.6667 10.7241V7.00008C11.6667 6.82327 11.5965 6.6537 11.4715 6.52868C11.3465 6.40365 11.1769 6.33341 11.0001 6.33341C10.8233 6.33341 10.6537 6.40365 10.5287 6.52868C10.4037 6.6537 10.3334 6.82327 10.3334 7.00008V11.0001C10.3335 11.1769 10.4037 11.3464 10.5287 11.4714L12.5287 13.4714C12.6545 13.5929 12.8229 13.66 12.9977 13.6585C13.1725 13.657 13.3397 13.5869 13.4633 13.4633C13.5869 13.3397 13.657 13.1725 13.6585 12.9977C13.66 12.8229 13.5929 12.6545 13.4714 12.5287L11.6667 10.7241Z"
                                  fill="#184050"/>
                        </svg>
                        <span>
                            <span>HORAIRES :</span>
                            <span>Lun-Dim 09:00 - 20:00</span>
                        </span>
                    </div>
                    <div class="text-sm font-semibold tracking-[0.28px] flex gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 22 22" fill="none"
                             class="bg-white rounded">
                            <path d="M17.0444 6.01562H4.95581C4.24359 6.01562 3.66675 6.59605 3.66675 7.30469V15.0391C3.66675 15.7519 4.24783 16.3281 4.95581 16.3281H17.0444C17.7506 16.3281 18.3334 15.7543 18.3334 15.0391V7.30469C18.3334 6.59731 17.7589 6.01562 17.0444 6.01562ZM16.8638 6.875C16.6005 7.13697 12.0681 11.6455 11.9116 11.8011C11.6681 12.0446 11.3444 12.1787 11.0001 12.1787C10.6558 12.1787 10.3321 12.0446 10.0878 11.8003C9.98252 11.6956 5.50017 7.23691 5.13634 6.875H16.8638ZM4.52612 14.8642V7.48014L8.23971 11.1742L4.52612 14.8642ZM5.13688 15.4688L8.84901 11.7802L9.48091 12.4088C9.8867 12.8146 10.4262 13.0381 11.0001 13.0381C11.5739 13.0381 12.1135 12.8146 12.5185 12.4096L13.1512 11.7802L16.8633 15.4688H5.13688ZM17.474 14.8642L13.7605 11.1742L17.474 7.48014V14.8642Z"
                                  fill="#184050"/>
                        </svg>
                        <span>
                            <span>E-MAIL :</span>
                            <span>
                                <a href="mailto:info@mon-bucheron-com">INFO@MON-BUCHERON.COM</a>
                            </span>
                        </span>
                    </div>
                    <div class="text-sm font-semibold tracking-[0.28px] flex gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 22 22" fill="none"
                             class="bg-white rounded">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                  d="M10.7889 8.55564C10.0631 8.55564 9.47264 9.14606 9.47264 9.87263C9.47264 10.5984 10.0631 11.1881 10.7889 11.1881C11.5147 11.1881 12.1051 10.5984 12.1051 9.87263C12.1051 9.14606 11.5147 8.55564 10.7889 8.55564ZM10.7889 12.3163C9.44105 12.3163 8.34443 11.2205 8.34443 9.87263C8.34443 8.52405 9.44105 7.42743 10.7889 7.42743C12.1367 7.42743 13.2333 8.52405 13.2333 9.87263C13.2333 11.2205 12.1367 12.3163 10.7889 12.3163Z"
                                  fill="#184050"/>
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                  d="M10.7881 4.79495C7.98868 4.79495 5.71121 7.09423 5.71121 9.91926C5.71121 13.5137 9.94122 17.0157 10.7881 17.2022C11.635 17.0149 15.8651 13.513 15.8651 9.91926C15.8651 7.09423 13.5876 4.79495 10.7881 4.79495ZM10.7881 18.3334C9.4388 18.3334 4.58301 14.1576 4.58301 9.91926C4.58301 6.47147 7.36667 3.66675 10.7881 3.66675C14.2096 3.66675 16.9933 6.47147 16.9933 9.91926C16.9933 14.1576 12.1375 18.3334 10.7881 18.3334Z"
                                  fill="#184050"/>
                        </svg>
                        <span>
                            <span>ADRESSE :</span>
                            <span>15 RUE DES HALLES,<br class="hidden lg:block"> 75001 PARIS</span>
                        </span>
                    </div>
                    <div class="flex gap-4 opacity-0 h-0 lg:opacity-100 lg:h-auto">
                        <div class="h-[34px] w-[34px] bg-beige rounded items-center justify-center flex">
                            <a href="https://www.instagram.com/mon.bucheron/" aria-label="instagram">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20"
                                     fill="none">
                                    <g clip-path="url(#clip0_5_7393)">
                                        <path d="M19.9805 5.88005C19.9336 4.81738 19.7618 4.0868 19.5156 3.45374C19.2616 2.78176 18.8709 2.18014 18.359 1.68002C17.8589 1.1721 17.2533 0.777435 16.5891 0.527447C15.9524 0.281274 15.2257 0.109427 14.163 0.0625732C13.0924 0.0117516 12.7525 0 10.0371 0C7.32174 0 6.98186 0.0117516 5.91521 0.0586052C4.85253 0.105459 4.12195 0.277459 3.48905 0.523479C2.81692 0.777435 2.2153 1.16814 1.71517 1.68002C1.20726 2.18014 0.812743 2.78573 0.562603 3.44992C0.316431 4.0868 0.144583 4.81341 0.0977295 5.87609C0.0469078 6.9467 0.0351562 7.28658 0.0351562 10.002C0.0351562 12.7173 0.0469078 13.0572 0.0937615 14.1239C0.140615 15.1865 0.312615 15.9171 0.558788 16.5502C0.812743 17.2221 1.20726 17.8238 1.71517 18.3239C2.2153 18.8318 2.82089 19.2265 3.48508 19.4765C4.12195 19.7226 4.84857 19.8945 5.9114 19.9413C6.97789 19.9883 7.31792 19.9999 10.0333 19.9999C12.7487 19.9999 13.0885 19.9883 14.1552 19.9413C15.2179 19.8945 15.9485 19.7226 16.5814 19.4765C17.9255 18.9568 18.9881 17.8941 19.5078 16.5502C19.7538 15.9133 19.9258 15.1865 19.9727 14.1239C20.0195 13.0572 20.0313 12.7173 20.0313 10.002C20.0313 7.28658 20.0273 6.9467 19.9805 5.88005ZM18.1794 14.0457C18.1364 15.0225 17.9723 15.5499 17.8356 15.9015C17.4995 16.7728 16.808 17.4643 15.9367 17.8004C15.5851 17.9372 15.0538 18.1012 14.0809 18.1441C13.026 18.1911 12.7096 18.2027 10.0411 18.2027C7.37256 18.2027 7.05221 18.1911 6.00113 18.1441C5.02438 18.1012 4.49693 17.9372 4.1453 17.8004C3.71172 17.6402 3.31705 17.3862 2.9967 17.0541C2.66461 16.7298 2.41065 16.3391 2.2504 15.9055C2.11366 15.5539 1.94959 15.0225 1.90671 14.0497C1.8597 12.9948 1.8481 12.6783 1.8481 10.0097C1.8481 7.34122 1.8597 7.02087 1.90671 5.96995C1.94959 4.99319 2.11366 4.46575 2.2504 4.11412C2.41065 3.68038 2.66461 3.28586 3.00067 2.96536C3.32483 2.63327 3.71553 2.37931 4.14927 2.21921C4.5009 2.08247 5.03232 1.9184 6.0051 1.87537C7.06 1.82851 7.37653 1.81676 10.0449 1.81676C12.7174 1.81676 13.0338 1.82851 14.0848 1.87537C15.0616 1.9184 15.589 2.08247 15.9407 2.21921C16.3743 2.37931 16.7689 2.63327 17.0893 2.96536C17.4214 3.28967 17.6753 3.68038 17.8356 4.11412C17.9723 4.46575 18.1364 4.99701 18.1794 5.96995C18.2263 7.02484 18.238 7.34122 18.238 10.0097C18.238 12.6783 18.2263 12.9908 18.1794 14.0457Z"
                                              fill="url(#paint0_linear_5_7393)"/>
                                        <path d="M10.0371 4.86426C7.20074 4.86426 4.89941 7.16543 4.89941 10.002C4.89941 12.8385 7.20074 15.1397 10.0371 15.1397C12.8737 15.1397 15.1749 12.8385 15.1749 10.002C15.1749 7.16543 12.8737 4.86426 10.0371 4.86426ZM10.0371 13.3347C8.19702 13.3347 6.70442 11.8422 6.70442 10.002C6.70442 8.16172 8.19702 6.66927 10.0371 6.66927C11.8774 6.66927 13.3698 8.16172 13.3698 10.002C13.3698 11.8422 11.8774 13.3347 10.0371 13.3347Z"
                                              fill="url(#paint1_linear_5_7393)"/>
                                        <path d="M16.5775 4.66109C16.5775 5.32345 16.0404 5.86051 15.3779 5.86051C14.7155 5.86051 14.1785 5.32345 14.1785 4.66109C14.1785 3.99858 14.7155 3.46167 15.3779 3.46167C16.0404 3.46167 16.5775 3.99858 16.5775 4.66109Z"
                                              fill="url(#paint2_linear_5_7393)"/>
                                    </g>
                                    <defs>
                                        <lineargradient id="paint0_linear_5_7393" x1="9.43684" y1="56.7795" x2="33.4874"
                                                        y2="50.8078" gradientunits="userSpaceOnUse">
                                            <stop offset="0" stop-color="#B42222"/>
                                            <stop offset="0.324503" stop-color="#B42222"/>
                                            <stop offset="0.557953" stop-color="#E84343"/>
                                            <stop offset="0.693827" stop-color="#E84343"/>
                                            <stop offset="0.866802" stop-color="#B42222"/>
                                            <stop offset="1" stop-color="#B42222"/>
                                        </lineargradient>
                                        <lineargradient id="paint1_linear_5_7393" x1="9.73068" y1="34.0361" x2="22.0893"
                                                        y2="30.9669" gradientunits="userSpaceOnUse">
                                            <stop offset="0" stop-color="#B42222"/>
                                            <stop offset="0.324503" stop-color="#B42222"/>
                                            <stop offset="0.557953" stop-color="#E84343"/>
                                            <stop offset="0.693827" stop-color="#E84343"/>
                                            <stop offset="0.866802" stop-color="#B42222"/>
                                            <stop offset="1" stop-color="#B42222"/>
                                        </lineargradient>
                                        <lineargradient id="paint2_linear_5_7393" x1="15.3064" y1="10.272" x2="18.1918"
                                                        y2="9.55535" gradientunits="userSpaceOnUse">
                                            <stop offset="0" stop-color="#B42222"/>
                                            <stop offset="0.324503" stop-color="#B42222"/>
                                            <stop offset="0.557953" stop-color="#E84343"/>
                                            <stop offset="0.693827" stop-color="#E84343"/>
                                            <stop offset="0.866802" stop-color="#B42222"/>
                                            <stop offset="1" stop-color="#B42222"/>
                                        </lineargradient>
                                        <clippath id="clip0_5_7393">
                                            <rect width="20" height="20" fill="white"/>
                                        </clippath>
                                    </defs>
                                </svg>
                            </a>
                        </div>
                        <div class="h-[34px] w-[34px] bg-beige rounded items-center justify-center flex">
                            <a href="https://www.facebook.com/monbucheronparis/" aria-label="Instagram">
                                <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewbox="0 0 19 19"
                                     fill="none">
                                    <g clip-path="url(#clip0_5_7399)">
                                        <path d="M12.6642 3.15479H14.3987V0.133792C14.0995 0.092625 13.0703 0 11.8717 0C9.37087 0 7.6577 1.57304 7.6577 4.46421V7.125H4.89795V10.5022H7.6577V19H11.0413V10.503H13.6894L14.1098 7.12579H11.0405V4.79908C11.0413 3.82296 11.3041 3.15479 12.6642 3.15479Z"
                                              fill="url(#paint0_linear_5_7399)"/>
                                    </g>
                                    <defs>
                                        <lineargradient id="paint0_linear_5_7399" x1="9.36499" y1="53.9407" x2="21.3124"
                                                        y2="52.457" gradientunits="userSpaceOnUse">
                                            <stop offset="0" stop-color="#B42222"/>
                                            <stop offset="0.324503" stop-color="#B42222"/>
                                            <stop offset="0.557953" stop-color="#E84343"/>
                                            <stop offset="0.693827" stop-color="#E84343"/>
                                            <stop offset="0.866802" stop-color="#B42222"/>
                                            <stop offset="1" stop-color="#B42222"/>
                                        </lineargradient>
                                        <clippath id="clip0_5_7399">
                                            <rect width="19" height="19" fill="white"/>
                                        </clippath>
                                    </defs>
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex w-full lg:w-1/3 items-center lg:items-start justify-center lg:justify-normal flex-col mb-9 lg:mb-0">
                <div class="w-full flex flex-col items-start mb-[22px] lg:min-h-[72px]">
                    <p class="text-beige font-serif text-[22px] leading-[130%] font-normal h-full flex items-center">
                        Sapin</p>
                </div>
                <div class="flex gap-4 flex-col w-full text-left">
                    <a href="/livraison-sapin-nordmann-5-etoiles.html"
                       class="text-sm font-semibold tracking-[0.28px]"
                       title="Livraison sapin Nordmann 5 étoiles à Paris, Versailles et en Ile de France">
                        Livraison Sapin Nordmann 5 Étoiles
                    </a>
                    <a href="/livraison-sapin-nobilis.html"
                       class="text-sm font-semibold tracking-[0.28px]"
                       title="Livraison sapin Nobilis à Paris, Versailles et en Ile de France">
                        Livraison Sapin Nobilis
                    </a>
                    <a href="/livraison-sapin-nordmann-classic.html"
                       class="text-sm font-semibold tracking-[0.28px]"
                       title="Livraison sapin Nordmann Classic à Paris, Versailles et en Ile de France">
                        Livraison Sapin Nordmann Classic
                    </a>
                    <a href="/livraison-sapin-nordmann-selection-unique.html"
                       class="text-sm font-semibold tracking-[0.28px]"
                       title="Livraison sapin Nordmann Sélection Unique à Paris, Versailles et en Ile de France">
                        Livraison Sapin Nordmann Sélection Unique
                    </a>
                    <a href="/origine-et-tracabilite-de-nos-sapins-de-noel"
                       class="text-sm font-semibold tracking-[0.28px]" title="Sapin origine France, Danemark">Origine et
                        Traçabilité</a>
                    <a href="/achat-sapin-paris-idf-frais-circuit-court"
                       class="text-sm font-semibold tracking-[0.28px]"
                       title="Achat sapin en circuit-court, fraicheur garantie à Paris et IDF">
                        Sélection et Fraicheur
                    </a>
                </div>
            </div>
        </div>
        <div class="flex flex-col lg:flex-row lg:mt-12 max-w-[1000px] mx-auto gap-x-10">
            <div class="flex w-full lg:w-1/3 lg:items-start justify-center lg:justify-normal flex-col">
                <div class="w-full flex flex-col items-start mb-[22px] lg:mb-4">
                    <p class="text-beige font-serif text-[22px] leading-[130%] font-normal h-full flex items-center">
                        Vente En Ligne</p>
                </div>
                <div class="flex gap-4 flex-col text-left mb-12 lg:mb-0">
                    <a href="https://www.mon-bucheron.com/boutiques"
                       title="Commander sapin en ligne à Paris, Versailles et en Ile de France"
                       class="text-sm font-semibold tracking-[0.28px]">Boutique</a>
                    <a href="https://www.mon-bucheron.com/boutique/1/livraison-sapin-de-noel-nordmann-5-etoiles-175-cm"
                       title="Commander sapin Nordmann 5 étoiles 175 cm Paris et Ile de France"
                       class="text-sm font-semibold tracking-[0.28px]">
                        Sapin Nordmann 5 étoiles 175 cm
                    </a>
                    <a href="https://www.mon-bucheron.com/boutique/2/nobilis"
                       title="Achat sapin Nordmann Nobilis 175 cm Paris et Ile de France"
                       class="text-sm font-semibold tracking-[0.28px]">
                        Sapin Nobilis 175 cm
                    </a>
                    <a href="https://www.mon-bucheron.com/boutique/3/livraison-sapin-de-noel-nordmann-5-etoiles-250-cm"
                       title="Acheter sapin Nordmann 5 étoiles 250 cm Paris et Ile de France"
                       class="text-sm font-semibold tracking-[0.28px]">
                        Sapin Nordmann 5 étoiles 250 cm
                    </a>
                    <a href="https://www.mon-bucheron.com/boutique/12/recuperation-sapin"
                       title="Livraison et récupération sapin en Ile de France"
                       class="text-sm font-semibold tracking-[0.28px]">
                        Récupération Sapin de Noël
                    </a>
                </div>
            </div>
            <div class="flex w-full lg:w-1/3 items-center lg:items-start justify-center lg:justify-normal flex-col mb-9 lg:mb-0">
                <div class="w-full flex flex-col items-start mb-[22px] lg:mb-4">
                    <p class="text-beige font-serif text-[22px] leading-[130%] font-normal h-full flex items-center">
                        Livraison Paris</p>
                </div>
                <div class="flex gap-4 flex text-center lg:text-left mb-9-12 lg:mb-0 w-full">
                                  <div class="flex gap-4 flex-col text-left w-full">
                        <a href="https://www.mon-bucheron.com/livraison-sapin-paris-75001"
                               title="Livraison sapin Paris 1er"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 1er</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-2-75002"
                               title="Livraison sapin Paris 2eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 2eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-3-75003"
                               title="Livraison sapin Paris 3eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 3eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-4-75004"
                               title="Livraison sapin Paris 4eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 4eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-5-75005"
                               title="Livraison sapin Paris 5eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 5eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-6-75006"
                               title="Livraison sapin Paris 6eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 6eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-7-eme-75007"
                               title="Livraison sapin Paris 7eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 7eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-8-eme-75008"
                               title="Livraison sapin Paris 8eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 8eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-9-75009"
                               title="Livraison sapin Paris 9eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 9eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-10-75010"
                               title="Livraison sapin Paris 10eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 10eme</a></div><div class="flex gap-4 flex-col text-left w-full"><a href="https://www.mon-bucheron.com/livraison-sapin-paris-11-75011"
                               title="Livraison sapin Paris 11eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 11eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-12-75012"
                               title="Livraison sapin Paris 12eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 12eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-13-75013"
                               title="Livraison sapin Paris 13eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 13eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-14-eme-75014"
                               title="Livraison sapin Paris 14eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 14eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-15-eme-75015"
                               title="Livraison sapin Paris 15eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 15eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-16-eme-75016"
                               title="Livraison sapin Paris 16eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 16eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-17-eme-75017"
                               title="Livraison sapin Paris 17eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 17eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-18-75018"
                               title="Livraison sapin Paris 18eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 18eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-19-75019"
                               title="Livraison sapin Paris 19eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 19eme</a><a href="https://www.mon-bucheron.com/livraison-sapin-paris-20-75020"
                               title="Livraison sapin Paris 20eme"
                               class="text-sm font-semibold tracking-[0.28px]">Paris 20eme</a>                    </div>
                </div>
            </div>
            <div class="flex w-full lg:w-1/3 items-center lg:items-start justify-center lg:justify-normal flex-col mb-9 lg:mb-0">
                <div class="w-full flex flex-col items-start mb-[22px] lg:mb-4">
                    <p class="text-beige font-serif text-[22px] leading-[130%] font-normal h-full flex items-center">
                        Zone Livraison Globale</p>
                </div>
                <div class="flex gap-4 flex-col text-left w-full">
                                                                <a href="https://www.mon-bucheron.com/livraison-sapin-paris-75.html"
                           title="livraison-sapin à Paris 75.html"
                           class="text-sm font-semibold tracking-[0.28px] capitalize">Paris</a>
                                            <a href="https://www.mon-bucheron.com/livraison-sapin-hauts-de-seine-92.html"
                           title="livraison-sapin dans les Hauts de Seine 92.html"
                           class="text-sm font-semibold tracking-[0.28px] capitalize">Hauts de Seine</a>
                                            <a href="https://www.mon-bucheron.com/livraison-sapin-seine-saint-denis-93.html"
                           title="livraison-sapin en Seine Saint Denis 93.html"
                           class="text-sm font-semibold tracking-[0.28px] capitalize">Seine Saint Denis</a>
                                            <a href="https://www.mon-bucheron.com/livraison-sapin-val-de-marne-94.html"
                           title="livraison-sapin dans le Val de Marne 94.html"
                           class="text-sm font-semibold tracking-[0.28px] capitalize">Val de Marne</a>
                                            <a href="https://www.mon-bucheron.com/livraison-sapin-val-d-oise-95.html"
                           title="livraison-sapin dans le Val D'Oise 95.html"
                           class="text-sm font-semibold tracking-[0.28px] capitalize">Val D'Oise</a>
                                            <a href="https://www.mon-bucheron.com/livraison-sapin-yvelines-78.html"
                           title="livraison-sapin dans les Yvelines 78.html"
                           class="text-sm font-semibold tracking-[0.28px] capitalize">Yvelines</a>
                                            <a href="https://www.mon-bucheron.com/livraison-sapin-essonne-91.html"
                           title="livraison-sapin dans l' essonne 91.html"
                           class="text-sm font-semibold tracking-[0.28px] capitalize">essonne</a>
                                    </div>
            </div>
        </div>
        <div class="flex  lg:mt-12  max-w-[1000px] mx-auto flex w-full items-center lg:items-start flex-wrap justify-center lg:justify-normal flex-row mb-9 lg:mb-16">
            <div class="w-full flex flex-col items-start mb-[22px] lg:mb-5">
                <p class="text-beige font-serif text-[22px] leading-[130%] font-normal h-full flex items-center">Villes populaires IDF</p>
            </div>
                                    <div class="flex gap-4 w-1/2 lg:w-1/6 flex-col pb-4">
                                    <a href="https://www.mon-bucheron.com/livraison-sapin-asnieres-sur-seine-92600.html"
                            title="livraison-sapin à Asnières sur Seine 92600.html"
                            class="text-sm font-semibold tracking-[0.28px]">Asnières sur Seine</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-bagneux-92220.html"
                            title="livraison-sapin à Bagneux 92220.html"
                            class="text-sm font-semibold tracking-[0.28px]">Bagneux</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-la-celle-saint-cloud-78170.html"
                            title="livraison-sapin à La Celle Saint Cloud 78170.html"
                            class="text-sm font-semibold tracking-[0.28px]">La Celle Saint Cloud</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-louveciennes-78430.html"
                            title="livraison-sapin à Louveciennes 78430.html"
                            class="text-sm font-semibold tracking-[0.28px]">Louveciennes</a>
                                                </div>
                        <div class="flex gap-4 w-1/2 lg:w-1/6 flex-col pb-4">
                                    <a href="https://www.mon-bucheron.com/livraison-sapin-saint-germain-en-laye-78100.html"
                            title="livraison-sapin à Saint Germain en Laye 78100.html"
                            class="text-sm font-semibold tracking-[0.28px]">Saint Germain en Laye</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-versailles-78000.html"
                            title="livraison-sapin à Versailles 78000.html"
                            class="text-sm font-semibold tracking-[0.28px]">Versailles</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-sannois-95110.html"
                            title="livraison-sapin à Sannois 95110.html"
                            class="text-sm font-semibold tracking-[0.28px]">Sannois</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-franconville-95220.html"
                            title="livraison-sapin à Franconville 95220.html"
                            class="text-sm font-semibold tracking-[0.28px]">Franconville</a>
                                                </div>
                        <div class="flex gap-4 w-1/2 lg:w-1/6 flex-col pb-4">
                                    <a href="https://www.mon-bucheron.com/livraison-sapin-eaubonne-95600.html"
                            title="livraison-sapin à Eaubonne 95600.html"
                            class="text-sm font-semibold tracking-[0.28px]">Eaubonne</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-argenteuil-95100.html"
                            title="livraison-sapin à Argenteuil 95100.html"
                            class="text-sm font-semibold tracking-[0.28px]">Argenteuil</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-vitry-sur-seine-94400.html"
                            title="livraison-sapin à Vitry sur Seine 94400.html"
                            class="text-sm font-semibold tracking-[0.28px]">Vitry sur Seine</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-saint-mande-94160.html"
                            title="livraison-sapin à Saint Mandé 94160.html"
                            class="text-sm font-semibold tracking-[0.28px]">Saint Mandé</a>
                                                </div>
                        <div class="flex gap-4 w-1/2 lg:w-1/6 flex-col pb-4">
                                    <a href="https://www.mon-bucheron.com/livraison-sapin-ivry-sur-seine-94200.html"
                            title="livraison-sapin à Ivry sur Seine 94200.html"
                            class="text-sm font-semibold tracking-[0.28px]">Ivry sur Seine</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-charenton-le-pont-94220.html"
                            title="livraison-sapin à Charenton le Pont 94220.html"
                            class="text-sm font-semibold tracking-[0.28px]">Charenton le Pont</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-saint-ouen-93400.html"
                            title="livraison-sapin à Saint Ouen 93400.html"
                            class="text-sm font-semibold tracking-[0.28px]">Saint Ouen</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-saint-denis-93200.html"
                            title="livraison-sapin à Saint Denis 93200.html"
                            class="text-sm font-semibold tracking-[0.28px]">Saint Denis</a>
                                                </div>
                        <div class="flex gap-4 w-1/2 lg:w-1/6 flex-col pb-4">
                                    <a href="https://www.mon-bucheron.com/livraison-sapin-montreuil-93100.html"
                            title="livraison-sapin à Montreuil 93100.html"
                            class="text-sm font-semibold tracking-[0.28px]">Montreuil</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-aubervilliers-93300.html"
                            title="livraison-sapin à Aubervilliers 93300.html"
                            class="text-sm font-semibold tracking-[0.28px]">Aubervilliers</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-saint-cloud-92210.html"
                            title="livraison-sapin à Saint Cloud 92210.html"
                            class="text-sm font-semibold tracking-[0.28px]">Saint Cloud</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-neuilly-sur-seine-92200.html"
                            title="livraison-sapin à Neuilly sur Seine 92200.html"
                            class="text-sm font-semibold tracking-[0.28px]">Neuilly sur Seine</a>
                                                </div>
                        <div class="flex gap-4 w-1/2 lg:w-1/6 flex-col pb-4">
                                    <a href="https://www.mon-bucheron.com/livraison-sapin-nanterre-92000.html"
                            title="livraison-sapin à Nanterre 92000.html"
                            class="text-sm font-semibold tracking-[0.28px]">Nanterre</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-levallois-perret-92300.html"
                            title="livraison-sapin à Levallois Perret 92300.html"
                            class="text-sm font-semibold tracking-[0.28px]">Levallois Perret</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-courbevoie-92400.html"
                            title="livraison-sapin à Courbevoie 92400.html"
                            class="text-sm font-semibold tracking-[0.28px]">Courbevoie</a>
                                                        <a href="https://www.mon-bucheron.com/livraison-sapin-clichy-92110.html"
                            title="livraison-sapin à Clichy 92110.html"
                            class="text-sm font-semibold tracking-[0.28px]">Clichy</a>
                                                </div>
                    </div>
    </div>
    <div class="lg:border-t border-beige py-3">
        <div class="container">
            <div class="flex justify-center flex-col gap-5">
                <p class="uppercase text-xs leading-[19.2px] font-medium text-center">© copyright 2025.<br> Tous droits réservés</p>
                <div class="flex gap-4 justify-center lg:hidden">
                    <div class="h-[34px] w-[34px] bg-beige rounded items-center justify-center flex">
                        <a href="https://www.instagram.com/mon.bucheron/" aria-label="Instagram">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20"
                                 fill="none">
                                <g clip-path="url(#clip0_5_7394)">
                                    <path d="M19.9805 5.88005C19.9336 4.81738 19.7618 4.0868 19.5156 3.45374C19.2616 2.78176 18.8709 2.18014 18.359 1.68002C17.8589 1.1721 17.2533 0.777435 16.5891 0.527447C15.9524 0.281274 15.2257 0.109427 14.163 0.0625732C13.0924 0.0117516 12.7525 0 10.0371 0C7.32174 0 6.98186 0.0117516 5.91521 0.0586052C4.85253 0.105459 4.12195 0.277459 3.48905 0.523479C2.81692 0.777435 2.2153 1.16814 1.71517 1.68002C1.20726 2.18014 0.812743 2.78573 0.562603 3.44992C0.316431 4.0868 0.144583 4.81341 0.0977295 5.87609C0.0469078 6.9467 0.0351562 7.28658 0.0351562 10.002C0.0351562 12.7173 0.0469078 13.0572 0.0937615 14.1239C0.140615 15.1865 0.312615 15.9171 0.558788 16.5502C0.812743 17.2221 1.20726 17.8238 1.71517 18.3239C2.2153 18.8318 2.82089 19.2265 3.48508 19.4765C4.12195 19.7226 4.84857 19.8945 5.9114 19.9413C6.97789 19.9883 7.31792 19.9999 10.0333 19.9999C12.7487 19.9999 13.0885 19.9883 14.1552 19.9413C15.2179 19.8945 15.9485 19.7226 16.5814 19.4765C17.9255 18.9568 18.9881 17.8941 19.5078 16.5502C19.7538 15.9133 19.9258 15.1865 19.9727 14.1239C20.0195 13.0572 20.0313 12.7173 20.0313 10.002C20.0313 7.28658 20.0273 6.9467 19.9805 5.88005ZM18.1794 14.0457C18.1364 15.0225 17.9723 15.5499 17.8356 15.9015C17.4995 16.7728 16.808 17.4643 15.9367 17.8004C15.5851 17.9372 15.0538 18.1012 14.0809 18.1441C13.026 18.1911 12.7096 18.2027 10.0411 18.2027C7.37256 18.2027 7.05221 18.1911 6.00113 18.1441C5.02438 18.1012 4.49693 17.9372 4.1453 17.8004C3.71172 17.6402 3.31705 17.3862 2.9967 17.0541C2.66461 16.7298 2.41065 16.3391 2.2504 15.9055C2.11366 15.5539 1.94959 15.0225 1.90671 14.0497C1.8597 12.9948 1.8481 12.6783 1.8481 10.0097C1.8481 7.34122 1.8597 7.02087 1.90671 5.96995C1.94959 4.99319 2.11366 4.46575 2.2504 4.11412C2.41065 3.68038 2.66461 3.28586 3.00067 2.96536C3.32483 2.63327 3.71553 2.37931 4.14927 2.21921C4.5009 2.08247 5.03232 1.9184 6.0051 1.87537C7.06 1.82851 7.37653 1.81676 10.0449 1.81676C12.7174 1.81676 13.0338 1.82851 14.0848 1.87537C15.0616 1.9184 15.589 2.08247 15.9407 2.21921C16.3743 2.37931 16.7689 2.63327 17.0893 2.96536C17.4214 3.28967 17.6753 3.68038 17.8356 4.11412C17.9723 4.46575 18.1364 4.99701 18.1794 5.96995C18.2263 7.02484 18.238 7.34122 18.238 10.0097C18.238 12.6783 18.2263 12.9908 18.1794 14.0457Z"
                                          fill="url(#paint0_linear_5_7394)"/>
                                    <path d="M10.0371 4.86426C7.20074 4.86426 4.89941 7.16543 4.89941 10.002C4.89941 12.8385 7.20074 15.1397 10.0371 15.1397C12.8737 15.1397 15.1749 12.8385 15.1749 10.002C15.1749 7.16543 12.8737 4.86426 10.0371 4.86426ZM10.0371 13.3347C8.19702 13.3347 6.70442 11.8422 6.70442 10.002C6.70442 8.16172 8.19702 6.66927 10.0371 6.66927C11.8774 6.66927 13.3698 8.16172 13.3698 10.002C13.3698 11.8422 11.8774 13.3347 10.0371 13.3347Z"
                                          fill="url(#paint1_linear_5_7394)"/>
                                    <path d="M16.5775 4.66109C16.5775 5.32345 16.0404 5.86051 15.3779 5.86051C14.7155 5.86051 14.1785 5.32345 14.1785 4.66109C14.1785 3.99858 14.7155 3.46167 15.3779 3.46167C16.0404 3.46167 16.5775 3.99858 16.5775 4.66109Z"
                                          fill="url(#paint2_linear_5_7394)"/>
                                </g>
                                <defs>
                                    <lineargradient id="paint0_linear_5_7394" x1="9.43684" y1="56.7795" x2="33.4874"
                                                    y2="50.8078" gradientunits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#B42222"/>
                                        <stop offset="0.324503" stop-color="#B42222"/>
                                        <stop offset="0.557953" stop-color="#E84343"/>
                                        <stop offset="0.693827" stop-color="#E84343"/>
                                        <stop offset="0.866802" stop-color="#B42222"/>
                                        <stop offset="1" stop-color="#B42222"/>
                                    </lineargradient>
                                    <lineargradient id="paint1_linear_5_7394" x1="9.73068" y1="34.0361" x2="22.0893"
                                                    y2="30.9669" gradientunits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#B42222"/>
                                        <stop offset="0.324503" stop-color="#B42222"/>
                                        <stop offset="0.557953" stop-color="#E84343"/>
                                        <stop offset="0.693827" stop-color="#E84343"/>
                                        <stop offset="0.866802" stop-color="#B42222"/>
                                        <stop offset="1" stop-color="#B42222"/>
                                    </lineargradient>
                                    <lineargradient id="paint2_linear_5_7394" x1="15.3064" y1="10.272" x2="18.1918"
                                                    y2="9.55535" gradientunits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#B42222"/>
                                        <stop offset="0.324503" stop-color="#B42222"/>
                                        <stop offset="0.557953" stop-color="#E84343"/>
                                        <stop offset="0.693827" stop-color="#E84343"/>
                                        <stop offset="0.866802" stop-color="#B42222"/>
                                        <stop offset="1" stop-color="#B42222"/>
                                    </lineargradient>
                                    <clippath id="clip0_5_7394">
                                        <rect width="20" height="20" fill="white"/>
                                    </clippath>
                                </defs>
                            </svg>
                        </a>
                    </div>
                    <div class="h-[34px] w-[34px] bg-beige rounded items-center justify-center flex">
                        <a href="https://www.facebook.com/monbucheronparis/" aria-label="Facebook">
                            <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewbox="0 0 19 19"
                                 fill="none">
                                <g clip-path="url(#clip0_5_7400)">
                                    <path d="M12.6642 3.15479H14.3987V0.133792C14.0995 0.092625 13.0703 0 11.8717 0C9.37087 0 7.6577 1.57304 7.6577 4.46421V7.125H4.89795V10.5022H7.6577V19H11.0413V10.503H13.6894L14.1098 7.12579H11.0405V4.79908C11.0413 3.82296 11.3041 3.15479 12.6642 3.15479Z"
                                          fill="url(#paint0_linear_5_7400)"/>
                                </g>
                                <defs>
                                    <lineargradient id="paint0_linear_5_7400" x1="9.36499" y1="53.9407" x2="21.3124"
                                                    y2="52.457" gradientunits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#B42222"/>
                                        <stop offset="0.324503" stop-color="#B42222"/>
                                        <stop offset="0.557953" stop-color="#E84343"/>
                                        <stop offset="0.693827" stop-color="#E84343"/>
                                        <stop offset="0.866802" stop-color="#B42222"/>
                                        <stop offset="1" stop-color="#B42222"/>
                                    </lineargradient>
                                    <clippath id="clip0_5_7400">
                                        <rect width="19" height="19" fill="white"/>
                                    </clippath>
                                </defs>
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
    <div x-data id="hs-basic-modal-product" class="hs-overlay hidden w-full h-full fixed top-0 left-0 z-[60] overflow-x-hidden overflow-y-auto">
	<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-0 opacity-0 ease-out transition-all lg:max-w-4xl lg:w-full m-3 lg:mx-auto">
		<div class="flex flex-col bg-white shadow-sm rounded-xl">
			<div class="flex justify-between items-center py-3 px-4 faq-gradient rounded-t-xl">
				<h3 class="font-bold text-[#FFEADA]">L'article a été ajouté avec succès</h3>
				<button type="button" class="hs-dropdown-toggle inline-flex flex-shrink-0 justify-center items-center h-8 w-8 rounded-md text-gray-500 hover:text-gray-400 focus:outline-none focus:ring-2 focus:ring-gray-400 focus:ring-offset-2 focus:ring-offset-white transition-all text-sm dark:focus:ring-gray-700 dark:focus:ring-offset-gray-800" data-hs-overlay="#hs-basic-modal-product">
					<span class="sr-only">Close</span>
					<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewbox="0 0 16 17" fill="none">
						<path d="M2.1333 2.63281L7.99997 8.49948M7.99997 8.49948L13.8666 14.3661M7.99997 8.49948L13.8666 2.63281L2.1333 14.3661" stroke="white" stroke-opacity="0.32" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
				</button>
			</div>
			<div class="flex flex-col px-4 py-3">
				<template x-if="$store.modal.product.id !== ''">
					<div class="flex items-stretch gap-x-2 md:gap-x-6 md:w-full">
						<div class="w-2/5 md:max-w-[150px] h-fit p-2 md:p-4 border rounded-md border-[#f2f4f5]">
							<img :src="$store.modal.product.image + '?width=170'" height="137" width="116" :alt="$store.modal.product.name" class="lazyload w-full">
						</div>
						<div class="w-3/5 flex flex-col md:flex-row md:items-center justify-between py-1 md:w-full">
							<div x-html="$store.modal.product.name" class="modalchk-title text-[#233f4e] text-lg md:text-3xl  md:font-xl md:font-bold font-semibold md:w-[275px]"></div>
							<div class="flex flex-col w-[100px]">
								<span class="font-semibold text-[#155F2C] text-sm md:text-lg">Prix</span>
								<div x-text="$store.modal.product.price.toFixed(2) + '€'" class="price-new text-lg md:text-2xl font-serif text-[#DC3434]"></div>
							</div>
						</div>
					</div>
				</template>
				<div class="w-full border-b mt-4 pb-4 border-[#e4e8ea]">
					<p class="text-lg text-[#DC3434] font-bold">Votre calendrier, votre livraison!</p>
					<p class="text-sm text-[#184050] mt-2">Commandez aujourd'hui, recevez votre sapin dès demain, ou à la date qui vous convient!</p>
				</div>
				<div class="py-4">
					<div class="modalchk-title font-semibold text-[#155F2C]">
						Il y a <span class="text-[#DC3434]" x-text="$store.cart.size"></span>
						article<template x-if="$store.cart.size > 1"><span>s</span></template>
						dans votre panier
					</div>
					<div
						x-show="$store.modal.product.id != 48"
						x-data="submitCart(48, 'Sac à Sapin','images/Sac-a-sapin.jpg',6.9)"
						class="min-h-[40px] w-full flex mt-3"
					>
                    	<div class="w-full py-2 px-3 faq-gradient rounded-l-md flex justify-between items-center">
                    	    <span class="text-white text-sm md:max-w-full font-bold">Sac à Sapin</span>
                    	    <span class="font-serif text-white text-lg">6,90 €</span>
                    	</div>
                    	<button type="button" class="min-w-[40px] h-auto tertiary-gradient rounded-r-md flex items-center justify-center" @click="submitForm">
                    	    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
                    	    	<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9989 23.9999C11.6311 23.9999 11.2785 23.8538 11.0184 23.5938C10.7584 23.3338 10.6123 22.9811 10.6123 22.6134V13.3865H1.38655C1.01882 13.3865 0.666142 13.2405 0.406113 12.9804C0.146084 12.7204 0 12.3677 0 12C0 11.6323 0.146084 11.2796 0.406113 11.0196C0.666142 10.7595 1.01882 10.6134 1.38655 10.6134H10.6123V1.38655C10.6123 1.01882 10.7584 0.666142 11.0184 0.406112C11.2785 0.146083 11.6311 0 11.9989 0C12.3666 0 12.7193 0.146083 12.9793 0.406113C13.2393 0.666142 13.3854 1.01882 13.3854 1.38655V10.6134H22.6134C22.9811 10.6134 23.3338 10.7595 23.5938 11.0196C23.8538 11.2796 23.9999 11.6323 23.9999 12C23.9999 12.3677 23.8538 12.7204 23.5938 12.9804C23.3338 13.2405 22.9811 13.3865 22.6134 13.3865H13.3854V22.6134C13.3854 22.9811 13.2393 23.3338 12.9793 23.5938C12.7193 23.8538 12.3666 23.9999 11.9989 23.9999Z" fill="white"/>
                    	    </svg>
                    	</button>
                	</div>
					<div
						x-show="$store.modal.product.id != 69"
						x-data="submitCart(69, 'Récupération de votre sapin de Noël - <b><span style="color:#b42122;">125 à 250 cm</span></b>','images/recuperation-sapin-paris.webp',34.9)"
						class="min-h-[40px] w-full flex mt-3"
					>
                    	<div class="w-full py-2 px-3 faq-gradient rounded-l-md flex justify-between items-center">
                    	    <span class="text-white text-sm md:max-w-full font-bold">Récupération de votre sapin de Noël - <b><span style="color:#b42122;">125 à 250 cm</span></b></span>
                    	    <span class="font-serif text-white text-lg">34,90 €</span>
                    	</div>
                    	<button type="button" class="min-w-[40px] h-auto tertiary-gradient rounded-r-md flex items-center justify-center" @click="submitForm">
                    	    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
                    	    	<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9989 23.9999C11.6311 23.9999 11.2785 23.8538 11.0184 23.5938C10.7584 23.3338 10.6123 22.9811 10.6123 22.6134V13.3865H1.38655C1.01882 13.3865 0.666142 13.2405 0.406113 12.9804C0.146084 12.7204 0 12.3677 0 12C0 11.6323 0.146084 11.2796 0.406113 11.0196C0.666142 10.7595 1.01882 10.6134 1.38655 10.6134H10.6123V1.38655C10.6123 1.01882 10.7584 0.666142 11.0184 0.406112C11.2785 0.146083 11.6311 0 11.9989 0C12.3666 0 12.7193 0.146083 12.9793 0.406113C13.2393 0.666142 13.3854 1.01882 13.3854 1.38655V10.6134H22.6134C22.9811 10.6134 23.3338 10.7595 23.5938 11.0196C23.8538 11.2796 23.9999 11.6323 23.9999 12C23.9999 12.3677 23.8538 12.7204 23.5938 12.9804C23.3338 13.2405 22.9811 13.3865 22.6134 13.3865H13.3854V22.6134C13.3854 22.9811 13.2393 23.3338 12.9793 23.5938C12.7193 23.8538 12.3666 23.9999 11.9989 23.9999Z" fill="white"/>
                    	    </svg>
                    	</button>
                	</div>
				</div>
				<div class="border-t border-b md:border-b-0 md:border-t py-4 px-4 border-[#e4e8ea] flex justify-between items-center">
					<span class="text-xl text-[#155F2C] font-bold">Total</span>
					<div class="flex items-center gap-x-4">
						<span class="font-serif text-3xl text-[#DC3434]" x-text="$store.cart.total+ '€'"></span>
						<a href="https://www.mon-bucheron.com/panier" title="Voir mon panier" class="hidden md:block text-[#DC3434] font-semibold red-button py-4 w-[200px] ease-in-out transition-all hover:text-white text-center hover:bg-[#B42222] duration-300">
							Voir Mon Panier
            			</a>
						<a href="https://www.mon-bucheron.com/paiements" class="hidden md:block tertiary-gradient butn rounded-md text-white py-4 font-bold w-[200px] text-center">
							Commander
						</a>
						</div>
				</div>
				<div class="pt-4 space-y-4 md:hidden">
					<a href="https://www.mon-bucheron.com/panier" title="Voir mon panier" class="block text-[#DC3434] font-semibold red-button py-4 w-full ease-in-out transition-all hover:text-white text-center hover:bg-[#B42222] duration-300">
                		Voir Mon Panier
            		</a>
					<a href="https://www.mon-bucheron.com/paiements" class="block tertiary-gradient butn rounded-md text-white py-4 font-bold w-full px-10 text-center">
						Commander
					</a>
				</div>
			</div>
		</div>
	</div>
</div>
    
    <script>
        //getMinicart
        document.addEventListener('alpine:init', () => {
            Alpine.store('cart', {
                    total: 0,
                    size: 0,
                    getMinicart()
                    {
                        fetch('/get/panier')
                            .then(response => {
                                if (!response.ok) alert(`Something went wrong: ${response.status} - ${response.statusText}`)
                                return response.json()
                            })
                            .then(data => {
                                this.total = data.total
                                this.size = data.size
                            })
                    }
            })
            Alpine.store('quote', {
                total: 0,
                totalHt: 0,
                getQuote() {
                    fetch('/get/quote')
                        .then(response => {
                            if (!response.ok) alert(`Something went wrong: ${response.status} - ${response.statusText}`)
                            return response.json()
                        })
                        .then(data => {
                            this.total = data.total;
                            this.totalHt = data.totalHt;
                        })
                }
            })
            Alpine.store('modal', {
                product:{
                    id: '',
                    image: '',
                    name: '',
                    price: 0
                }
            })
        })
        // AddToCart
        function submitCart(id, name, image, price) {
            return {
                qty: 1,
                formMessage: "",
                formLoading: false,
                buttonText: "Ajouter Au Panier",
                submitForm() {
                    const product  = Alpine.store('modal').product;
                    product.id = id;
                    product.name = name;
                    product.image = image;
                    product.price = price;
                    this.formMessage = "";
                    this.formLoading = true;
                    this.buttonText = "Ajout en cours...";
                    fetch('/panier', {
                        method: "POST",
                        headers: { "Content-Type": "application/json" },
                        body: JSON.stringify({ id, qte: this.qty }),
                    })
                    .then(res => {
                        if (!res.ok) throw Error()
                        return res;
                    })
                    .then(res => {
                        this.buttonText = "Produit ajouté au panier !";
                        Alpine.store('cart').getMinicart();
                        HSOverlay.open(document.getElementById('hs-basic-modal-product'));
                    })
                    .catch(error => {
                        this.buttonText = 'Erreur'
                        this.formMessage = "Une erreur est survenue. Veuillez recharger la page.";
                    })
                    .finally(() => {
                        this.formLoading = false;
                    });
                },
            };
        }
        function changeQtyCart(id, qte) {
            fetch('/update/panier', {
                method: "POST",
                headers: { "Content-Type": "application/json" },
                body: JSON.stringify({ id, qte }),
            })
            .then(() => Alpine.store('cart').getMinicart())
        }
        function deleteCartProduct(id) {
            fetch('/panier/' + id, {
                method: "POST",
                headers: { "Content-Type": "application/json" },
                body: JSON.stringify({ '_method': 'DELETE', id }),
            })
            .then(() => location.reload())
        }
        // AddToQuote
        function submitQuote(id, name, image, price, description, categoryName = '', size) {
            return {
                qty: 1,
                formMessage: "",
                formLoading: false,
                buttonText: "Ajouter Au Devis",
                submitForm() {
                    const product  = Alpine.store('modal').product;
                    product.id = id;
                    product.name = name;
                    product.image = image;
                    product.price = price;
                    product.description = description;
                    product.categoryName = categoryName;
                    product.size = size
                    this.formMessage = "";
                    this.formLoading = false;
                    this.buttonText = "Ajout en cours...";
                    fetch('/quote', {
                        method: "POST",
                        headers: { "Content-Type": "application/json" },
                        body: JSON.stringify({ id, qty: this.qty }),
                    })
                    .then(res => {
                        if (!res.ok) throw Error()
                        return res;
                    })
                    .then(() => {
                        this.buttonText = "Produit ajouté au devis !";
                        Alpine.store('quote').getQuote();
                        HSOverlay.open(document.getElementById('hs-basic-modal-product-quote'))
                    })
                    .catch(() => {
                        this.buttonText = 'Erreur'
                        this.formMessage = "Une erreur est survenue. Veuillez recharger la page.";
                    })
                    .finally(() => {
                        this.formLoading = false;
                    });
                },
            };
        }
    </script>
</div>
</body>
</html>