<section class="container my-16">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-0 lg:gap-x-16 xl:gap-0 lg:relative">
<!-- Colonne gauche: Images et description -->
<div class="xl:col-span-2 xl:pr-32 pb-8 order-2 md:order-1">
<div class="max-w-5xl mx-auto space-y-4">
<div class="grid grid-cols-2 gap-4">
<div class="relative rounded-xl overflow-hidden h-[300px]">
<img src="/img/store/img.png" alt="Vitrine de lunettes" class="w-full h-full object-cover aspect-square" />
</div>
<div class="relative rounded-xl overflow-hidden h-[300px]">
<img src="/img/store/img_1.png" alt="Intérieur du magasin" class="w-full h-full object-cover aspect-square" />
<button type="button" class="hidden md:block lg:hidden xl:block absolute bottom-4 right-4 btn btn-light btn-icons">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.69725 1.48624C5.19563 1.48624 4.78899 1.89288 4.78899 2.3945V12.3028C4.78899 12.8044 5.19563 13.211 5.69725 13.211H7.8665L12.8474 8.23013C13.3599 7.71768 14.055 7.42975 14.7798 7.42975C15.4149 7.42975 16.0271 7.65077 16.5138 8.05022V2.3945C16.5138 1.89288 16.1071 1.48624 15.6055 1.48624H5.69725ZM18 2.3945C18 1.07205 16.9279 0 15.6055 0H5.69725C4.3748 0 3.30275 1.07205 3.30275 2.3945V12.3028C3.30275 13.6252 4.3748 14.6972 5.69725 14.6972H15.6055C16.9279 14.6972 18 13.6252 18 12.3028V2.3945ZM16.5138 10.1335L15.6614 9.2811C15.4276 9.04732 15.1105 8.91599 14.7798 8.91599C14.4492 8.91599 14.1321 9.04732 13.8983 9.2811L9.96836 13.211H15.6055C16.1071 13.211 16.5138 12.8044 16.5138 12.3028V10.1335ZM0.743119 3.30275C1.15353 3.30275 1.48624 3.63546 1.48624 4.04587V15.6055C1.48624 15.8464 1.58193 16.0774 1.75226 16.2477C1.92259 16.4181 2.15361 16.5138 2.3945 16.5138H13.9541C14.3645 16.5138 14.6972 16.8465 14.6972 17.2569C14.6972 17.6673 14.3645 18 13.9541 18H2.3945C1.75944 18 1.15039 17.7477 0.701331 17.2987C0.252276 16.8496 0 16.2406 0 15.6055V4.04587C0 3.63546 0.332706 3.30275 0.743119 3.30275ZM9 4.78899C8.49838 4.78899 8.09174 5.19563 8.09174 5.69725C8.09174 6.19886 8.49838 6.6055 9 6.6055C9.50162 6.6055 9.90826 6.19886 9.90826 5.69725C9.90826 5.19563 9.50162 4.78899 9 4.78899ZM6.6055 5.69725C6.6055 4.3748 7.67756 3.30275 9 3.30275C10.3224 3.30275 11.3945 4.3748 11.3945 5.69725C11.3945 7.01969 10.3224 8.09174 9 8.09174C7.67756 8.09174 6.6055 7.01969 6.6055 5.69725Z" fill="currentColor" />
</svg>
Voir toutes les photos
</button>
<button type="button" class="block md:hidden lg:block xl:hidden absolute bottom-4 right-4 btn btn-light btn-only-icon">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.69725 1.48624C5.19563 1.48624 4.78899 1.89288 4.78899 2.3945V12.3028C4.78899 12.8044 5.19563 13.211 5.69725 13.211H7.8665L12.8474 8.23013C13.3599 7.71768 14.055 7.42975 14.7798 7.42975C15.4149 7.42975 16.0271 7.65077 16.5138 8.05022V2.3945C16.5138 1.89288 16.1071 1.48624 15.6055 1.48624H5.69725ZM18 2.3945C18 1.07205 16.9279 0 15.6055 0H5.69725C4.3748 0 3.30275 1.07205 3.30275 2.3945V12.3028C3.30275 13.6252 4.3748 14.6972 5.69725 14.6972H15.6055C16.9279 14.6972 18 13.6252 18 12.3028V2.3945ZM16.5138 10.1335L15.6614 9.2811C15.4276 9.04732 15.1105 8.91599 14.7798 8.91599C14.4492 8.91599 14.1321 9.04732 13.8983 9.2811L9.96836 13.211H15.6055C16.1071 13.211 16.5138 12.8044 16.5138 12.3028V10.1335ZM0.743119 3.30275C1.15353 3.30275 1.48624 3.63546 1.48624 4.04587V15.6055C1.48624 15.8464 1.58193 16.0774 1.75226 16.2477C1.92259 16.4181 2.15361 16.5138 2.3945 16.5138H13.9541C14.3645 16.5138 14.6972 16.8465 14.6972 17.2569C14.6972 17.6673 14.3645 18 13.9541 18H2.3945C1.75944 18 1.15039 17.7477 0.701331 17.2987C0.252276 16.8496 0 16.2406 0 15.6055V4.04587C0 3.63546 0.332706 3.30275 0.743119 3.30275ZM9 4.78899C8.49838 4.78899 8.09174 5.19563 8.09174 5.69725C8.09174 6.19886 8.49838 6.6055 9 6.6055C9.50162 6.6055 9.90826 6.19886 9.90826 5.69725C9.90826 5.19563 9.50162 4.78899 9 4.78899ZM6.6055 5.69725C6.6055 4.3748 7.67756 3.30275 9 3.30275C10.3224 3.30275 11.3945 4.3748 11.3945 5.69725C11.3945 7.01969 10.3224 8.09174 9 8.09174C7.67756 8.09174 6.6055 7.01969 6.6055 5.69725Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
<div class="relative rounded-xl overflow-hidden h-[300px] bg-gray-100">
<div id="store-map" class="w-full h-full">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2623.3704359478315!2d2.3202016770622995!3d48.88927707133626!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66fad1d10c725%3A0xa879b36b67c30f5a!2s98%20Av.%20de%20Clichy%2C%2075017%20Paris!5e0!3m2!1sfr!2sfr!4v1732567114782!5m2!1sfr!2sfr" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" class="h-full w-full"></iframe>
</div>
<button type="button" class="absolute bottom-4 right-4 btn btn-light btn-icons">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.05546 3.05546C3.57118 2.53973 4.27065 2.25 5 2.25H8C8.41421 2.25 8.75 2.58579 8.75 3C8.75 3.41421 8.41421 3.75 8 3.75H5C4.66848 3.75 4.35054 3.8817 4.11612 4.11612C3.8817 4.35054 3.75 4.66848 3.75 5V8C3.75 8.41421 3.41421 8.75 3 8.75C2.58579 8.75 2.25 8.41421 2.25 8V5C2.25 4.27065 2.53973 3.57118 3.05546 3.05546ZM15.25 3C15.25 2.58579 15.5858 2.25 16 2.25H19C19.7293 2.25 20.4288 2.53973 20.9445 3.05546C21.4603 3.57118 21.75 4.27065 21.75 5V8C21.75 8.41421 21.4142 8.75 21 8.75C20.5858 8.75 20.25 8.41421 20.25 8V5C20.25 4.66848 20.1183 4.35054 19.8839 4.11612C19.6495 3.8817 19.3315 3.75 19 3.75H16C15.5858 3.75 15.25 3.41421 15.25 3ZM3 15.25C3.41421 15.25 3.75 15.5858 3.75 16V19C3.75 19.3315 3.8817 19.6495 4.11612 19.8839C4.35054 20.1183 4.66848 20.25 5 20.25H8C8.41421 20.25 8.75 20.5858 8.75 21C8.75 21.4142 8.41421 21.75 8 21.75H5C4.27065 21.75 3.57118 21.4603 3.05546 20.9445C2.53973 20.4288 2.25 19.7293 2.25 19V16C2.25 15.5858 2.58579 15.25 3 15.25ZM21 15.25C21.4142 15.25 21.75 15.5858 21.75 16V19C21.75 19.7293 21.4603 20.4288 20.9445 20.9445C20.4288 21.4603 19.7293 21.75 19 21.75H16C15.5858 21.75 15.25 21.4142 15.25 21C15.25 20.5858 15.5858 20.25 16 20.25H19C19.3315 20.25 19.6495 20.1183 19.8839 19.8839C20.1183 19.6495 20.25 19.3315 20.25 19V16C20.25 15.5858 20.5858 15.25 21 15.25Z" fill="currentColor" />
</svg>
Agrandir la carte
</button>
</div>
</div>
<script>
function initMap() {
const storeLocation = {
lat: 48.8566,
lng: 2.3522
};
const map = new google.maps.Map(document.getElementById('store-map'), {
center: storeLocation,
zoom: 16,
styles: [{
"featureType": "poi",
"elementType": "labels",
"stylers": [{
"visibility": "off"
}]
}]
});
const marker = new google.maps.Marker({
position: storeLocation,
map: map,
title: "ALAIN AFFLELOU Opticien et Acousticien Paris"
});
}
</script>
</div>
<!-- Colonne droite: Fiche produit sticky -->
<div class="relative row-span-2 xl:col-span-1 pb-14 lg:pb-0 order-1 md:order-2">
<div class="md:sticky md:top-36 space-y-4 md:space-y-12">
<div class="flex gap-2 mb-6">
<span class="bg-neutral-800 text-white px-1.5 py-1 rounded text-xs">Opticien</span>
<span class="bg-audio-700 text-white px-1.5 py-1 rounded text-xs">Acousticien</span>
<span class="border border-neutral-200 text-neutral-600 px-1.5 py-1 rounded text-xs">Télémédecine</span>
</div>
<h1 class="text-neutral-800 text-3xl font-medium">ALAIN AFFLELOU Opticien et Acousticien Paris</h1>
<div class="md:bg-brand-400/20 rounded-2xl md:p-10 space-y-8">
<div class="grid grid-cols-2 divide-x divide-neutral-300 items-center content-center justify-items-center justify-center text-neutral-800 m-auto bg-brand-400/20 md:bg-transparent p-8 md:p-auto rounded-2xl">
<div class=" pr-8 space-y-1">
<div class="text-2xl font-medium text-center">
4.5 sur 5
</div>
<div class="flex justify-center gap-1 text-neutral-800">
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 50% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
</div>
</div>
<div class=" flex flex-col items-center pl-8 w-full ">
<span class="text-2xl font-medium">14</span>
<a href="#reviews" class="is-underlined text-base">
commentaires
</a>
</div>
</div>
<div class="flex rounded-full bg-dark-5 p-1 gap-1">
<button type="button" class="w-full btn btn-light ">
Opticien
</button>
<button type="button" class="w-full btn btn-transparent ">
Acousticien
</button>
</div>
<div class="space-y-4">
<div class="flex items-center gap-3">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.75C8.55638 3.75 5.75 6.53739 5.75 9.92308C5.75 12.7655 7.35594 15.361 9.06325 17.3029C9.9074 18.263 10.7535 19.0373 11.3889 19.5713C11.6267 19.7713 11.8342 19.9369 12 20.0653C12.1658 19.9369 12.3733 19.7713 12.6111 19.5713C13.2465 19.0373 14.0926 18.263 14.9367 17.3029C16.6441 15.361 18.25 12.7655 18.25 9.92308C18.25 6.53739 15.4436 3.75 12 3.75ZM12 21C11.5731 21.6166 11.5729 21.6165 11.5726 21.6163L11.5704 21.6147L11.5651 21.6111L11.5471 21.5984C11.5318 21.5876 11.5101 21.5722 11.4824 21.5521C11.4269 21.5121 11.3473 21.4537 11.247 21.3779C11.0464 21.2263 10.7628 21.0046 10.4236 20.7195C9.74646 20.1502 8.8426 19.3236 7.93675 18.2933C6.14406 16.2544 4.25 13.3114 4.25 9.92308C4.25 5.69338 7.74362 2.25 12 2.25C16.2564 2.25 19.75 5.69338 19.75 9.92308C19.75 13.3114 17.8559 16.2544 16.0633 18.2933C15.1574 19.3236 14.2535 20.1502 13.5764 20.7195C13.2372 21.0046 12.9536 21.2263 12.753 21.3779C12.6527 21.4537 12.5731 21.5121 12.5176 21.5521C12.4899 21.5722 12.4682 21.5876 12.4529 21.5984L12.4349 21.6111L12.4296 21.6147L12.428 21.6159C12.4277 21.6161 12.4269 21.6166 12 21ZM12 21L12.4269 21.6166L12 21.9122L11.5726 21.6163L12 21ZM12 7.75C10.7574 7.75 9.75 8.75736 9.75 10C9.75 11.2426 10.7574 12.25 12 12.25C13.2426 12.25 14.25 11.2426 14.25 10C14.25 8.75736 13.2426 7.75 12 7.75ZM8.25 10C8.25 7.92893 9.92893 6.25 12 6.25C14.0711 6.25 15.75 7.92893 15.75 10C15.75 12.0711 14.0711 13.75 12 13.75C9.92893 13.75 8.25 12.0711 8.25 10Z" fill="currentColor" />
</svg>
<span>98 Avenue de Clichy, 75017 Paris</span>
</div>
<div x-data="{ expanded: false }" class=" text-neutral-800">
<h2 class="font-base">
<button type="button" @click="expanded = !expanded " class="flex justify-between items-center w-full ">
<span class="flex flex-wrap gap-3">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 1.75C5.44365 1.75 1.75 5.44365 1.75 10C1.75 14.5563 5.44365 18.25 10 18.25C14.5563 18.25 18.25 14.5563 18.25 10C18.25 5.44365 14.5563 1.75 10 1.75ZM0.25 10C0.25 4.61522 4.61522 0.25 10 0.25C15.3848 0.25 19.75 4.61522 19.75 10C19.75 15.3848 15.3848 19.75 10 19.75C4.61522 19.75 0.25 15.3848 0.25 10ZM10 3.85C10.4142 3.85 10.75 4.18579 10.75 4.6V9.53647L13.9354 11.1292C14.3059 11.3144 14.4561 11.7649 14.2708 12.1354C14.0856 12.5059 13.6351 12.6561 13.2646 12.4708L9.66459 10.6708C9.4105 10.5438 9.25 10.2841 9.25 10V4.6C9.25 4.18579 9.58579 3.85 10 3.85Z" fill="currentColor" />
</svg>
<span class="text-green-700 font-medium">Ouvert</span> · Ferme à 19:00
</span>
<span :class="expanded ? 'rotate-180' : ''" class="transform transition-transform duration-300">
<svg class=" shrink-0" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5303 14.5303C12.2374 14.8232 11.7626 14.8232 11.4697 14.5303L7.46967 10.5303C7.17678 10.2374 7.17678 9.76256 7.46967 9.46967C7.76256 9.17678 8.23744 9.17678 8.53033 9.46967L12 12.9393L15.4697 9.46967C15.7626 9.17678 16.2374 9.17678 16.5303 9.46967C16.8232 9.76256 16.8232 10.2374 16.5303 10.5303L12.5303 14.5303Z" fill="currentColor" />
</svg>
</span>
</button>
</h2>
<div x-cloak x-show="expanded" x-collapse class="pl-9">
<ul class="mt-2 space-y-1">
<li class="flex justify-between"><span>Lundi</span><span>10:00 - 19:00</span></li>
<li class="flex justify-between"><span>Mardi</span><span>10:00 - 19:00</span></li>
<li class="flex justify-between font-semibold"><span>Mercredi</span><span>10:00 - 19:00</span></li>
<li class="flex justify-between"><span>Jeudi</span><span>10:00 - 19:00</span></li>
<li class="flex justify-between"><span>Vendredi</span><span>10:00 - 19:00</span></li>
<li class="flex justify-between"><span>Samedi</span><span>10:00 - 19:00</span></li>
</ul>
</div>
</div>
<div x-data="{ expanded: false }" class=" text-neutral-800">
<h2 class="font-base">
<button type="button" @click="expanded = !expanded " class="flex justify-between items-center w-full ">
<span class="flex flex-wrap gap-3">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.9446 3.11612L3.81072 6.25H20.1894L17.0555 3.11612C16.8211 2.8817 16.5031 2.75 16.1716 2.75H7.82848C7.49696 2.75 7.17902 2.8817 6.9446 3.11612ZM1.47519 6.4642L5.88394 2.05546C6.39967 1.53973 7.09914 1.25 7.82848 1.25H16.1716C16.901 1.25 17.6004 1.53973 18.1162 2.05546L22.5304 6.46967C22.6661 6.60539 22.75 6.79291 22.75 7V10C22.75 10.7293 22.4603 11.4288 21.9445 11.9445C21.6098 12.2793 21.1975 12.5189 20.75 12.6458V20C20.75 20.7293 20.4603 21.4288 19.9445 21.9445C19.4288 22.4603 18.7293 22.75 18 22.75H15H9H6C5.27065 22.75 4.57118 22.4603 4.05546 21.9445C3.53973 21.4288 3.25 20.7293 3.25 20V12.6458C2.80245 12.5189 2.39024 12.2793 2.05546 11.9445C1.53973 11.4288 1.25 10.7293 1.25 10V7C1.25 6.7901 1.33623 6.60034 1.47519 6.4642ZM2.75 10C2.75 10.3315 2.8817 10.6495 3.11612 10.8839C3.34585 11.1136 3.65579 11.2447 3.98012 11.2498C4.39432 11.2225 4.78921 11.0636 5.10712 10.7961C5.12123 10.7843 5.13577 10.7729 5.15071 10.7621C5.39787 10.5835 5.69506 10.4874 6 10.4874C6.30494 10.4874 6.60212 10.5835 6.84929 10.7621C6.86423 10.7729 6.87877 10.7843 6.89288 10.7961C7.2057 11.0594 7.59305 11.2174 8 11.2484C8.40695 11.2174 8.7943 11.0594 9.10712 10.7961C9.12123 10.7843 9.13577 10.7729 9.15071 10.7621C9.39787 10.5835 9.69506 10.4874 10 10.4874C10.3049 10.4874 10.6021 10.5835 10.8493 10.7621C10.8642 10.7729 10.8788 10.7843 10.8929 10.7961C11.2057 11.0594 11.5931 11.2174 12 11.2484C12.4069 11.2174 12.7943 11.0594 13.1071 10.7961C13.1212 10.7843 13.1358 10.7729 13.1507 10.7621C13.3979 10.5835 13.6951 10.4874 14 10.4874C14.3049 10.4874 14.6021 10.5835 14.8493 10.7621C14.8642 10.7729 14.8788 10.7843 14.8929 10.7961C15.2057 11.0594 15.5931 11.2174 16 11.2484C16.4069 11.2174 16.7943 11.0594 17.1071 10.7961C17.1212 10.7843 17.1358 10.7729 17.1507 10.7621C17.3979 10.5835 17.6951 10.4874 18 10.4874C18.3049 10.4874 18.6021 10.5835 18.8493 10.7621C18.8642 10.7729 18.8788 10.7843 18.8929 10.7961C19.2108 11.0636 19.6057 11.2225 20.0199 11.2498C20.3442 11.2447 20.6542 11.1136 20.8839 10.8839C21.1183 10.6495 21.25 10.3315 21.25 10V7.75H2.75V10ZM4.75 20C4.75 20.3315 4.8817 20.6495 5.11612 20.8839C5.35054 21.1183 5.66848 21.25 6 21.25H8.25V18C8.25 17.2707 8.53973 16.5712 9.05546 16.0555C9.57118 15.5397 10.2707 15.25 11 15.25H13C13.7293 15.25 14.4288 15.5397 14.9445 16.0555C15.4603 16.5712 15.75 17.2707 15.75 18V21.25H18C18.3315 21.25 18.6495 21.1183 18.8839 20.8839C19.1183 20.6495 19.25 20.3315 19.25 20V12.6351C18.7966 12.5128 18.3708 12.2986 18 12.0035C17.4408 12.4486 16.7564 12.7095 16.0412 12.7489C16.0138 12.7504 15.9862 12.7504 15.9588 12.7489C15.2436 12.7095 14.5592 12.4486 14 12.0035C13.4408 12.4486 12.7564 12.7095 12.0412 12.7489C12.0138 12.7504 11.9862 12.7504 11.9588 12.7489C11.2436 12.7095 10.5592 12.4486 10 12.0035C9.44078 12.4486 8.7564 12.7095 8.04122 12.7489C8.01376 12.7504 7.98624 12.7504 7.95878 12.7489C7.2436 12.7095 6.55922 12.4486 6 12.0035C5.6292 12.2986 5.20336 12.5128 4.75 12.6351V20ZM9.75 21.25H14.25V18C14.25 17.6685 14.1183 17.3505 13.8839 17.1161C13.6495 16.8817 13.3315 16.75 13 16.75H11C10.6685 16.75 10.3505 16.8817 10.1161 17.1161C9.8817 17.3505 9.75 17.6685 9.75 18V21.25Z" fill="currentColor" />
</svg>
Contact du magasin
</span>
<span :class="expanded ? 'rotate-180' : ''" class="transform transition-transform duration-300">
<svg class=" shrink-0" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5303 14.5303C12.2374 14.8232 11.7626 14.8232 11.4697 14.5303L7.46967 10.5303C7.17678 10.2374 7.17678 9.76256 7.46967 9.46967C7.76256 9.17678 8.23744 9.17678 8.53033 9.46967L12 12.9393L15.4697 9.46967C15.7626 9.17678 16.2374 9.17678 16.5303 9.46967C16.8232 9.76256 16.8232 10.2374 16.5303 10.5303L12.5303 14.5303Z" fill="currentColor" />
</svg>
</span>
</button>
</h2>
<div x-cloak x-show="expanded" x-collapse class="pl-9">
<ul class="mt-2 space-y-1">
<li class="flex justify-between"><span class="text-neutral-600">E-mail</span><span>vecl@afflelou.net</span></li>
<li class="flex justify-between"><span class="text-neutral-600">Téléphone</span><span>01 47 37 03 06</span></li>
</ul>
</div>
</div>
</div>
<div class="hidden md:block space-y-3">
<button type="button" class="w-full btn btn-dark btn-icons">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.25C8.41421 1.25 8.75 1.58579 8.75 2V3.25H15.25V2C15.25 1.58579 15.5858 1.25 16 1.25C16.4142 1.25 16.75 1.58579 16.75 2V3.25H20C21.5188 3.25 22.75 4.48122 22.75 6V20C22.75 21.5188 21.5188 22.75 20 22.75H4C2.48122 22.75 1.25 21.5188 1.25 20V6C1.25 4.48122 2.48122 3.25 4 3.25H7.25V2C7.25 1.58579 7.58579 1.25 8 1.25ZM7.25 4.75H4C3.30964 4.75 2.75 5.30964 2.75 6V8.25H21.25V6C21.25 5.30964 20.6904 4.75 20 4.75H16.75V6C16.75 6.41421 16.4142 6.75 16 6.75C15.5858 6.75 15.25 6.41421 15.25 6V4.75H8.75V6C8.75 6.41421 8.41421 6.75 8 6.75C7.58579 6.75 7.25 6.41421 7.25 6V4.75ZM21.25 9.75H2.75V20C2.75 20.6904 3.30964 21.25 4 21.25H20C20.6904 21.25 21.25 20.6904 21.25 20V9.75ZM12 14.5C12.5523 14.5 13 14.0523 13 13.5C13 12.9477 12.5523 12.5 12 12.5C11.4477 12.5 11 12.9477 11 13.5C11 14.0523 11.4477 14.5 12 14.5ZM8 17.5C8 18.0523 7.55228 18.5 7 18.5C6.44772 18.5 6 18.0523 6 17.5C6 16.9477 6.44772 16.5 7 16.5C7.55228 16.5 8 16.9477 8 17.5ZM12 18.5C12.5523 18.5 13 18.0523 13 17.5C13 16.9477 12.5523 16.5 12 16.5C11.4477 16.5 11 16.9477 11 17.5C11 18.0523 11.4477 18.5 12 18.5ZM17 14.5C17.5523 14.5 18 14.0523 18 13.5C18 12.9477 17.5523 12.5 17 12.5C16.4477 12.5 16 12.9477 16 13.5C16 14.0523 16.4477 14.5 17 14.5ZM17 18.5C17.5523 18.5 18 18.0523 18 17.5C18 16.9477 17.5523 16.5 17 16.5C16.4477 16.5 16 16.9477 16 17.5C16 18.0523 16.4477 18.5 17 18.5Z" fill="currentColor" />
</svg>
Prendre un rendez-vous
</button>
<a href="#tel:01 47 37 03 06" class="w-full btn btn-dark-ghost btn-icons">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.15544 3.68525C7.94039 3.50031 7.66543 3.39987 7.3818 3.40266L7.3749 3.4027H4.57004C4.40787 3.40289 4.24752 3.43683 4.09918 3.50235C3.95075 3.56792 3.81759 3.66367 3.70819 3.78352C3.59879 3.90336 3.51554 4.04468 3.46375 4.19846C3.41248 4.35069 3.39314 4.51184 3.40692 4.67185C3.70295 7.45044 4.64886 10.1204 6.16815 12.4656L6.1715 12.4708C7.55193 14.6432 9.39372 16.485 11.5661 17.8654L11.5716 17.8689C13.906 19.3828 16.5626 20.3284 19.3284 20.6301C19.4887 20.6438 19.6501 20.6242 19.8024 20.5727C19.9566 20.5206 20.0982 20.4368 20.2182 20.3268C20.3381 20.2167 20.4337 20.0829 20.4989 19.9337C20.5641 19.7846 20.5975 19.6235 20.5968 19.4607V19.4579V16.6527C20.5968 16.6469 20.5969 16.6411 20.597 16.6353C20.6041 16.3487 20.5057 16.0694 20.3203 15.8507C20.1356 15.6326 19.8774 15.4899 19.5946 15.4493C18.6456 15.3239 17.7139 15.0916 16.8171 14.757L16.8155 14.7564C16.6063 14.6777 16.379 14.6607 16.1604 14.7073C15.9424 14.7538 15.7423 14.8617 15.5836 15.0182L15.5824 15.0194L14.3976 16.2041C14.1744 16.4274 13.8295 16.4739 13.5551 16.3179C11.1043 14.9244 9.07516 12.8952 7.68163 10.4445C7.52558 10.17 7.57214 9.82515 7.79538 9.60192L8.98137 8.41592C9.13784 8.25722 9.24569 8.05708 9.29218 7.8391C9.33879 7.62054 9.32177 7.39321 9.24314 7.18403L9.24255 7.18245C8.90791 6.28567 8.67567 5.35396 8.55024 4.40505C8.51001 4.1253 8.36977 3.86957 8.15544 3.68525ZM7.37172 2.00009C7.99438 1.99486 8.59782 2.21575 9.06999 2.62181C9.5431 3.02869 9.85212 3.59371 9.93945 4.21157L9.94036 4.21801C10.0518 5.06331 10.2586 5.89328 10.5566 6.69209L10.5561 6.69051C10.729 7.1507 10.7665 7.65083 10.6639 8.13165C10.5614 8.61247 10.3232 9.05381 9.97748 9.40339L9.97472 9.40618L9.17237 10.2085C10.3338 12.0846 11.9149 13.6657 13.791 14.8271L14.5961 14.022C14.9457 13.6763 15.387 13.4381 15.8679 13.3356C16.3484 13.2331 16.8481 13.2704 17.3081 13.4431C18.1067 13.7411 18.9364 13.9477 19.7815 14.0592L19.7878 14.06C20.4123 14.1481 20.9827 14.4627 21.3905 14.944C21.7962 15.4228 22.0127 16.0334 21.9994 16.6607V19.4564C22.0007 19.814 21.9273 20.168 21.7841 20.4956C21.6406 20.8237 21.4302 21.1182 21.1664 21.3603C20.9025 21.6024 20.591 21.7867 20.2518 21.9014C19.9126 22.0161 19.5532 22.0587 19.1965 22.0265L19.1839 22.0252C16.1986 21.7008 13.3309 20.681 10.8111 19.0475C8.467 17.5574 6.47942 15.5698 4.98932 13.2257C3.3501 10.6944 2.32997 7.81274 2.01151 4.81391L2.01044 4.80297C1.97831 4.44742 2.02056 4.08908 2.13451 3.75076C2.24846 3.41244 2.4316 3.10156 2.67228 2.8379C2.91296 2.57424 3.20591 2.36358 3.53246 2.21934C3.85902 2.07509 4.21203 2.00043 4.56903 2.00009H7.37172Z" fill="currentColor" />
</svg>
Appeler le magasin
</a>
<button type="button" class="w-full btn btn-dark-ghost btn-icons">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.7845 0.215466C17.0043 0.43528 17.0622 0.769546 16.9292 1.05049L9.57342 16.5793C9.44042 16.8601 9.14535 17.027 8.83617 16.9964C8.52699 16.9658 8.27039 16.7442 8.19504 16.4428L6.66747 10.3325L0.55719 8.80496C0.255779 8.72961 0.0342126 8.47301 0.00359812 8.16383C-0.0270164 7.85465 0.139923 7.55958 0.420704 7.42658L15.9495 0.070829C16.2305 -0.0622477 16.5647 -0.00434817 16.7845 0.215466ZM2.908 7.87624L7.45244 9.01235C7.71599 9.07823 7.92177 9.28401 7.98765 9.54756L9.12376 14.092L14.7179 2.28205L2.908 7.87624Z" fill="currentColor" />
</svg>
Consulter l'itinéraire
</button>
</div>
</div>
<!-- Quality Badge -->
<div class="hidden md:flex bg-gray-50 p-6 rounded-lg items-center gap-4 border border-neutral-300">
<div class="flex gap-4">
<svg xmlns="http://www.w3.org/2000/svg" width="102" height="109" viewBox="0 0 102 109" fill="none" class="max-h-[72px]">
<path d="M95.4674 78.9121L28.2133 103.391L0.702637 27.8105L76.2832 0.299805L100.762 67.5586C101.536 69.6824 101.468 72.0216 100.572 74.0969C99.6766 76.1721 98.0211 77.8262 95.9451 78.7201C95.7889 78.7871 95.6281 78.854 95.4674 78.9121Z" fill="#009EE3" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.702637 27.8096H81.154V108.243H9.20264C9.20264 108.243 7.76213 108.165 6.35477 107.618C4.69428 106.973 3.26725 105.841 2.26038 104.372C1.25352 102.902 0.713704 101.163 0.711567 99.3812C0.711567 75.3169 0.702637 51.799 0.702637 27.8096Z" fill="#E3000B" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M62.8796 11.1212L63.71 10.8176L63.8574 11.2328C63.8988 11.056 63.9832 10.8922 64.1032 10.7559C64.2231 10.6196 64.3749 10.5151 64.5449 10.4515C64.6828 10.3945 64.8315 10.3684 64.9805 10.375C65.1295 10.3816 65.2753 10.4207 65.4076 10.4897C65.54 10.5586 65.6556 10.6556 65.7464 10.774C65.8372 10.8923 65.901 11.0291 65.9334 11.1748L66.6209 13.0677L65.7905 13.3713L65.1967 11.7418C65.0539 11.3489 64.7949 11.2149 64.4824 11.3266C64.4059 11.3518 64.3359 11.3936 64.2775 11.4491C64.2191 11.5047 64.1737 11.5724 64.1447 11.6476C64.1157 11.7228 64.1037 11.8034 64.1096 11.8838C64.1155 11.9642 64.1391 12.0422 64.1788 12.1123L64.7726 13.7419L63.9422 14.0455L62.8796 11.1212ZM57.5232 11.873L58.4161 11.556L58.684 12.2927L57.8134 12.6097L57.5232 11.873ZM57.9295 12.9222L58.742 12.6231L59.809 15.5474L58.9786 15.8465L57.9295 12.9222ZM52.7573 13.6074L53.6502 13.2904L53.9181 14.0271L53.0252 14.344L52.7573 13.6074ZM53.1636 14.661L53.994 14.3574L55.0566 17.2683L54.2306 17.5675L53.1636 14.661ZM51.2595 16.1569L51.764 17.5409C51.7854 17.6653 51.8359 17.7829 51.9114 17.884C51.987 17.9851 52.0854 18.0669 52.1987 18.1226C52.3119 18.1784 52.4368 18.2065 52.563 18.2047C52.6892 18.203 52.8132 18.1713 52.9248 18.1124C53.1578 18.0347 53.3638 17.8922 53.5186 17.7016L53.2775 17.0364C53.1769 17.1506 53.0496 17.238 52.9069 17.2909C52.871 17.3099 52.831 17.32 52.7903 17.3203C52.7496 17.3207 52.7095 17.3113 52.6732 17.2929C52.6369 17.2746 52.6055 17.2478 52.5817 17.2148C52.5579 17.1818 52.5424 17.1436 52.5364 17.1034L52.0899 15.8533L52.7775 15.6033L52.5185 14.8934L51.831 15.1479L51.5587 14.3978L50.7282 14.7014L51.0006 15.447L50.6523 15.5765L50.9113 16.2819L51.2595 16.1569ZM47.1812 16.8181L48.0116 16.519L48.1634 16.9387C48.2125 16.7536 48.3073 16.5838 48.4392 16.445C48.571 16.3061 48.7356 16.2026 48.9179 16.144C49.1086 16.0814 49.3101 16.0586 49.5099 16.0769C49.7098 16.0953 49.9038 16.1544 50.0799 16.2506C50.256 16.3468 50.4105 16.4781 50.534 16.6364C50.6574 16.7947 50.747 16.9766 50.7974 17.1708C50.8845 17.3521 50.9333 17.5493 50.9408 17.7502C50.9483 17.9511 50.9143 18.1514 50.841 18.3387C50.7677 18.5259 50.6567 18.696 50.5147 18.8384C50.3728 18.9808 50.2031 19.0925 50.0161 19.1665C49.8417 19.234 49.6538 19.2594 49.4676 19.2408C49.2815 19.2222 49.1023 19.16 48.9447 19.0593L49.3911 20.3139L48.5652 20.6175L47.1812 16.8181ZM49.9581 17.4699C49.9339 17.3646 49.8875 17.2655 49.8221 17.1794C49.7567 17.0933 49.6737 17.0221 49.5787 16.9704C49.4837 16.9188 49.3788 16.8879 49.271 16.8799C49.1632 16.8718 49.0548 16.8868 48.9532 16.9237C48.8516 16.9607 48.759 17.0188 48.6815 17.0942C48.604 17.1697 48.5435 17.2607 48.5038 17.3613C48.4642 17.4619 48.4464 17.5698 48.4516 17.6778C48.4567 17.7858 48.4848 17.8915 48.5339 17.9878C48.5582 18.0932 48.6045 18.1922 48.6699 18.2783C48.7353 18.3645 48.8183 18.4357 48.9133 18.4873C49.0083 18.539 49.1132 18.5698 49.221 18.5779C49.3289 18.586 49.4372 18.571 49.5388 18.5341C49.6404 18.4971 49.733 18.439 49.8105 18.3635C49.888 18.2881 49.9485 18.1971 49.9882 18.0965C50.0278 17.9959 50.0456 17.888 50.0405 17.78C50.0353 17.672 50.0072 17.5663 49.9581 17.4699ZM42.8375 19.5762C42.7414 19.3117 42.6995 19.0307 42.714 18.7498C42.7285 18.4688 42.7993 18.1936 42.9221 17.9405C43.0449 17.6874 43.2173 17.4615 43.429 17.2762C43.6407 17.0909 43.8874 16.9499 44.1545 16.8617C44.4143 16.7569 44.6925 16.7057 44.9726 16.7111C45.2526 16.7164 45.5287 16.7783 45.7843 16.893C46.0398 17.0076 46.2696 17.1727 46.4598 17.3783C46.6501 17.5839 46.7968 17.8258 46.8913 18.0895C47.0676 18.6219 47.0299 19.202 46.7864 19.7072C46.5428 20.2124 46.1123 20.6031 45.5859 20.7967C45.0596 20.9903 44.4786 20.9717 43.9657 20.7448C43.4528 20.5178 43.0482 20.1004 42.8375 19.5806V19.5762ZM46.0162 18.4154C45.965 18.258 45.8827 18.1125 45.7742 17.9874C45.6657 17.8624 45.5332 17.7605 45.3846 17.6876C45.2359 17.6147 45.0742 17.5725 44.9089 17.5633C44.7436 17.5541 44.5782 17.5782 44.4224 17.6341C44.2679 17.6899 44.1262 17.7764 44.006 17.8883C43.8857 18.0002 43.7893 18.1353 43.7226 18.2854C43.6559 18.4356 43.6202 18.5976 43.6177 18.7619C43.6152 18.9262 43.6459 19.0892 43.7081 19.2413C43.7597 19.3983 43.8424 19.5434 43.9511 19.6679C44.0598 19.7925 44.1923 19.8939 44.3409 19.9664C44.4895 20.0388 44.6511 20.0807 44.8162 20.0896C44.9812 20.0985 45.1464 20.0742 45.3019 20.0182C45.4563 19.9629 45.5978 19.8768 45.718 19.7653C45.8383 19.6538 45.9346 19.5191 46.0014 19.3694C46.0681 19.2196 46.1039 19.0578 46.1064 18.8939C46.109 18.7299 46.0783 18.5672 46.0162 18.4154ZM55.0638 14.9733C55.056 15.1878 55.0915 15.4017 55.1684 15.6022C55.2385 15.8022 55.3481 15.9861 55.4905 16.143C55.633 16.2999 55.8055 16.4266 55.9978 16.5157C56.1901 16.6048 56.3983 16.6544 56.6102 16.6616C56.822 16.6688 57.0331 16.6334 57.231 16.5576C57.4616 16.485 57.672 16.3597 57.8456 16.1915C58.0193 16.0233 58.1512 15.8169 58.2311 15.5888L57.5703 15.2763C57.5202 15.4019 57.4448 15.5158 57.3488 15.6111C57.2528 15.7063 57.1382 15.7808 57.0122 15.8299C56.9093 15.8671 56.7997 15.8825 56.6904 15.8754C56.5812 15.8682 56.4746 15.8386 56.3773 15.7883C56.2801 15.738 56.1943 15.6681 56.1253 15.5831C56.0563 15.498 56.0056 15.3997 55.9765 15.2941C55.9338 15.1972 55.9107 15.0928 55.9088 14.9869C55.9068 14.881 55.9259 14.7757 55.9649 14.6773C56.004 14.5788 56.0622 14.4891 56.1362 14.4134C56.2103 14.3376 56.2986 14.2773 56.3961 14.236C56.5239 14.189 56.6607 14.1718 56.7961 14.1857C56.9315 14.1996 57.0619 14.2443 57.1774 14.3164L57.4855 13.5887C57.2824 13.4753 57.0559 13.4104 56.8236 13.3987C56.5913 13.3871 56.3595 13.4292 56.1461 13.5217C55.9427 13.5905 55.7554 13.6996 55.5952 13.8426C55.435 13.9855 55.3054 14.1594 55.2141 14.3537C55.1228 14.548 55.0717 14.7587 55.0638 14.9733ZM59.8152 13.26C59.8135 13.4685 59.854 13.6752 59.9343 13.8675L59.9388 13.8809C60.0598 14.1914 60.2724 14.4578 60.5484 14.6446C60.8243 14.8314 61.1506 14.9299 61.4838 14.927C61.817 14.9241 62.1415 14.8199 62.4142 14.6283C62.6868 14.4367 62.8947 14.1667 63.0104 13.8542L62.3853 13.6086C62.3287 13.7381 62.2459 13.8545 62.1422 13.9505C62.0385 14.0466 61.9161 14.1201 61.7826 14.1667C61.6174 14.2393 61.4309 14.2475 61.2599 14.1897C61.0889 14.1319 60.9457 14.0122 60.8585 13.8542L62.8943 13.113C62.872 13.0327 62.8496 12.9568 62.8273 12.8898C62.5237 12.0639 61.8005 11.4656 60.8272 11.8228C60.6315 11.8947 60.4524 12.0054 60.3007 12.1484C60.1489 12.2913 60.0277 12.4635 59.9443 12.6546C59.8608 12.8456 59.817 13.0516 59.8152 13.26ZM61.5663 12.5022C61.7238 12.5764 61.8462 12.709 61.9076 12.8719L60.6575 13.3273C60.6046 13.1602 60.6172 12.9792 60.6926 12.8209C60.768 12.6626 60.9007 12.5388 61.0638 12.4746C61.2285 12.4181 61.4087 12.4281 61.5663 12.5022ZM31.2583 30.8259C38.0176 33.1742 47.3977 32.8885 56.8536 29.4597C66.3096 26.0309 73.694 20.2448 77.3906 14.1105C72.3992 19.3474 64.9925 24.1335 56.0902 27.3524C47.1879 30.5714 38.4328 31.6563 31.2583 30.8259ZM64.2666 33.806L73.8475 30.3147L74.8699 33.1274L68.557 35.4222L69.2133 37.2303L74.9324 35.1454L75.8789 37.7527L70.1598 39.8332L70.8474 41.7217L77.2496 39.3912L78.2719 42.2039L68.6017 45.722L64.2666 33.806ZM53.6783 44.4094V44.4451H53.6694C54.1852 45.7527 55.0995 46.8649 56.2826 47.624C57.4657 48.383 58.8577 48.7506 60.2613 48.6745C61.665 48.5985 63.0091 48.0827 64.1032 47.2002C65.1974 46.3177 65.9861 45.1133 66.3577 43.7575L63.2325 42.8914C62.8307 44.021 62.3128 44.8737 61.0672 45.3201C59.384 45.9273 57.7009 44.9585 57.0491 43.1727V43.137C56.4196 41.4002 57.0803 39.5608 58.7456 38.9537C59.8974 38.5385 60.8797 38.7974 61.8708 39.4001L63.6566 36.574C62.0717 35.4802 60.1341 35.0338 57.6964 35.9267C56.8656 36.2056 56.0997 36.6493 55.4444 37.2312C54.7892 37.8131 54.258 38.5213 53.8829 39.3133C53.5077 40.1053 53.2963 40.9648 53.2611 41.8405C53.2259 42.7161 53.3679 43.5899 53.6783 44.4094ZM49.7958 39.0696L46.4773 40.2775L50.8139 52.1922L54.1324 50.9844L49.7958 39.0696ZM36.2784 43.9891L32.5862 45.3374L41.7876 55.5746L44.8503 54.463L45.3191 40.7031L41.6894 42.0202L41.7296 50.5475L36.2784 43.9891ZM21.7073 49.2934L27.3416 47.2442C29.1631 46.5834 30.5962 46.6013 31.6945 47.1236C32.182 47.3598 32.6154 47.6943 32.9673 48.1061C33.3192 48.518 33.5821 48.9982 33.7393 49.5166V49.5479C34.0528 50.3287 34.1133 51.1882 33.9123 52.0053C33.7112 52.8223 33.2587 53.5556 32.6187 54.1018L36.9761 57.227L33.1633 58.611L29.4488 55.8787L28.0023 56.4055L29.3149 60.0129L26.0111 61.2138L21.7073 49.2934ZM29.2747 53.0213C30.3998 52.6106 30.8462 51.8293 30.5293 50.9632V50.9274C30.1855 49.9943 29.3328 49.7622 28.2255 50.164L26.0647 50.9542L27.1049 53.8116L29.2747 53.0213ZM10.4204 53.4078L20.0058 49.9165L21.0282 52.7247L14.7109 55.024L15.3671 56.8277L21.0863 54.7472L22.0372 57.35L16.3181 59.435L17.0056 61.3235L23.4034 58.993L24.4257 61.8012L14.7555 65.3193L10.4204 53.4078ZM11.8864 62.1653V62.201C12.7748 64.6342 11.3774 66.7817 8.48437 67.8353C6.46103 68.6259 4.21796 68.6465 2.18041 67.8934L3.22065 65.036C4.63391 65.5448 6.17958 65.5496 7.59592 65.0494C8.4799 64.728 8.846 64.2503 8.65849 63.7368V63.7056C8.46651 63.21 7.9888 63.0806 6.23423 63.2949C3.77426 63.6029 1.74288 63.6297 0.702637 61.8707V57.8079C1.40017 56.791 2.41651 56.0354 3.59121 55.6604C5.3403 54.9461 7.286 54.8749 9.08262 55.4595L8.279 58.3927C7.04924 58.0254 5.73701 58.0394 4.51537 58.4329C3.71622 58.7365 3.44834 59.2053 3.60014 59.6294V59.6651C3.80104 60.2098 4.29661 60.2991 6.08243 60.0714C9.0469 59.6696 11.0738 59.933 11.8864 62.1653ZM23.3445 97.962C23.3445 92.158 27.0545 87.247 32.9165 87.247V87.238C38.7829 87.238 42.435 92.0687 42.435 97.9039V97.962C42.435 102.744 39.9616 106.891 35.8229 108.23H29.8851C25.7732 106.9 23.3445 102.797 23.3445 98.0245V97.962ZM32.9165 103.619C35.2158 103.619 36.6891 101.293 36.6891 98.0245V97.962C36.6891 94.6939 35.1265 92.3053 32.8585 92.3053C30.5905 92.3053 29.0904 94.6046 29.0904 97.9039V97.962C29.0904 101.261 30.6173 103.619 32.9165 103.619ZM17.6895 101.138C20.7521 98.9056 22.4621 97.218 22.4621 93.9187V93.8562C22.4621 89.9676 19.3681 87.2888 14.8723 87.2888C10.8542 87.2888 8.68443 88.8514 6.47448 91.7088L10.3363 94.9188C11.957 93.0615 13.0463 92.2668 14.4303 92.2668C15.8143 92.2668 16.7296 93.0615 16.7296 94.3607C16.7296 95.6599 15.9929 96.5707 14.0776 98.0708L6.3584 103.964V107.634C7.38246 108.036 8.47265 108.244 9.57288 108.246H22.6674V103.611H14.1535L17.6895 101.138ZM71.0458 104.278H61.0585L60.1121 100.237L70.827 87.5087H76.5997V100.009H79.2248V104.282H76.5997V108.3H71.0636L71.0458 104.278ZM71.0458 100.032V94.1118L66.1348 100.032H71.0458ZM54.4552 101.156C57.5224 98.9238 59.2278 97.2362 59.2278 93.9369V93.8789C59.2278 89.9902 56.1384 87.307 51.6381 87.307C47.62 87.307 45.4502 88.8696 43.2402 91.7269L47.1021 94.9414C48.7227 93.0842 49.8121 92.2895 51.1961 92.2895C52.5801 92.2895 53.4953 93.0842 53.4953 94.3789C53.4953 95.6736 52.7587 96.5889 50.8434 98.0934L43.1152 103.987V108.286H59.4377V103.63H50.9193L54.4552 101.156ZM32.9635 33.8532L32.4724 33.7818L32.7939 33.3978C32.8266 33.3644 32.8449 33.3195 32.8449 33.2728C32.8449 33.226 32.8266 33.1812 32.7939 33.1478C32.7597 33.1148 32.7141 33.0963 32.6666 33.0963C32.6192 33.0963 32.5735 33.1148 32.5394 33.1478L32.218 33.5317L32.0349 33.0183C32.0178 32.9737 31.984 32.9375 31.9406 32.9175C31.8973 32.8975 31.8478 32.8952 31.8028 32.9112C31.7593 32.9282 31.7242 32.9615 31.705 33.0041C31.6858 33.0466 31.684 33.095 31.7001 33.1389L31.8831 33.6523L31.3474 33.5585C31.3012 33.5507 31.2539 33.5613 31.2155 33.588C31.1771 33.6147 31.1507 33.6554 31.142 33.7014C31.1341 33.7481 31.1445 33.796 31.1711 33.8351C31.1978 33.8742 31.2385 33.9015 31.2849 33.9112L31.8206 34.005L31.4724 34.4202C31.45 34.4463 31.4357 34.4783 31.4311 34.5124C31.4265 34.5464 31.4318 34.5811 31.4464 34.6122C31.461 34.6433 31.4843 34.6696 31.5135 34.6878C31.5426 34.706 31.5764 34.7154 31.6108 34.7148C31.6362 34.7143 31.6613 34.7085 31.6843 34.6977C31.7074 34.687 31.728 34.6715 31.7447 34.6523L32.0974 34.2327L32.2671 34.6791C32.2792 34.7144 32.3021 34.7451 32.3325 34.7667C32.3629 34.7883 32.3994 34.7998 32.4367 34.7997C32.4558 34.8038 32.4756 34.8038 32.4948 34.7997C32.5171 34.7922 32.5376 34.7803 32.5552 34.7647C32.5727 34.749 32.587 34.73 32.597 34.7087C32.607 34.6874 32.6126 34.6644 32.6134 34.6409C32.6143 34.6174 32.6104 34.5939 32.6019 34.572L32.4323 34.1255L32.9234 34.2104H32.9546C33.002 34.2145 33.049 34.1997 33.0855 34.1691C33.1219 34.1385 33.1447 34.0948 33.1488 34.0474C33.153 34 33.1381 33.953 33.1076 33.9165C33.077 33.8801 33.0332 33.8573 32.9859 33.8532H32.9635ZM23.8323 41.6239L21.9973 36.5744L23.9394 35.869L25.7565 40.8693C26.2833 42.3069 27.2744 42.7891 28.462 42.356C29.6496 41.923 30.105 40.9452 29.596 39.5434L27.7521 34.4805L29.6942 33.7841L31.5068 38.7576C32.4801 41.4363 31.4577 43.2936 29.0826 44.1597C26.7074 45.0259 24.7743 44.2267 23.8278 41.6239H23.8323ZM16.5148 38.5681L14.5728 39.278L17.7872 48.1134L24.1403 45.8007L23.4974 44.0328L19.0909 45.6355L16.5148 38.5681ZM12.7838 39.9323L6.11816 42.3565L9.33265 51.1919L16.0607 48.7453L15.4312 47.0131L10.6363 48.7632L9.95769 46.9059L14.1231 45.388L13.4981 43.6602L9.32819 45.1737L8.67636 43.3834L13.4133 41.66L12.7838 39.9323ZM8.35913 40.6619L10.0021 40.0815L10.5244 37.751L8.88148 38.3314L8.35913 40.6619ZM72.1427 50.981L67.9505 52.5079L66.7183 49.1148L78.9735 44.6547L80.2057 48.0433L76.0135 49.5702L79.8664 60.1512L75.9956 61.5576L72.1427 50.981ZM55.4425 53.2193L51.8262 54.5318L56.9113 68.506L60.7464 67.113L57.956 59.4473L66.7155 64.9388L70.1086 63.7021L65.019 49.7324L61.1884 51.1254L63.876 58.5142L55.4425 53.2193ZM38.5125 59.3815L49.7498 55.292L50.9507 58.5824L43.544 61.279L44.3164 63.3952L51.0222 60.9531L52.1338 64.0069L45.4281 66.449L46.2317 68.6634L53.7366 65.9311L54.9376 69.2259L43.5976 73.3557L38.5125 59.3815ZM32.0691 61.7295L35.9623 60.3125L41.0472 74.2829L37.1539 75.7L32.0691 61.7295ZM19.6899 66.2328L23.5652 64.822L27.4136 75.3986L34.1819 72.9386L35.4141 76.3317L24.7751 80.2025L19.6899 66.2328ZM7.19727 78.7339V78.6937C6.83345 77.7322 6.66744 76.7072 6.70918 75.6801C6.75092 74.6529 6.99955 73.6448 7.44017 72.716C7.8808 71.7872 8.50435 70.9569 9.27349 70.2749C10.0426 69.5928 10.9415 69.073 11.9163 68.7466C14.7692 67.7108 17.0416 68.2377 18.9033 69.5056L16.8139 72.8228C15.6487 72.1129 14.5013 71.8093 13.1619 72.296C11.2064 73.0058 10.4341 75.1667 11.1752 77.207V77.2472C11.9386 79.3232 13.912 80.4751 15.8808 79.7697C17.3363 79.2384 17.9479 78.2473 18.4167 76.9257L22.0866 77.9392C21.4169 80.2161 20.1266 82.2118 17.0327 83.3413C16.0869 83.7015 15.0783 83.8677 14.067 83.8301C13.0556 83.7924 12.0622 83.5517 11.1458 83.1223C10.2294 82.6928 9.40873 82.0834 8.73269 81.3302C8.05666 80.5771 7.53904 79.6956 7.21066 78.7384L7.19727 78.7339ZM70.0806 78.7216H70.6743L71.1655 77.9537L70.5717 77.9492L70.0806 78.7216ZM54.5179 79.25H55.2768L57.3261 84.1387H56.46L55.9867 82.9645H53.7857L53.3035 84.1387H52.491L54.5179 79.25ZM55.6876 82.21L54.884 80.2679L54.0848 82.21H55.6876ZM37.9682 79.2835H36.2314V84.1231H37.9682C38.2928 84.1367 38.6168 84.0834 38.92 83.9668C39.2232 83.8501 39.4993 83.6724 39.7311 83.4448C39.963 83.2171 40.1456 82.9443 40.2678 82.6433C40.39 82.3422 40.4491 82.0193 40.4415 81.6944C40.4486 81.3705 40.389 81.0487 40.2664 80.7488C40.1438 80.449 39.9608 80.1775 39.7288 79.9514C39.4969 79.7253 39.2208 79.5493 38.9179 79.4344C38.615 79.3195 38.2917 79.2682 37.9682 79.2835ZM38.6033 83.2544C38.4013 83.3336 38.1849 83.3695 37.9682 83.3597L37.0485 83.3731V80.0738H37.9682C38.1853 80.0653 38.4019 80.1024 38.6039 80.1826C38.8059 80.2628 38.9889 80.3844 39.1411 80.5396C39.2933 80.6947 39.4114 80.88 39.4877 81.0835C39.564 81.287 39.597 81.5042 39.5843 81.7212C39.5971 81.9378 39.5641 82.1546 39.4877 82.3577C39.4113 82.5608 39.2931 82.7455 39.1407 82.9C38.9884 83.0544 38.8053 83.1752 38.6033 83.2544ZM44.8865 79.2889H41.4309V84.1419H44.9222V83.3785H42.2524V82.0748H44.5874V81.3114H42.2524V80.0524H44.8865V79.2889ZM47.8877 79.2889H48.7047V83.3651H51.1558V84.1419H47.8877V79.2889ZM51.9696 80.2354C52.0008 80.5971 51.8089 80.8114 51.4026 80.8873L51.4963 81.2489C52.1705 81.1953 52.5232 80.8694 52.5232 80.097V79.2889H51.6303V80.2354H51.9696ZM58.8807 79.2889H58.1262V84.1419H58.9298V80.6908L61.497 84.1419H62.1845V79.2889H61.3809V82.6463L58.8807 79.2889ZM63.3799 79.2889H64.1389L66.6345 82.6463V79.2889H67.4426V84.1419H66.7551L64.1835 80.6908V84.1419H63.3799V79.2889ZM72.0903 79.2889H68.6392V84.1419H72.126V83.3785H69.4562V82.0748H71.7911V81.3114H69.4562V80.0524H72.0903V79.2889ZM73.0947 79.2889H76.5503V80.0524H73.9162V81.3114H76.2512V82.0748H73.9162V83.3785H76.5816V84.1419H73.0947V79.2889Z" fill="white" />
</svg>
<div>
<h3 class="font-medium mb-1">Nos engagements de qualité</h3>
<p class="text-gray-600 text-sm">Élu service client de l'année 2024</p>
<p class="text-gray-600 text-sm">Catégorie Opticien (Étude BVA, Viséo CI)</p>
</div>
</div>
</div>
</div>
</div>
<!-- Colonne gauche: infos -->
<div class="xl:col-span-2 lg:pr-6 xl:pr-32 pt-6 order-3">
<div class="flex flex-col space-y-8">
<section class="space-y-2 order-1 hidden md:block">
<h2 class="text-xl md:text-2xl font-medium text-neutral-900">Le mot de l'équipe</h2>
<p class="text-neutral-800">Les opticiens-acousticiens du magasin Alain Afflelou Opticien et Acousticien à Paris vous proposent des montures, des verres, des lentilles de contact et des solutions d'aides auditives pour votre confort visuel et auditif.</p>
</section>
<section class="space-y-4 text-neutral-800 order-2">
<h2 class="text-xl md:text-2xl font-medium text-neutral-900">Les plus de votre magasin</h2>
<div class="grid md:grid-cols-2 gap-4 text-sm md:text-base">
<div class="flex items-center gap-3">
<span class="">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.37979 12.6358C3.87013 13.2717 4.57829 14.1176 5.45031 14.9609C7.2241 16.6762 9.54112 18.25 12 18.25C14.4589 18.25 16.7759 16.6762 18.5497 14.9609C19.4217 14.1176 20.1299 13.2717 20.6202 12.6358C20.8127 12.3861 20.9709 12.1698 21.0915 12C20.9709 11.8302 20.8127 11.6139 20.6202 11.3642C20.1299 10.7283 19.4217 9.88242 18.5497 9.03914C16.7759 7.32381 14.4589 5.75 12 5.75C9.54112 5.75 7.2241 7.32381 5.45031 9.03914C4.57829 9.88242 3.87013 10.7283 3.37979 11.3642C3.18729 11.6139 3.02911 11.8302 2.90851 12C3.02911 12.1698 3.18729 12.3861 3.37979 12.6358ZM22.6316 11.5955C22.7891 11.8418 22.7894 12.1577 22.6318 12.4041L22.4124 12.7292C22.342 12.8389 22.4869 12.6222 22.4124 12.7292C22.2731 12.9294 22.0694 13.2128 21.8081 13.5517C21.2864 14.2283 20.5301 15.1324 19.5924 16.0391C17.747 17.8238 15.064 19.75 12 19.75C8.93604 19.75 6.25306 17.8238 4.40757 16.0391C3.46994 15.1324 2.71363 14.2283 2.19192 13.5517C1.93059 13.2128 1.72691 12.9294 1.58758 12.7292C1.51292 12.6219 1.43876 12.5141 1.36818 12.4041C1.20939 12.1558 1.2162 11.8326 1.36883 11.5949C1.43925 11.4852 1.51313 11.3778 1.58758 11.2708C1.72691 11.0706 1.93059 10.7872 2.19192 10.4483C2.71363 9.77169 3.46994 8.86758 4.40757 7.96086C6.25306 6.17619 8.93604 4.25 12 4.25C15.064 4.25 17.747 6.17619 19.5924 7.96086C20.5301 8.86758 21.2864 9.77169 21.8081 10.4483C22.0694 10.7872 22.2731 11.0706 22.4124 11.2708C22.487 11.378 22.6316 11.5955 22.6316 11.5955ZM8.75 12C8.75 13.7949 10.2051 15.25 12 15.25C13.7949 15.25 15.25 13.7949 15.25 12C15.25 10.2051 13.7949 8.75 12 8.75C10.2051 8.75 8.75 10.2051 8.75 12ZM12 7.25C14.6234 7.25 16.75 9.37665 16.75 12C16.75 14.6234 14.6234 16.75 12 16.75C9.37665 16.75 7.25 14.6234 7.25 12C7.25 9.37665 9.37665 7.25 12 7.25Z" fill="currentColor" />
</svg>
</span>
<span class="">Salle d'examen de vue</span>
</div>
<div class="flex items-center gap-3">
<span class="">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.67774 7.32342C6.0043 6.72211 6.28536 6.3513 6.6046 6.11834C6.90864 5.89648 7.31712 5.75 8 5.75C8.41421 5.75 8.75 5.41421 8.75 5C8.75 4.58579 8.41421 4.25 8 4.25C7.08288 4.25 6.34136 4.45352 5.7204 4.90666C5.12029 5.34457 4.70564 5.96472 4.33965 6.64443C4.32789 6.66625 4.31723 6.68865 4.30769 6.71154L1.80769 12.7115C1.78949 12.7552 1.77573 12.7996 1.7662 12.8443C1.43614 13.4912 1.25 14.2239 1.25 15C1.25 17.6234 3.37665 19.75 6 19.75C8.62335 19.75 10.75 17.6234 10.75 15C10.75 14.6685 10.8817 14.3505 11.1161 14.1161C11.3505 13.8817 11.6685 13.75 12 13.75C12.3315 13.75 12.6495 13.8817 12.8839 14.1161C13.1183 14.3505 13.25 14.6685 13.25 15C13.25 17.6234 15.3766 19.75 18 19.75C20.6234 19.75 22.75 17.6234 22.75 15C22.75 14.2239 22.5639 13.4912 22.2338 12.8443C22.2243 12.7996 22.2105 12.7552 22.1923 12.7115L19.6923 6.71154C19.6828 6.68865 19.6721 6.66625 19.6604 6.64443C19.2846 5.94667 18.8429 5.33349 18.2344 4.90111C17.6103 4.45767 16.876 4.25 16 4.25C15.5858 4.25 15.25 4.58579 15.25 5C15.25 5.41421 15.5858 5.75 16 5.75C16.624 5.75 17.0397 5.89233 17.3656 6.12389C17.701 6.36219 18.0044 6.7396 18.3223 7.32359L19.667 10.5507C19.1483 10.3563 18.5866 10.25 18 10.25C16.1393 10.25 14.5285 11.3199 13.7492 12.878C13.2588 12.4737 12.6409 12.25 12 12.25C11.3591 12.25 10.7412 12.4737 10.2508 12.878C9.47149 11.3199 7.86069 10.25 6 10.25C5.41344 10.25 4.85171 10.3563 4.33303 10.5507L5.67774 7.32342ZM6 11.75C7.79493 11.75 9.25 13.2051 9.25 15C9.25 16.7949 7.79493 18.25 6 18.25C4.20507 18.25 2.75 16.7949 2.75 15C2.75 13.2051 4.20507 11.75 6 11.75ZM14.75 15C14.75 13.2051 16.2051 11.75 18 11.75C19.7949 11.75 21.25 13.2051 21.25 15C21.25 16.7949 19.7949 18.25 18 18.25C16.2051 18.25 14.75 16.7949 14.75 15Z" fill="currentColor" />
</svg>
</span>
<span class="">Test de la vue gratuit</span>
</div>
<div class="flex items-center gap-3">
<span class="">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.1284 1.43257C4.1284 1.02216 4.46111 0.689453 4.87152 0.689453H5.6972C6.10761 0.689453 6.44031 1.02216 6.44031 1.43257C6.44031 1.84298 6.10761 2.17568 5.6972 2.17568H4.87152C4.46111 2.17568 4.1284 1.84298 4.1284 1.43257ZM8.98976 3.1665H0.743113C0.332703 3.1665 0 3.4992 0 3.90961C0 4.32002 0.332703 4.65272 0.743113 4.65272H7.6114L6.77107 5.91322L5.28436 7.39993L3.74561 5.86119C3.45541 5.57099 2.9849 5.57099 2.69469 5.86119C2.40449 6.15139 2.40449 6.62191 2.69469 6.91211L4.23344 8.45085L1.86901 10.8153C1.57881 11.1055 1.57881 11.576 1.86901 11.8662C2.15922 12.1564 2.62973 12.1564 2.91993 11.8662L5.28436 9.50177L7.64878 11.8662C7.93898 12.1564 8.40949 12.1564 8.6997 11.8662C8.9899 11.576 8.9899 11.1055 8.6997 10.8153L6.33528 8.45085L7.87402 6.91211C7.90862 6.87751 7.93972 6.83957 7.96687 6.79885L9.39762 4.65272H10.6513C11.0617 4.65272 11.3944 4.32002 11.3944 3.90961C11.3944 3.4992 11.0617 3.1665 10.6513 3.1665H9.01145C9.00421 3.16639 8.99698 3.16639 8.98976 3.1665ZM13.1283 8.94626C13.4098 8.94626 13.6671 9.10529 13.793 9.35704L16.2633 14.2978C16.2682 14.3069 16.2728 14.3162 16.2772 14.3255L17.9214 17.6138C18.1049 17.9809 17.9561 18.4273 17.5891 18.6108C17.222 18.7944 16.7756 18.6456 16.5921 18.2785L15.1461 15.3866H11.1105L9.66458 18.2785C9.48104 18.6456 9.03467 18.7944 8.66759 18.6108C8.30051 18.4273 8.15172 17.9809 8.33526 17.6138L9.97943 14.3255C9.98386 14.3162 9.98849 14.3069 9.9933 14.2978L12.4637 9.35704C12.5895 9.10529 12.8469 8.94626 13.1283 8.94626ZM11.8537 13.9003H14.403L13.1283 11.351L11.8537 13.9003Z" fill="currentColor" />
</svg>
</span>
<span class="">Français - Anglais - Allemand - Espagnol</span>
</div>
<div class="flex items-center gap-3">
<span class="">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.27702 11.8018C1.86003 11.0801 2.06975 9.99034 3.22728 8.55789C4.33911 7.18199 6.12615 5.76548 8.1171 4.61694C10.108 3.46839 12.2293 2.63028 13.9777 2.35613C15.798 2.07072 16.8474 2.43413 17.2644 3.15579C17.3043 3.2249 17.3425 3.29496 17.3787 3.36593C17.7295 4.12151 17.4817 5.19553 16.3989 6.55847C15.2964 7.94628 13.5153 9.36861 11.5258 10.5163C9.53639 11.664 7.4131 12.494 5.65897 12.7542C3.93707 13.0095 2.88243 12.6874 2.40264 12.0067C2.35903 11.9395 2.31714 11.8712 2.27702 11.8018ZM0.965282 12.6756C1.01188 12.7563 1.06098 12.8336 1.11245 12.9077C2.29022 14.6901 4.29878 15.752 6.51653 16.079C8.86892 16.4258 11.5256 15.962 13.8857 14.6005C16.2564 13.2329 17.9873 11.166 18.8604 8.95753C19.6839 6.87446 19.7612 4.60804 18.8042 2.69884C18.766 2.61797 18.7238 2.53755 18.6777 2.45762C18.6612 2.42812 18.6439 2.39911 18.6269 2.36979C17.6793 0.729756 15.6615 0.500898 13.7338 0.803137C11.7344 1.11664 9.42699 2.04609 7.33046 3.25555C5.23393 4.465 3.27466 5.99691 2.0032 7.57035C0.777438 9.08724 -0.0331128 10.9477 0.914527 12.5878C0.931469 12.6171 0.947914 12.6466 0.965282 12.6756ZM17.7031 7.44421C17.6226 7.75515 17.5206 8.06776 17.3971 8.38C16.6576 10.2507 15.1694 12.0448 13.0991 13.2391C11.0404 14.4267 8.74118 14.818 6.7462 14.5238C6.41613 14.4752 6.09625 14.4082 5.78839 14.3237C5.82226 14.319 5.85613 14.3141 5.88996 14.3091C7.90067 14.0109 10.2145 13.088 12.3125 11.8777C14.4105 10.6674 16.3673 9.12664 17.6311 7.53583C17.6553 7.50542 17.6793 7.47488 17.7031 7.44421Z" fill="currentColor" />
</svg>
</span>
<span class="">Expert en lentilles de contact</span>
</div>
<div class="flex items-center gap-3">
<span class="">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2499 1.93945C12.2499 1.11103 12.9215 0.439453 13.7499 0.439453C14.5783 0.439453 15.2499 1.11103 15.2499 1.93945C15.2499 2.76788 14.5783 3.43945 13.7499 3.43945C12.9215 3.43945 12.2499 2.76788 12.2499 1.93945ZM4.96956 2.15912C5.20482 1.92386 5.56695 1.87171 5.85903 2.03103L11.359 5.03103C11.5444 5.13214 11.6786 5.3067 11.7286 5.51184C11.7786 5.71697 11.7398 5.93369 11.6217 6.10875L9.69707 8.96313C9.89189 9.09475 10.0791 9.23864 10.2576 9.39426C10.4344 9.5485 10.6011 9.71288 10.7568 9.88629L16.3766 8.94966C16.6125 8.91034 16.853 8.98587 17.024 9.15299C17.1951 9.32011 17.2762 9.55878 17.2424 9.79552L16.2424 16.7955C16.1838 17.2056 15.8039 17.4905 15.3938 17.4319C14.9838 17.3733 14.6989 16.9934 14.7574 16.5834L15.6125 10.5977L11.6694 11.2549C11.8058 11.5412 11.9188 11.8396 12.0068 12.1472C12.3119 13.2144 12.3016 14.3472 11.9771 15.4087C11.856 15.8048 11.4368 16.0278 11.0406 15.9067C10.6445 15.7856 10.4216 15.3663 10.5427 14.9702C10.7825 14.1856 10.7901 13.3484 10.5646 12.5595C10.339 11.7707 9.89001 11.064 9.27167 10.5247C8.65334 9.9855 7.89214 9.63676 7.07996 9.52061C6.26778 9.40446 5.43935 9.52588 4.69466 9.87021C4.31869 10.044 3.87298 9.88018 3.69914 9.50421C3.5253 9.12824 3.68916 8.68254 4.06513 8.5087C5.07266 8.04285 6.19348 7.87858 7.29231 8.03572C7.65129 8.08705 8.0029 8.17198 8.34283 8.2885L9.9174 5.95332L5.63341 3.6166L3.03023 6.21978C2.73733 6.51268 2.26246 6.51268 1.96957 6.21978C1.67667 5.92689 1.67667 5.45202 1.96957 5.15912L4.96956 2.15912ZM1.95914 11.4722C2.35526 11.5933 2.57822 12.0126 2.45713 12.4087C2.21729 13.1933 2.20968 14.0306 2.43521 14.8194C2.66075 15.6082 3.10978 16.3149 3.72812 16.8542C4.34645 17.3934 5.10765 17.7421 5.91983 17.8583C6.73201 17.9744 7.56044 17.853 8.30513 17.5087C8.6811 17.3349 9.12681 17.4987 9.30065 17.8747C9.47449 18.2507 9.31063 18.6964 8.93466 18.8702C7.92713 19.3361 6.80631 19.5003 5.70748 19.3432C4.60865 19.1861 3.57879 18.7142 2.74222 17.9847C1.90565 17.2551 1.29813 16.299 0.993002 15.2317C0.68787 14.1645 0.698169 13.0317 1.02266 11.9702C1.14374 11.5741 1.56302 11.3511 1.95914 11.4722Z" fill="currentColor" />
</svg>
</span>
<span class="">Accès handicapés</span>
</div>
<div class="flex items-center gap-3">
<span class="">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.13636 2.32582C2.58408 2.32582 2.13636 2.77353 2.13636 3.32582V16.0531C2.13636 16.6054 2.58408 17.0531 3.13636 17.0531H15.8636C16.4159 17.0531 16.8636 16.6054 16.8636 16.0531V3.32582C16.8636 2.77353 16.4159 2.32582 15.8636 2.32582H3.13636ZM0.5 3.32582C0.5 1.86979 1.68034 0.689453 3.13636 0.689453H15.8636C17.3197 0.689453 18.5 1.86979 18.5 3.32582V16.0531C18.5 17.5091 17.3197 18.6895 15.8636 18.6895H3.13636C1.68034 18.6895 0.5 17.5091 0.5 16.0531V3.32582ZM5.95455 5.144C5.95455 4.69213 6.32086 4.32582 6.77273 4.32582H10.4091C11.3494 4.32582 12.2512 4.69935 12.9161 5.36426C13.581 6.02916 13.9545 6.93096 13.9545 7.87127C13.9545 8.81158 13.581 9.71338 12.9161 10.3783C12.2512 11.0432 11.3494 11.4167 10.4091 11.4167H7.59091V14.2349C7.59091 14.6868 7.2246 15.0531 6.77273 15.0531C6.32086 15.0531 5.95455 14.6868 5.95455 14.2349V5.144ZM7.59091 9.78036H10.4091C10.9154 9.78036 11.401 9.57923 11.759 9.2212C12.117 8.86318 12.3182 8.37759 12.3182 7.87127C12.3182 7.36495 12.117 6.87936 11.759 6.52134C11.401 6.16332 10.9154 5.96218 10.4091 5.96218H7.59091V9.78036Z" fill="currentColor" />
</svg>
</span>
<span class="">Parking devant le magasin</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('storeService')" @click="$store.asideBlocs.toggleAside('storeService')" class=" btn btn-dark-ghost ">
Voir tous les plus de votre magasin
</button>
</section>
<section class="space-y-4 order-3 lg:order-5">
<div x-data="initCarouselcarousel934966810()" x-init="init()" class="relative w-full h-full mx-auto">
<div class="flex justify-between items-center mb-8 ">
<h2 class="text-3xl font-semibold ">En ce moment dans votre magasin</h2>
<div class="flex items-center justify-center space-x-4 ">
<div class=" hidden sm:flex flex space-x-2">
<button type="button" class="carousel-button-prev-carousel-934966810 before:border-none btn btn-dark-subtle btn-only-icon">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.46967 12.5303C9.17678 12.2374 9.17678 11.7626 9.46967 11.4697L13.4697 7.46967C13.7626 7.17678 14.2374 7.17678 14.5303 7.46967C14.8232 7.76256 14.8232 8.23744 14.5303 8.53033L11.0607 12L14.5303 15.4697C14.8232 15.7626 14.8232 16.2374 14.5303 16.5303C14.2374 16.8232 13.7626 16.8232 13.4697 16.5303L9.46967 12.5303Z" fill="currentColor" />
</svg>
</button>
<button type="button" class="carousel-button-next-carousel-934966810 before:border-none btn btn-dark-subtle btn-only-icon">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5303 11.4697C14.8232 11.7626 14.8232 12.2374 14.5303 12.5303L10.5303 16.5303C10.2374 16.8232 9.76256 16.8232 9.46967 16.5303C9.17678 16.2374 9.17678 15.7626 9.46967 15.4697L12.9393 12L9.46967 8.53033C9.17678 8.23744 9.17678 7.76256 9.46967 7.46967C9.76256 7.17678 10.2374 7.17678 10.5303 7.46967L14.5303 11.4697Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<div x-ref="swiperContainer" id="carousel-934966810" class="swiper md:h-full">
<div class="swiper-wrapper h-auto">
<div class="swiper-slide !transform-none h-auto" data-theme="light" data-hash="index-carousel-934966810-0">
<div x-ref="contentBlock" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-1 xl:grid-cols-2 h-full md:gap-8 bg-dark-5 rounded-lg overflow-hidden">
<div class="relative aspect-square md:aspect-auto ">
<img src="/img/store/newsStore1.png" alt="" class="w-full h-full object-cover" />
</div>
<div class="flex flex-col justify-center p-8 md:p-12">
<h2 class="text-3xl font-medium text-neutral-900 mb-4">Needle yet value-added first product strategic loss</h2>
<p class="text-neutral-600 text-lg mb-8">Launch optimize charts post bells algorithm low-hanging hear.</p>
<button type="button" class="w-fit btn btn-dark-ghost btn-icons">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.25C8.41421 1.25 8.75 1.58579 8.75 2V3.25H15.25V2C15.25 1.58579 15.5858 1.25 16 1.25C16.4142 1.25 16.75 1.58579 16.75 2V3.25H20C21.5188 3.25 22.75 4.48122 22.75 6V20C22.75 21.5188 21.5188 22.75 20 22.75H4C2.48122 22.75 1.25 21.5188 1.25 20V6C1.25 4.48122 2.48122 3.25 4 3.25H7.25V2C7.25 1.58579 7.58579 1.25 8 1.25ZM7.25 4.75H4C3.30964 4.75 2.75 5.30964 2.75 6V8.25H21.25V6C21.25 5.30964 20.6904 4.75 20 4.75H16.75V6C16.75 6.41421 16.4142 6.75 16 6.75C15.5858 6.75 15.25 6.41421 15.25 6V4.75H8.75V6C8.75 6.41421 8.41421 6.75 8 6.75C7.58579 6.75 7.25 6.41421 7.25 6V4.75ZM21.25 9.75H2.75V20C2.75 20.6904 3.30964 21.25 4 21.25H20C20.6904 21.25 21.25 20.6904 21.25 20V9.75ZM12 14.5C12.5523 14.5 13 14.0523 13 13.5C13 12.9477 12.5523 12.5 12 12.5C11.4477 12.5 11 12.9477 11 13.5C11 14.0523 11.4477 14.5 12 14.5ZM8 17.5C8 18.0523 7.55228 18.5 7 18.5C6.44772 18.5 6 18.0523 6 17.5C6 16.9477 6.44772 16.5 7 16.5C7.55228 16.5 8 16.9477 8 17.5ZM12 18.5C12.5523 18.5 13 18.0523 13 17.5C13 16.9477 12.5523 16.5 12 16.5C11.4477 16.5 11 16.9477 11 17.5C11 18.0523 11.4477 18.5 12 18.5ZM17 14.5C17.5523 14.5 18 14.0523 18 13.5C18 12.9477 17.5523 12.5 17 12.5C16.4477 12.5 16 12.9477 16 13.5C16 14.0523 16.4477 14.5 17 14.5ZM17 18.5C17.5523 18.5 18 18.0523 18 17.5C18 16.9477 17.5523 16.5 17 16.5C16.4477 16.5 16 16.9477 16 17.5C16 18.0523 16.4477 18.5 17 18.5Z" fill="currentColor" />
</svg>
Réserver un essayage
</button>
</div>
</div>
</div>
<div class="swiper-slide !transform-none h-auto" data-theme="light" data-hash="index-carousel-934966810-1">
<div x-ref="contentBlock" class="grid h-full md:gap-8 bg-dark-5 rounded-lg overflow-hidden">
<div class="relative grid ">
<img src="/img/store/newsStore2.png" alt="" class="w-full h-full object-cover" />
</div>
</div>
</div>
<div class="swiper-slide !transform-none h-auto" data-theme="light" data-hash="index-carousel-934966810-2">
<div x-ref="contentBlock" class="grid h-full md:gap-8 bg-dark-5 rounded-lg overflow-hidden">
<div class="flex flex-col justify-center p-8 md:p-12">
<h2 class="text-3xl font-medium text-neutral-900 mb-4">Needle yet value-added first product strategic loss</h2>
<p class="text-neutral-600 text-lg mb-8">Launch optimize charts post bells algorithm low-hanging hear. Lunch place building email 2 search. Initiative anyway sandwich globalize right. Economy work run or weeks see without bells inclusion beforehand.</p>
<button type="button" class="w-fit btn btn-dark-ghost btn-icons">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.25C8.41421 1.25 8.75 1.58579 8.75 2V3.25H15.25V2C15.25 1.58579 15.5858 1.25 16 1.25C16.4142 1.25 16.75 1.58579 16.75 2V3.25H20C21.5188 3.25 22.75 4.48122 22.75 6V20C22.75 21.5188 21.5188 22.75 20 22.75H4C2.48122 22.75 1.25 21.5188 1.25 20V6C1.25 4.48122 2.48122 3.25 4 3.25H7.25V2C7.25 1.58579 7.58579 1.25 8 1.25ZM7.25 4.75H4C3.30964 4.75 2.75 5.30964 2.75 6V8.25H21.25V6C21.25 5.30964 20.6904 4.75 20 4.75H16.75V6C16.75 6.41421 16.4142 6.75 16 6.75C15.5858 6.75 15.25 6.41421 15.25 6V4.75H8.75V6C8.75 6.41421 8.41421 6.75 8 6.75C7.58579 6.75 7.25 6.41421 7.25 6V4.75ZM21.25 9.75H2.75V20C2.75 20.6904 3.30964 21.25 4 21.25H20C20.6904 21.25 21.25 20.6904 21.25 20V9.75ZM12 14.5C12.5523 14.5 13 14.0523 13 13.5C13 12.9477 12.5523 12.5 12 12.5C11.4477 12.5 11 12.9477 11 13.5C11 14.0523 11.4477 14.5 12 14.5ZM8 17.5C8 18.0523 7.55228 18.5 7 18.5C6.44772 18.5 6 18.0523 6 17.5C6 16.9477 6.44772 16.5 7 16.5C7.55228 16.5 8 16.9477 8 17.5ZM12 18.5C12.5523 18.5 13 18.0523 13 17.5C13 16.9477 12.5523 16.5 12 16.5C11.4477 16.5 11 16.9477 11 17.5C11 18.0523 11.4477 18.5 12 18.5ZM17 14.5C17.5523 14.5 18 14.0523 18 13.5C18 12.9477 17.5523 12.5 17 12.5C16.4477 12.5 16 12.9477 16 13.5C16 14.0523 16.4477 14.5 17 14.5ZM17 18.5C17.5523 18.5 18 18.0523 18 17.5C18 16.9477 17.5523 16.5 17 16.5C16.4477 16.5 16 16.9477 16 17.5C16 18.0523 16.4477 18.5 17 18.5Z" fill="currentColor" />
</svg>
Réserver un essayage
</button>
</div>
</div>
</div>
<div class="swiper-slide !transform-none h-auto" data-theme="light" data-hash="index-carousel-934966810-3">
<div x-ref="contentBlock" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-1 xl:grid-cols-2 h-full md:gap-8 bg-dark-5 rounded-lg overflow-hidden">
<div class="relative aspect-square md:aspect-auto ">
<img src="/img/store/newsStore3.png" alt="" class="w-full h-full object-cover" />
</div>
<div class="flex flex-col justify-center p-8 md:p-12">
<h2 class="text-3xl font-medium text-neutral-900 mb-4">Needle yet value-added first product strategic loss</h2>
<p class="text-neutral-600 text-lg mb-8">Launch optimize charts post bells algorithm low-hanging hear.</p>
<button type="button" class="w-fit btn btn-dark-ghost btn-icons">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.25C8.41421 1.25 8.75 1.58579 8.75 2V3.25H15.25V2C15.25 1.58579 15.5858 1.25 16 1.25C16.4142 1.25 16.75 1.58579 16.75 2V3.25H20C21.5188 3.25 22.75 4.48122 22.75 6V20C22.75 21.5188 21.5188 22.75 20 22.75H4C2.48122 22.75 1.25 21.5188 1.25 20V6C1.25 4.48122 2.48122 3.25 4 3.25H7.25V2C7.25 1.58579 7.58579 1.25 8 1.25ZM7.25 4.75H4C3.30964 4.75 2.75 5.30964 2.75 6V8.25H21.25V6C21.25 5.30964 20.6904 4.75 20 4.75H16.75V6C16.75 6.41421 16.4142 6.75 16 6.75C15.5858 6.75 15.25 6.41421 15.25 6V4.75H8.75V6C8.75 6.41421 8.41421 6.75 8 6.75C7.58579 6.75 7.25 6.41421 7.25 6V4.75ZM21.25 9.75H2.75V20C2.75 20.6904 3.30964 21.25 4 21.25H20C20.6904 21.25 21.25 20.6904 21.25 20V9.75ZM12 14.5C12.5523 14.5 13 14.0523 13 13.5C13 12.9477 12.5523 12.5 12 12.5C11.4477 12.5 11 12.9477 11 13.5C11 14.0523 11.4477 14.5 12 14.5ZM8 17.5C8 18.0523 7.55228 18.5 7 18.5C6.44772 18.5 6 18.0523 6 17.5C6 16.9477 6.44772 16.5 7 16.5C7.55228 16.5 8 16.9477 8 17.5ZM12 18.5C12.5523 18.5 13 18.0523 13 17.5C13 16.9477 12.5523 16.5 12 16.5C11.4477 16.5 11 16.9477 11 17.5C11 18.0523 11.4477 18.5 12 18.5ZM17 14.5C17.5523 14.5 18 14.0523 18 13.5C18 12.9477 17.5523 12.5 17 12.5C16.4477 12.5 16 12.9477 16 13.5C16 14.0523 16.4477 14.5 17 14.5ZM17 18.5C17.5523 18.5 18 18.0523 18 17.5C18 16.9477 17.5523 16.5 17 16.5C16.4477 16.5 16 16.9477 16 17.5C16 18.0523 16.4477 18.5 17 18.5Z" fill="currentColor" />
</svg>
Réserver un essayage
</button>
</div>
</div>
</div>
</div>
<div class="flex sm:hidden mt-6">
<a href="https://www.afflelou.com/" target="_blank" rel="noopenner noreferer" class="mx-auto btn btn-dark-subtle ">
Voir toute la collection
</a>
</div>
</div>
</div>
<script>
function initCarouselcarousel934966810() {
return {
swiper: null,
options: {
"color": "dark",
"slidesPerView": {
"mobile": 1,
"tablet": 1,
"desktop": 1
},
"spaceBetween": 30,
"showPagination": false,
"showNavigation": true,
"showNavigationMobile": false
},
componentId: 'carousel-934966810',
init() {
this.initSwiper();
if (typeof this.customFunction === 'function') {
this.customFunction();
}
},
initSwiper() {
this.swiper = new Swiper(this.$refs.swiperContainer, {
slidesPerView: this.options.slidesPerView.mobile,
spaceBetween: this.options.spaceBetween,
pagination: this.options.showPagination ? {
el: '.swiper-pagination-' + this.componentId,
clickable: true,
bulletClass: 'bullet',
bulletActiveClass: 'active',
} : false,
navigation: this.options.showNavigation ? {
nextEl: '.carousel-button-next-' + this.componentId,
prevEl: '.carousel-button-prev-' + this.componentId
} : false,
hashNavigation: {
watchState: true,
},
breakpoints: {
640: {
slidesPerView: this.options.slidesPerView.tablet
},
1024: {
slidesPerView: this.options.slidesPerView.desktop
}
},
on: {
slideChange: () => this.updateSliderTheme(),
},
});
this.updateSliderTheme();
},
updateSliderTheme() {
const activeSlide = this.swiper.slides[this.swiper.activeIndex];
const theme = activeSlide.getAttribute('data-slider-theme');
this.sliderTheme = theme || 'light';
},
customFunction() {
// Custom function can be defined here and overridden outside.
this.$nextTick(() => {
const updateContentHeight = () => {
const contentBlocks = document.querySelectorAll('[x-ref="contentBlock"]');
const maxHeight = Array.from(contentBlocks).reduce((max, block) =>
Math.max(max, block.offsetHeight), 400);
document.documentElement.style.setProperty('--content-height', `${maxHeight}px`);
};
// Initial update
updateContentHeight();
// Resize listener avec debounce
let resizeTimer;
window.addEventListener('resize', () => {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(updateContentHeight, 250);
});
// Écouter les événements de breakpoint Swiper
this.swiper.on('breakpoint', updateContentHeight);
// Écouter quand le DOM est modifié
const observer = new MutationObserver(updateContentHeight);
observer.observe(this.$refs.swiperContainer, {
childList: true,
subtree: true,
attributes: true
});
});
}
};
}
</script>
</section>
<div class="grid md:grid-cols-2 lg:grid-cols-1 xl:grid-cols-2 gap-6 order-4">
<section class="flex flex-col items-start justify-between bg-dark-5 p-6 rounded-lg">
<h2 class="text-2xl font-semibold text-gray-900 mb-4">Nos marques</h2>
<p class="text-gray-700 mb-8">Votre magasin ALAIN AFFLELOU vous propose les grandes marques suivantes : RayBan, Boss, DIOR, Carrera...</p>
<div class="grid grid-cols-2 sm:grid-cols-4 gap-8 items-center justify-items-center mb-8">
<div class="w-full flex items-center justify-center mix-blend-darken">
<img src="/img/brands/RayBan.png" alt="Ray-Ban" class="object-contain">
</div>
<div class="w-full flex items-center justify-center mix-blend-darken">
<img src="/img/brands/HugoBoss.png" alt="Boss" class="object-contain">
</div>
<div class="w-full flex items-center justify-center mix-blend-darken">
<img src="/img/brands/Oakley.png" alt="Oakley" class="object-contain">
</div>
<div class="w-full flex items-center justify-center mix-blend-darken">
<img src="/img/brands/Chanel.png" alt="Chanel" class="object-contain">
</div>
</div>
<div class="text-center">
<button type="button" x-data x-init="$store.asideBlocs.addAside('storeBrandList')" @click="$store.asideBlocs.toggleAside('storeBrandList')" class=" btn btn-dark-ghost ">
Voir toutes les marques
</button>
</div>
</section>
<section class="flex flex-col items-start justify-between bg-dark-5 p-6 rounded-lg">
<h2 class="text-2xl font-semibold text-gray-900 mb-4">Nos mutuelles</h2>
<p class="text-gray-700 mb-8">Plus de 500 mutuelles partenaires pour vous servir: GMF, Muet, MMA, Harmonie...</p>
<div class="grid grid-cols-2 sm:grid-cols-4 gap-8 items-center justify-items-center mb-8">
<div class="w-full flex items-center justify-center mix-blend-darken">
<img src="/img/brands/Maif.png" alt="Maif" class="object-contain">
</div>
<div class="w-full flex items-center justify-center mix-blend-darken">
<img src="/img/brands/HarmonieMutuelle.png" alt="Harmonie Mutuelle" class="object-contain">
</div>
<div class="w-full flex items-center justify-center mix-blend-darken">
<img src="/img/brands/Macif.png" alt="Macif" class="object-contain">
</div>
<div class="w-full flex items-center justify-center mix-blend-darken">
<img src="/img/brands/Matmut.png" alt="Matmut" class="object-contain">
</div>
</div>
<div class="text-center">
<button type="button" x-data x-init="$store.asideBlocs.addAside('storeMutualsList')" @click="$store.asideBlocs.toggleAside('storeMutualsList')" class=" btn btn-dark-ghost ">
Voir toutes les marques
</button>
</div>
</section>
</div>
<section class="space-y-4 order-5 lg:order-3">
<div x-data="initCarouselcarousel541581211()" x-init="init()" class="relative w-full h-full mx-auto">
<div class="flex justify-between items-center mb-8 ">
<h2 class="text-3xl font-semibold ">Nos services</h2>
<div class="flex items-center justify-center space-x-4 ">
<div class=" hidden sm:flex flex space-x-2">
<button type="button" class="carousel-button-prev-carousel-541581211 before:border-none btn btn-dark-subtle btn-only-icon">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.46967 12.5303C9.17678 12.2374 9.17678 11.7626 9.46967 11.4697L13.4697 7.46967C13.7626 7.17678 14.2374 7.17678 14.5303 7.46967C14.8232 7.76256 14.8232 8.23744 14.5303 8.53033L11.0607 12L14.5303 15.4697C14.8232 15.7626 14.8232 16.2374 14.5303 16.5303C14.2374 16.8232 13.7626 16.8232 13.4697 16.5303L9.46967 12.5303Z" fill="currentColor" />
</svg>
</button>
<button type="button" class="carousel-button-next-carousel-541581211 before:border-none btn btn-dark-subtle btn-only-icon">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5303 11.4697C14.8232 11.7626 14.8232 12.2374 14.5303 12.5303L10.5303 16.5303C10.2374 16.8232 9.76256 16.8232 9.46967 16.5303C9.17678 16.2374 9.17678 15.7626 9.46967 15.4697L12.9393 12L9.46967 8.53033C9.17678 8.23744 9.17678 7.76256 9.46967 7.46967C9.76256 7.17678 10.2374 7.17678 10.5303 7.46967L14.5303 11.4697Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<div x-ref="swiperContainer" id="carousel-541581211" class="swiper md:h-full">
<div class="swiper-wrapper ">
<div class="swiper-slide !transform-none " data-theme="light" data-hash="index-carousel-541581211-0">
<div class="overflow-hidden">
<img src="/img/store/productSlider.png" alt="Tiers Payant Mutuelle" class="w-full object-cover aspect-square rounded-lg" />
<div class="p-6 text-neutral-800">
<h2 class="text-xl font-semibold mb-3">Tiers Payant Mutuelle</h2>
<p class="text-sm">Les magasins ALAIN AFFLELOU sont partenaires de très nombreuses mutuelles. Sur chaque fiche magasin et opticien proche de chez vous ou de votre choix</p>
</div>
</div>
</div>
<div class="swiper-slide !transform-none " data-theme="light" data-hash="index-carousel-541581211-1">
<div class="overflow-hidden">
<img src="/img/store/productSlider2.png" alt="Entretien et ajustement gratuits" class="w-full object-cover aspect-square rounded-lg" />
<div class="p-6 text-neutral-800">
<h2 class="text-xl font-semibold mb-3">Entretien et ajustement gratuits</h2>
<p class="text-sm">Pour que votre vision soit toujours parfaite, nos opticiens vous proposent un entretien et un ajustage gratuit de vos lunettes à vie.</p>
</div>
</div>
</div>
<div class="swiper-slide !transform-none " data-theme="light" data-hash="index-carousel-541581211-2">
<div class="overflow-hidden">
<img src="/img/store/productSlider3.png" alt="Remise de devis gratuit" class="w-full object-cover aspect-square rounded-lg" />
<div class="p-6 text-neutral-800">
<h2 class="text-xl font-semibold mb-3">Remise de devis gratuit</h2>
<p class="text-sm">Avant de finaliser chaque vente, notre opticien a la possibilité de vous fournir un devis optique.</p>
</div>
</div>
</div>
<div class="swiper-slide !transform-none " data-theme="light" data-hash="index-carousel-541581211-3">
<div class="overflow-hidden">
<img src="/img/productsSlider/products13.png" alt="Entretien et ajustement gratuits" class="w-full object-cover aspect-square rounded-lg" />
<div class="p-6 text-neutral-800">
<h2 class="text-xl font-semibold mb-3">Entretien et ajustement gratuits</h2>
<p class="text-sm">Pour que votre vision soit toujours parfaite, nos opticiens vous proposent un entretien et un ajustage gratuit de vos lunettes à vie.</p>
</div>
</div>
</div>
</div>
<div class="flex sm:hidden mt-6">
<a href="https://www.afflelou.com/" target="_blank" rel="noopenner noreferer" class="mx-auto btn btn-dark-subtle ">
Voir toute la collection
</a>
</div>
</div>
</div>
<script>
function initCarouselcarousel541581211() {
return {
swiper: null,
options: {
"color": "dark",
"slidesPerView": {
"mobile": 1.2,
"tablet": 2,
"desktop": 2
},
"spaceBetween": 30,
"showPagination": false,
"showNavigation": true,
"showNavigationMobile": false
},
componentId: 'carousel-541581211',
init() {
this.initSwiper();
if (typeof this.customFunction === 'function') {
this.customFunction();
}
},
initSwiper() {
this.swiper = new Swiper(this.$refs.swiperContainer, {
slidesPerView: this.options.slidesPerView.mobile,
spaceBetween: this.options.spaceBetween,
pagination: this.options.showPagination ? {
el: '.swiper-pagination-' + this.componentId,
clickable: true,
bulletClass: 'bullet',
bulletActiveClass: 'active',
} : false,
navigation: this.options.showNavigation ? {
nextEl: '.carousel-button-next-' + this.componentId,
prevEl: '.carousel-button-prev-' + this.componentId
} : false,
hashNavigation: {
watchState: true,
},
breakpoints: {
640: {
slidesPerView: this.options.slidesPerView.tablet
},
1024: {
slidesPerView: this.options.slidesPerView.desktop
}
},
on: {
slideChange: () => this.updateSliderTheme(),
},
});
this.updateSliderTheme();
},
updateSliderTheme() {
const activeSlide = this.swiper.slides[this.swiper.activeIndex];
const theme = activeSlide.getAttribute('data-slider-theme');
this.sliderTheme = theme || 'light';
},
customFunction() {
// Custom function can be defined here and overridden outside.
}
};
}
</script>
</section>
<section class="relative space-y-6 order-6">
<div id="reviews" class="absolute -mt-[150px]"></div>
<div class="mx-auto space-y-8">
<div class="flex flex-col items-center text-center space-y-4">
<div class="grid items-center justify-items-center justify-between text-neutral-800">
<div class=" space-y-1">
<div class="text-4xl font-medium text-center">
4.7 sur 5
</div>
<div class="flex items-center gap-2">
<div class="flex justify-center gap-1 text-neutral-800">
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 29.999999999999986% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
</div>
<div class="">
<span class="font-medium">14 commentaires</span>
</div>
</div>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('storeReview')" @click="$store.asideBlocs.toggleAside('storeReview')" class=" btn btn-dark-ghost ">
Voir tous les commentaires
</button>
</div>
<div x-data="initCarouselcarousel1971618500()" x-init="init()" class="relative w-full max-w-7xl mx-auto">
<div x-ref="swiperContainer" id="carousel-1971618500" class="swiper">
<div class="swiper-wrapper lg:!transform-none lg:block lg:!columns-2 lg:!gap-4">
<div data-hash="index-carousel-1971618500-0" class="swiper-slide lg:!w-full h-auto lg:break-inside-avoid bg-dark-5 font-medium text-neutral-800 rounded-lg p-4 shadow-sm lg:mb-4">
<div class="flex justify-between items-start">
<div>
<h3 class="">Angélique</h3>
<p class="text-neutral-500 text-sm">Il y a 3 semaines</p>
</div>
<div class="flex justify-center items-center gap-1 text-sm">
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<span class="text-sm font-medium">5/5</span>
</div>
</div>
<div class="review-content relative" x-data="{ hasOverflow: false }" x-init="$nextTick(() => {
const content = $refs.content;
const lineHeight = parseInt(window.getComputedStyle(content).lineHeight);
hasOverflow = content.scrollHeight > lineHeight * 3;
})">
<p x-ref="content" class="mt-2 line-clamp-3">Lorem ipsum dolor sit amet consectetur. Accumsan nulla sed egestas id donec ultrices. Congue phasellus mauris.</p>
<template x-if="hasOverflow">
<a href="#reviews" x-data x-init="$store.asideBlocs.addAside('storeReview')" @click="$store.asideBlocs.toggleAside('storeReview')" class="is-underlined text-sm">
Lire la suite
</a>
</template>
</div>
</div>
<div data-hash="index-carousel-1971618500-1" class="swiper-slide lg:!w-full h-auto lg:break-inside-avoid bg-dark-5 font-medium text-neutral-800 rounded-lg p-4 shadow-sm lg:mb-4">
<div class="flex justify-between items-start">
<div>
<h3 class="">Bertrand</h3>
<p class="text-neutral-500 text-sm">août 2024</p>
</div>
<div class="flex justify-center items-center gap-1 text-sm">
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 50% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 100% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<span class="text-sm font-medium">3.5/5</span>
</div>
</div>
<div class="review-content relative" x-data="{ hasOverflow: false }" x-init="$nextTick(() => {
const content = $refs.content;
const lineHeight = parseInt(window.getComputedStyle(content).lineHeight);
hasOverflow = content.scrollHeight > lineHeight * 3;
})">
<p x-ref="content" class="mt-2 line-clamp-3">Auctor nisl nisl integer felis feugiat. Euismod morbi mattis diam elementum ultrices nulla tellus luctus.</p>
<template x-if="hasOverflow">
<a href="#reviews" x-data x-init="$store.asideBlocs.addAside('storeReview')" @click="$store.asideBlocs.toggleAside('storeReview')" class="is-underlined text-sm">
Lire la suite
</a>
</template>
</div>
</div>
<div data-hash="index-carousel-1971618500-2" class="swiper-slide lg:!w-full h-auto lg:break-inside-avoid bg-dark-5 font-medium text-neutral-800 rounded-lg p-4 shadow-sm lg:mb-4">
<div class="flex justify-between items-start">
<div>
<h3 class="">Cédric</h3>
<p class="text-neutral-500 text-sm">août 2024</p>
</div>
<div class="flex justify-center items-center gap-1 text-sm">
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<span class="text-sm font-medium">5/5</span>
</div>
</div>
<div class="review-content relative" x-data="{ hasOverflow: false }" x-init="$nextTick(() => {
const content = $refs.content;
const lineHeight = parseInt(window.getComputedStyle(content).lineHeight);
hasOverflow = content.scrollHeight > lineHeight * 3;
})">
<p x-ref="content" class="mt-2 line-clamp-3">Euismod morbi mattis diam elementum ultrices nulla tellus luctus.</p>
<template x-if="hasOverflow">
<a href="#reviews" x-data x-init="$store.asideBlocs.addAside('storeReview')" @click="$store.asideBlocs.toggleAside('storeReview')" class="is-underlined text-sm">
Lire la suite
</a>
</template>
</div>
</div>
<div data-hash="index-carousel-1971618500-3" class="swiper-slide lg:!w-full h-auto lg:break-inside-avoid bg-dark-5 font-medium text-neutral-800 rounded-lg p-4 shadow-sm lg:mb-4">
<div class="flex justify-between items-start">
<div>
<h3 class="">Emanuelle</h3>
<p class="text-neutral-500 text-sm">juillet 2024</p>
</div>
<div class="flex justify-center items-center gap-1 text-sm">
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<span class="text-sm font-medium">5/5</span>
</div>
</div>
<div class="review-content relative" x-data="{ hasOverflow: false }" x-init="$nextTick(() => {
const content = $refs.content;
const lineHeight = parseInt(window.getComputedStyle(content).lineHeight);
hasOverflow = content.scrollHeight > lineHeight * 3;
})">
<p x-ref="content" class="mt-2 line-clamp-3">Ultrices nam nulla tellus luctus lectus non quam.</p>
<template x-if="hasOverflow">
<a href="#reviews" x-data x-init="$store.asideBlocs.addAside('storeReview')" @click="$store.asideBlocs.toggleAside('storeReview')" class="is-underlined text-sm">
Lire la suite
</a>
</template>
</div>
</div>
<div data-hash="index-carousel-1971618500-4" class="swiper-slide lg:!w-full h-auto lg:break-inside-avoid bg-dark-5 font-medium text-neutral-800 rounded-lg p-4 shadow-sm lg:mb-4">
<div class="flex justify-between items-start">
<div>
<h3 class="">Sophie</h3>
<p class="text-neutral-500 text-sm">septembre 2024</p>
</div>
<div class="flex justify-center items-center gap-1 text-sm">
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 100% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<span class="text-sm font-medium">4/5</span>
</div>
</div>
<div class="review-content relative" x-data="{ hasOverflow: false }" x-init="$nextTick(() => {
const content = $refs.content;
const lineHeight = parseInt(window.getComputedStyle(content).lineHeight);
hasOverflow = content.scrollHeight > lineHeight * 3;
})">
<p x-ref="content" class="mt-2 line-clamp-3">Lorem ipsum dolor sit amet consectetur. Velit netus nunc at quis duis morbi. Ac congue venenatis magna pellentesque ut. Nunc porttitor posuere egestas duis venenatis lacus elit. Elit phasellus quis varius semper neque morbi commodo. Elementum volutpat donec id vitae sed. Nisl adipiscing blandit mi habitant ante.</p>
<template x-if="hasOverflow">
<a href="#reviews" x-data x-init="$store.asideBlocs.addAside('storeReview')" @click="$store.asideBlocs.toggleAside('storeReview')" class="is-underlined text-sm">
Lire la suite
</a>
</template>
</div>
</div>
<div data-hash="index-carousel-1971618500-5" class="swiper-slide lg:!w-full h-auto lg:break-inside-avoid bg-dark-5 font-medium text-neutral-800 rounded-lg p-4 shadow-sm lg:mb-4">
<div class="flex justify-between items-start">
<div>
<h3 class="">Claire</h3>
<p class="text-neutral-500 text-sm">juillet 2024</p>
</div>
<div class="flex justify-center items-center gap-1 text-sm">
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<div class="relative">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>
<div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0 0% 0 0)">
<svg class=" shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.4875L6.43769 21L12 17.9252L17.5623 21L16.5 14.4875L21 9.87539L14.7812 8.92523L12 3L9.21885 8.92523L3 9.87539L7.5 14.4875Z" fill="currentColor" />
</svg>
</div>
</div>
<span class="text-sm font-medium">5/5</span>
</div>
</div>
<div class="review-content relative" x-data="{ hasOverflow: false }" x-init="$nextTick(() => {
const content = $refs.content;
const lineHeight = parseInt(window.getComputedStyle(content).lineHeight);
hasOverflow = content.scrollHeight > lineHeight * 3;
})">
<p x-ref="content" class="mt-2 line-clamp-3">Euismod morbi mattis diam elementum ultrices nulla tellus luctus.</p>
<template x-if="hasOverflow">
<a href="#reviews" x-data x-init="$store.asideBlocs.addAside('storeReview')" @click="$store.asideBlocs.toggleAside('storeReview')" class="is-underlined text-sm">
Lire la suite
</a>
</template>
</div>
</div>
</div>
<div x-ref="pagination" class="swiper-pagination-carousel-1971618500 swiper-pagination lg:hidden swiper-light"></div>
</div>
</div>
<script>
function initCarouselcarousel1971618500() {
return {
swiper: null,
options: {
"color": "dark",
"slidesPerView": {
"mobile": 1.2,
"tablet": 2.2,
"desktop": 2.2
},
"spaceBetween": 30,
"showPagination": true,
"showNavigation": true,
"showNavigationMobile": false
},
componentId: 'carousel-1971618500',
init() {
this.$watch('$store.screen.isTablet', (isTablet) => {
if (isTablet && !this.swiper) {
this.initSwiper();
} else if (!isTablet && this.swiper) {
this.swiper.destroy(true, true);
this.swiper = null;
}
});
if (this.$store.screen.isTablet) {
this.initSwiper();
}
},
initSwiper() {
this.swiper = new Swiper(this.$refs.swiperContainer, {
slidesPerView: this.options.slidesPerView.mobile,
spaceBetween: this.options.spaceBetween,
pagination: this.options.showPagination ? {
el: '.swiper-pagination-' + this.componentId,
clickable: true,
bulletClass: 'bullet',
bulletActiveClass: 'active',
} : false,
navigation: this.options.showNavigation ? {
nextEl: '.carousel-button-next-' + this.componentId,
prevEl: '.carousel-button-prev-' + this.componentId
} : false,
hashNavigation: {
watchState: true,
},
breakpoints: {
640: {
slidesPerView: this.options.slidesPerView.tablet
}
}
});
}
};
}
</script>
</div>
</section>
</div>
</div>
</div>
</div>
</section>
<section class="container my-16">
<div class="relative bg-neutral-150 rounded-lg flex flex-wrap items-end lg:justify-between overflow-hidden">
<div class="sm:w-1/2 p-8 md:p-20 text-neutral-800 z-10 ">
<h2 class="text-3xl md:text-4xl">
Tartine et chocolat x MAGIC
</h2>
<p class="mt-4 text-xl">
Une collection exclusive pour enfants, fusionnant l’univers de la maison Tartine et Chocolat à l’ingéniosité du concept Magic !
</p>
<div class="mt-8">
<a href="#" class=" btn btn-dark ">
Découvrir la collection
</a>
</div>
</div>
<img src="/img/textImage/textimg2.png" alt="Alt" class="w-full absolute inset-0 h-full object-cover z-0">
</div>
</section>
<section class="container my-16">
<div x-data="initCarouselcarousel1000912860()" x-init="init()" class="relative w-full h-full mx-auto">
<div class="flex justify-between items-center mb-8 ">
<h2 class="text-3xl font-semibold ">Magasins à proximité</h2>
<div class="flex items-center justify-center space-x-4 ">
<a href="https://www.afflelou.com/" target="_blank" rel="noopenner noreferer" class="hidden sm:inline-flex mx-auto btn btn-dark-subtle ">
Essayer les lunettes en cabine virtuelle
</a>
<div class=" hidden sm:flex flex space-x-2">
<button type="button" class="carousel-button-prev-carousel-1000912860 before:border-none btn btn-dark-subtle btn-only-icon">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.46967 12.5303C9.17678 12.2374 9.17678 11.7626 9.46967 11.4697L13.4697 7.46967C13.7626 7.17678 14.2374 7.17678 14.5303 7.46967C14.8232 7.76256 14.8232 8.23744 14.5303 8.53033L11.0607 12L14.5303 15.4697C14.8232 15.7626 14.8232 16.2374 14.5303 16.5303C14.2374 16.8232 13.7626 16.8232 13.4697 16.5303L9.46967 12.5303Z" fill="currentColor" />
</svg>
</button>
<button type="button" class="carousel-button-next-carousel-1000912860 before:border-none btn btn-dark-subtle btn-only-icon">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5303 11.4697C14.8232 11.7626 14.8232 12.2374 14.5303 12.5303L10.5303 16.5303C10.2374 16.8232 9.76256 16.8232 9.46967 16.5303C9.17678 16.2374 9.17678 15.7626 9.46967 15.4697L12.9393 12L9.46967 8.53033C9.17678 8.23744 9.17678 7.76256 9.46967 7.46967C9.76256 7.17678 10.2374 7.17678 10.5303 7.46967L14.5303 11.4697Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<div x-ref="swiperContainer" id="carousel-1000912860" class="swiper md:h-full">
<div class="swiper-wrapper ">
<div class="swiper-slide !transform-none " data-theme="light" data-hash="index-carousel-1000912860-0">
<div class="overflow-hidden">
<img src="/img/store/productSlider.png" alt="Lunettes de vue" class="w-full object-cover aspect-square rounded-lg" />
<div class="p-6 text-neutral-800">
<h2 class="text-xl font-semibold mb-3">Lunettes de vue</h2>
<p class="text-sm">Quel que soit votre besoin, presbytie, astigmatie, myopie, nos opticiens vous accompagnent pour votre confort visuel.</p>
</div>
</div>
</div>
<div class="swiper-slide !transform-none " data-theme="light" data-hash="index-carousel-1000912860-1">
<div class="overflow-hidden">
<img src="/img/store/productSlider2.png" alt="Lentilles de Contact" class="w-full object-cover aspect-square rounded-lg" />
<div class="p-6 text-neutral-800">
<h2 class="text-xl font-semibold mb-3">Lentilles de Contact</h2>
<p class="text-sm">Nos opticiens sont aussi spécialisés dans la contactologie et sauront vous accompagner pour choisir vos lentilles.</p>
</div>
</div>
</div>
<div class="swiper-slide !transform-none " data-theme="light" data-hash="index-carousel-1000912860-2">
<div class="overflow-hidden">
<img src="/img/store/productSlider3.png" alt="Collection MAGIC et ses clips" class="w-full object-cover aspect-square rounded-lg" />
<div class="p-6 text-neutral-800">
<h2 class="text-xl font-semibold mb-3">Collection MAGIC et ses clips</h2>
<p class="text-sm">Pour le soleil, les écrans, la conduite de nuit, les films 3D, chaque moment a son Magic Clip. </p>
</div>
</div>
</div>
<div class="swiper-slide !transform-none " data-theme="light" data-hash="index-carousel-1000912860-3">
<div class="overflow-hidden">
<img src="/img/productsSlider/products13.png" alt="Lunettes anti-lumière bleue" class="w-full object-cover aspect-square rounded-lg" />
<div class="p-6 text-neutral-800">
<h2 class="text-xl font-semibold mb-3">Lunettes anti-lumière bleue</h2>
<p class="text-sm">Une multitude de formes et de coloris permettront à vos lunettes de se transformer en un clip.</p>
</div>
</div>
</div>
<div class="swiper-slide !transform-none " data-theme="light" data-hash="index-carousel-1000912860-4">
<div class="overflow-hidden">
<img src="/img/store/productSlider.png" alt="Lunettes de vue" class="w-full object-cover aspect-square rounded-lg" />
<div class="p-6 text-neutral-800">
<h2 class="text-xl font-semibold mb-3">Lunettes de vue</h2>
<p class="text-sm">Quel que soit votre besoin, presbytie, astigmatie, myopie, nos opticiens vous accompagnent pour votre confort visuel.</p>
</div>
</div>
</div>
</div>
<div class="flex sm:hidden mt-6">
<a href="https://www.afflelou.com/" target="_blank" rel="noopenner noreferer" class="mx-auto btn btn-dark-subtle ">
Essayer les lunettes en cabine virtuelle
</a>
</div>
</div>
</div>
<script>
function initCarouselcarousel1000912860() {
return {
swiper: null,
options: {
"color": "dark",
"slidesPerView": {
"mobile": 1.2,
"tablet": 3,
"desktop": 4
},
"spaceBetween": 30,
"showPagination": false,
"showNavigation": true,
"showNavigationMobile": false
},
componentId: 'carousel-1000912860',
init() {
this.initSwiper();
if (typeof this.customFunction === 'function') {
this.customFunction();
}
},
initSwiper() {
this.swiper = new Swiper(this.$refs.swiperContainer, {
slidesPerView: this.options.slidesPerView.mobile,
spaceBetween: this.options.spaceBetween,
pagination: this.options.showPagination ? {
el: '.swiper-pagination-' + this.componentId,
clickable: true,
bulletClass: 'bullet',
bulletActiveClass: 'active',
} : false,
navigation: this.options.showNavigation ? {
nextEl: '.carousel-button-next-' + this.componentId,
prevEl: '.carousel-button-prev-' + this.componentId
} : false,
hashNavigation: {
watchState: true,
},
breakpoints: {
640: {
slidesPerView: this.options.slidesPerView.tablet
},
1024: {
slidesPerView: this.options.slidesPerView.desktop
}
},
on: {
slideChange: () => this.updateSliderTheme(),
},
});
this.updateSliderTheme();
},
updateSliderTheme() {
const activeSlide = this.swiper.slides[this.swiper.activeIndex];
const theme = activeSlide.getAttribute('data-slider-theme');
this.sliderTheme = theme || 'light';
},
customFunction() {
// Custom function can be defined here and overridden outside.
}
};
}
</script>
</section>
<section class="container my-16">
<div x-data="initCarouselcarousel1295336454()" x-init="init()" class="relative w-full h-full mx-auto">
<div class="flex justify-between items-center mb-8 ">
<h2 class="text-3xl font-semibold ">Magasins à proximité</h2>
<div class="flex items-center justify-center space-x-4 ">
<div class=" hidden sm:flex flex space-x-2">
<button type="button" class="carousel-button-prev-carousel-1295336454 before:border-none btn btn-dark-subtle btn-only-icon">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.46967 12.5303C9.17678 12.2374 9.17678 11.7626 9.46967 11.4697L13.4697 7.46967C13.7626 7.17678 14.2374 7.17678 14.5303 7.46967C14.8232 7.76256 14.8232 8.23744 14.5303 8.53033L11.0607 12L14.5303 15.4697C14.8232 15.7626 14.8232 16.2374 14.5303 16.5303C14.2374 16.8232 13.7626 16.8232 13.4697 16.5303L9.46967 12.5303Z" fill="currentColor" />
</svg>
</button>
<button type="button" class="carousel-button-next-carousel-1295336454 before:border-none btn btn-dark-subtle btn-only-icon">
<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5303 11.4697C14.8232 11.7626 14.8232 12.2374 14.5303 12.5303L10.5303 16.5303C10.2374 16.8232 9.76256 16.8232 9.46967 16.5303C9.17678 16.2374 9.17678 15.7626 9.46967 15.4697L12.9393 12L9.46967 8.53033C9.17678 8.23744 9.17678 7.76256 9.46967 7.46967C9.76256 7.17678 10.2374 7.17678 10.5303 7.46967L14.5303 11.4697Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<div x-ref="swiperContainer" id="carousel-1295336454" class="swiper md:h-full">
<div class="swiper-wrapper ">
<div class="swiper-slide !transform-none " data-theme="light" data-hash="index-carousel-1295336454-0">
<div class="overflow-hidden">
<img src="/img/store/store1.png" alt="Magasin ALAIN AFFLELOU" class="w-full object-cover aspect-square rounded-lg" />
<div class="p-4">
<address class="text-neutral-800 font-medium not-italic mb-2">
59 boulevard Jean Jaurès<br>
92110, Clichy
</address>
<div class="flex items-center gap-2 text-sm text-neutral-800">
<span class="text-green-600 font-medium">Ouvert</span>
<span class="">· Ferme à 19:00</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide !transform-none " data-theme="light" data-hash="index-carousel-1295336454-1">
<div class="overflow-hidden">
<img src="/img/store/store2.png" alt="Magasin ALAIN AFFLELOU" class="w-full object-cover aspect-square rounded-lg" />
<div class="p-4">
<address class="text-neutral-800 font-medium not-italic mb-2">
59 boulevard Jean Jaurès<br>
92110, Clichy
</address>
<div class="flex items-center gap-2 text-sm text-neutral-800">
<span class="text-green-600 font-medium">Ouvert</span>
<span class="">· Ferme à 19:00</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide !transform-none " data-theme="light" data-hash="index-carousel-1295336454-2">
<div class="overflow-hidden">
<img src="/img/store/store3.png" alt="Magasin ALAIN AFFLELOU" class="w-full object-cover aspect-square rounded-lg" />
<div class="p-4">
<address class="text-neutral-800 font-medium not-italic mb-2">
59 boulevard Jean Jaurès<br>
92110, Clichy
</address>
<div class="flex items-center gap-2 text-sm text-neutral-800">
<span class="text-green-600 font-medium">Ouvert</span>
<span class="">· Ferme à 19:00</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide !transform-none " data-theme="light" data-hash="index-carousel-1295336454-3">
<div class="overflow-hidden">
<img src="/img/store/store4.png" alt="Magasin ALAIN AFFLELOU" class="w-full object-cover aspect-square rounded-lg" />
<div class="p-4">
<address class="text-neutral-800 font-medium not-italic mb-2">
59 boulevard Jean Jaurès<br>
92110, Clichy
</address>
<div class="flex items-center gap-2 text-sm text-neutral-800">
<span class="text-green-600 font-medium">Ouvert</span>
<span class="">· Ferme à 19:00</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide !transform-none " data-theme="light" data-hash="index-carousel-1295336454-4">
<div class="overflow-hidden">
<img src="/img/store/store1.png" alt="Magasin ALAIN AFFLELOU" class="w-full object-cover aspect-square rounded-lg" />
<div class="p-4">
<address class="text-neutral-800 font-medium not-italic mb-2">
59 boulevard Jean Jaurès<br>
92110, Clichy
</address>
<div class="flex items-center gap-2 text-sm text-neutral-800">
<span class="text-green-600 font-medium">Ouvert</span>
<span class="">· Ferme à 19:00</span>
</div>
</div>
</div>
</div>
</div>
<div class="flex sm:hidden mt-6">
<a href="https://www.afflelou.com/" target="_blank" rel="noopenner noreferer" class="mx-auto btn btn-dark-subtle ">
Voir toute la collection
</a>
</div>
</div>
</div>
<script>
function initCarouselcarousel1295336454() {
return {
swiper: null,
options: {
"color": "dark",
"slidesPerView": {
"mobile": 1.2,
"tablet": 3,
"desktop": 4
},
"spaceBetween": 30,
"showPagination": false,
"showNavigation": true,
"showNavigationMobile": false
},
componentId: 'carousel-1295336454',
init() {
this.initSwiper();
if (typeof this.customFunction === 'function') {
this.customFunction();
}
},
initSwiper() {
this.swiper = new Swiper(this.$refs.swiperContainer, {
slidesPerView: this.options.slidesPerView.mobile,
spaceBetween: this.options.spaceBetween,
pagination: this.options.showPagination ? {
el: '.swiper-pagination-' + this.componentId,
clickable: true,
bulletClass: 'bullet',
bulletActiveClass: 'active',
} : false,
navigation: this.options.showNavigation ? {
nextEl: '.carousel-button-next-' + this.componentId,
prevEl: '.carousel-button-prev-' + this.componentId
} : false,
hashNavigation: {
watchState: true,
},
breakpoints: {
640: {
slidesPerView: this.options.slidesPerView.tablet
},
1024: {
slidesPerView: this.options.slidesPerView.desktop
}
},
on: {
slideChange: () => this.updateSliderTheme(),
},
});
this.updateSliderTheme();
},
updateSliderTheme() {
const activeSlide = this.swiper.slides[this.swiper.activeIndex];
const theme = activeSlide.getAttribute('data-slider-theme');
this.sliderTheme = theme || 'light';
},
customFunction() {
// Custom function can be defined here and overridden outside.
}
};
}
</script>
</section>
<section class="container my-16 text-neutral-800 font-medium">
<div class="text-neutral-600 flex flex-col gap-2">
<h2 class="font-semibold">Le mot de l’équipe</h2>
<p>Chez Alain Afflelou Opticien et Acousticien à PARIS, vous trouverez des lunettes de vue, lunettes de soleil et lentilles de contact sans oublier les accessoires qui permettent de bien les entretenir. Vous avez également la possibilité de faire tester votre audition en magasin.
Alain Afflelou Opticien et Acousticien à PARIS met à votre disposition une multitude de marques... Nos montures allient le confort, la légèreté et le style.Vous retrouverez aussi les nouveautés des collections Afflelou. Les opticiens-acousticiens du magasin vous guideront avec bienveillance et professionnalisme vers le modèle qui vous convient le mieux.
L’entretien et l’ajustement de votre appareil auditif est un élément important pour votre ouïe. Chez Alain Afflelou Opticien et Acousticien, bénéficiez d’un suivi illimité et régulier de votre appareil.
Notre équipe d’opticiens-acousticiens à PARIS est à votre disposition, avec ou sans rendez-vous.</p>
</div>
</section>
<section class="container my-16">
{% render "@store-all" %}
</section>
<section class="container my-16">
{% render "@textimage" with {
isFullImageBackground: true,
title: 'Tartine et chocolat x MAGIC',
description: 'Une collection exclusive pour enfants, fusionnant l’univers de la maison Tartine et Chocolat à l’ingéniosité du concept Magic !',
buttonText: 'Découvrir la collection',
buttonUrl: '#',
buttonColor: 'dark',
image: {
src: '/img/textImage/textimg2.png',
alt: 'Alt'
}
} %}
</section>
<section class="container my-16">
{% render "@carousel--store-product-carousel" %}
</section>
<section class="container my-16">
{% render "@carousel--store-carousel" %}
</section>
<section class="container my-16 text-neutral-800 font-medium">
{% render "@seo-paragraph" with SEO %}
</section>
{
"SEO": {
"title": "Le mot de l’équipe",
"text": "Chez Alain Afflelou Opticien et Acousticien à PARIS, vous trouverez des lunettes de vue, lunettes de soleil et lentilles de contact sans oublier les accessoires qui permettent de bien les entretenir. Vous avez également la possibilité de faire tester votre audition en magasin.\n\n Alain Afflelou Opticien et Acousticien à PARIS met à votre disposition une multitude de marques... Nos montures allient le confort, la légèreté et le style.Vous retrouverez aussi les nouveautés des collections Afflelou. Les opticiens-acousticiens du magasin vous guideront avec bienveillance et professionnalisme vers le modèle qui vous convient le mieux.\n L’entretien et l’ajustement de votre appareil auditif est un élément important pour votre ouïe. Chez Alain Afflelou Opticien et Acousticien, bénéficiez d’un suivi illimité et régulier de votre appareil.\n\n Notre équipe d’opticiens-acousticiens à PARIS est à votre disposition, avec ou sans rendez-vous."
}
}
No notes defined.