1<!DOCTYPE html><html lang="fr"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/__l5e/assets-v1/6b825c65-587d-4959-a5d4-eba11c6f00bb/fruitop-logo.svg"/><link rel="preload" as="image" href="/__l5e/assets-v1/3a6ddd90-cea3-4713-b311-4a4673eec11e/hero-berries.jpg" fetchPriority="high"/><link rel="preload" as="image" href="/__l5e/assets-v1/c809206e-043f-41b5-ba59-85220cc2acfc/cheeseop-logo-v5.png"/><link rel="preload" as="image" href="/__l5e/assets-v1/fd1967c5-0891-4d8f-8f7a-e6ea084a7d50/shop-interior-04.jpg"/><link rel="preload" as="image" href="/__l5e/assets-v1/dd0689a1-084b-4858-99d5-de9bf2ae1dc6/produce-pineapples.jpg"/><link rel="preload" as="image" href="/__l5e/assets-v1/89d6cd99-9a32-4f97-ae8a-4e96f91aaedf/produce-tomatoes.jpg"/><link rel="preload" as="image" href="/__l5e/assets-v1/b71c0575-51ca-4dbe-9d13-30d5248368a6/detail-fruit-macro.jpg"/><link rel="preload" as="image" href="/__l5e/assets-v1/41cc6901-3f4c-4a7e-bd7e-c096f064dcdc/fruitop-logo-white.svg"/><link rel="stylesheet" href="/assets/styles-CVR21IZf.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,[email protected],400;9..144,500;9..144,600;9..144,700&
1family=Inter:wght@300;400;500;600;700&display=swap" data-precedence="default"/><title>Fruit'Op â Primeur, fromagerie & Horeca à Mons depuis 2008</title><meta name="author" content="Fruit'Op"/><meta name="twitter:site" content="@Lovable"/><meta name="description" content="Maison familiale à Mons : fruits & légumes de saison, fromagerie Cheese'Op et livraison Horeca. Rue des Archers 45, 7000 Mons."/><meta property="og:title" content="Fruit'Op â Le goût du frais, à Mons depuis 2008"/><meta property="og:description" content="Primeur, fromagerie Cheese'Op et service Horeca. Une maison familiale, 4 générations de commerçants."/><meta property="og:url" content="https://fruitop.lovable.app/"/><meta property="og:image" content="https://fruitop.lovable.app/og-fruitop-home.jpg"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Fruit'Op â Le goût du frais, à Mons depuis 2008"/><meta name="twitter:description" content="Primeur, fromagerie Cheese'Op et service Horeca. Une maison familiale, 4 générations de commerçants."/><meta name="twitter:image" content="https://fruitop.lovable.app/og-fruitop-home.jpg"/><link rel="modulepreload" href="/assets/index-BRqmn3ql.js"/><link rel="modulepreload" href="/assets/routes-CMzqFRYf.js"/><link rel="modulepreload" href="/assets/Footer-BY1GomQ7.js"/><link rel="icon" type="image/svg+xml" href="/favicon.svg"/><link rel="icon" type="image/png" href="/favicon.png"/><link rel="apple-touch-icon" href="/favicon.png"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="preload" as="image" href="/__l5e/assets-v1/3a6ddd90-cea3-4713-b311-4a4673eec11e/hero-berries.jpg" fetchPriority="high"/><link rel="canonical" href="https://fruitop.lovable.app/"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"LocalBusiness","@id":"https://fruitop.lovable.app/#localbusiness","name":"Fruit'Op","description":"Primeur, fromagerie Cheese'Op et service Horeca. Maison familiale à Mons depuis 2008.","url":"https://fruitop.lovable.app","telephone":"+3265318412","address":{"@type":"PostalAddress","streetAddress":"Rue des Archers 45","addressLocality":"Mons","postalCode":"7000","addressCountry":"BE"},"hasMap":"https://www.google.com/maps?q=Rue+des+Archers+45,+7000+Mons,+Belgique","openingHours":["Mo 09:00-18:30","We 09:00-18:30","Th 09:00-18:30","Fr 09:00-18:30","Sa 09:00-13:00"]}</script>
1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
1<script defer src="/__l5e/events.1718a1eacac7ff3a.js" data-artifact-kind="dwl_content_hash" data-artifact-id="246ebe16be8753c4030b383cd28eef12285033c696d03acd3e2d224f3a9d405d" data-commit-sha="cf5eaeb99caf286b9285e61754e01d04aca0ada9" data-context-token="v1.eyJwcm9qZWN0X2lkIjoibG92cF8wYjRjcXZ6emMxOGtqdmg4OXd4OWpqYmU4ayIsImFydGlmYWN0X2tpbmQiOiJkd2xfY29udGVudF9oYXNoIiwiYXJ0aWZhY3RfaWQiOiIyNDZlYmUxNmJlODc1M2M0MDMwYjM4M2NkMjhlZWYxMjI4NTAzM2M2OTZkMDNhY2QzZTJkMjI0ZjNhOWQ0MDVkIiwiY29tbWl0X3NoYSI6ImNmNWVhZWI5OWNhZjI4NmI5Mjg1ZTYxNzU0ZTAxZDA0YWNhMGFkYTkiLCJleHAiOjE3OTQxNzUyNzJ9.296nFIflgfFYG0KvAmwyGawqfT-MBvyDcy-N-_CIji4"></script>
1</head><body><!--$--><main class="relative bg-background text-foreground"><header class="fixed inset-x-0 top-0 z-50 transition-all duration-500 bg-gradient-to-b from-paper/70 to-transparent"><div class="mx-auto flex max-w-7xl items-center justify-between px-6 py-4 lg:px-10"><a href="/" aria-label="fruitOp! â accueil" class="block h-10 lg:h-12"><img src="/__l5e/assets-v1/6b825c65-587d-4959-a5d4-eba11c6f00bb/fruitop-logo.svg" alt="fruitOp!" class="block h-full w-auto object-contain " draggable="false"/></a><nav class="hidden items-center gap-8 lg:flex"><a href="/#magasin" class="group relative text-sm font-medium text-ink/80 transition-colors hover:text-brand-purple">Le Magasin<span class="absolute -bottom-1 left-0 h-[2px] w-0 bg-brand-green transition-all duration-300 group-hover:w-full"></span></a><a href="/#cheeseop" class="group relative text-sm font-medium text-ink/80 transition-colors hover:text-brand-purple">Cheese'Op<span class="absolute -bottom-1 left-0 h-[2px] w-0 bg-brand-green transition-all duration-300 group-hover:w-full"></span></a><a href="/#horeca" class="group relative text-sm font-medium text-ink/80 transition-colors hover:text-brand-purple">Horeca<span class="absolute -bottom-1 left-0 h-[2px] w-0 bg-brand-green transition-all duration-300 group-hover:w-full"></span></a><a href="/#corbeilles" class="group relative text-sm font-medium text-ink/80 transition-colors hover:text-brand-purple">Corbeilles<span class="absolute -bottom-1 left-0 h-[2px] w-0 bg-brand-green transition-all duration-300 group-hover:w-full"></span></a><a href="/#maison" class="group relative text-sm font-medium text-ink/80 transition-colors hover:text-brand-purple">La Maison<span class="absolute -bottom-1 left-0 h-[2px] w-0 bg-brand-green transition-all duration-300 group-hover:w-full"></span></a><a href="/#contact" class="group relative text-sm font-medium text-ink/80 transition-colors hover:text-brand-purple">Contact<span class="absolute -bottom-1 left-0 h-[2px] w-0 bg-brand-green transition-all duration-300 group-hover:w-full"></span></a></nav><a href="tel:+3265318412" class="hidden rounded-full bg-brand-purple px-5 py-2.5 text-sm font-semibold text-white shadow-sm transition-all hover:bg-deep-purple hover:shadow-md lg:inline-flex">Nous appeler</a><button aria-label="Menu" class="lg:hidden p-2"><span class="block h-0.5 w-6 bg-brand-purple"></span><span class="mt-1.5 block h-0.5 w-6 bg-brand-green"></span><span class="mt-1.5 block h-0.5 w-6 bg-brand-purple"></span></button></div></header><section id="top" class="relative h-[100svh] w-full overflow-hidden bg-paper"><div class="absolute inset-0" style="opacity:0;transform:scale(1.15)"><img src="/__l5e/assets-v1/3a6ddd90-cea3-4713-b311-4a4673eec11e/hero-berries.jpg" alt="Cagettes de myrtilles et framboises chez Fruit'Op" width="2200" height="1466" fetchPriority="high" class="h-full w-full object-cover [filter:saturate(1.15)_contrast(1.05)]"/><div class="absolute inset-0 bg-gradient-to-tr from-black/75 via-black/25 to-transparent"></div><div class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-[#1a0a2e]/70 via-black/20 to-transparent"></div></div><div class="relative z-10 mx-auto flex h-full max-w-7xl flex-col justify-end px-6 pb-24 lg:px-10 lg:pb-32" style="opacity:1"><p class="mb-6 inline-flex w-fit items-center gap-3 rounded-full bg-white/15 px-4 py-1.5 text-[11px] font-semibold uppercase tracking-[0.25em] text-white backdrop-blur-md ring-1 ring-white/25" style="opacity:0;transform:translateY(20px)"><span class="h-1.5 w-1.5 rounded-full bg-brand-green"></span>Primeur · Fromagerie · Horeca · Mons</p><h1 class="font-brand font-extrabold leading-[0.95] text-white text-[clamp(3.5rem,11vw,9rem)] tracking-tight drop-shadow-[0_2px_24px_rgba(0,0,0,0.35)]" style="opacity:0;transform:translateY(40px)"><span class="text-brand-green">fruit</span><span class="text-white">Op</span><span class="text-brand-green">!</span><span class="mt-4 block font-display text-[clamp(1rem,2.5vw,1.75rem)] font-normal not-italic tracking-normal text-white/90">Primeur, fromagerie & Horeca à Mons</span></h1><p class="mt-6 max-w-xl font-display text-xl italic text-white lg:text-2xl drop-shadow-[0_2px_18px_rgba(0,0,0,0.6)]" style="opacity:0;transform:translateY(20px)">Le goût du frais, à Mons depuis 2008.</p><p class="mt-4 max-w-lg text-base text-white/90 drop-shadow-[0_2px_14px_rgba(0,0,0,0.55)]" style="opacity:0;transform:translateY(20px)">Une maison familiale : un primeur de saison, une fromagerie, une épicerie fine et un service Horeca livré chaque jour.</p><div class="mt-10 flex flex-wrap gap-4" style="opacity:0;transform:translateY(20px)"><a href="#magasin" class="rounded-full bg-brand-purple px-7 py-3.5 text-sm font-semibold text-white shadow-xl shadow-black/40 ring-1 ring-white/10 transition-all duration-300 ease-[
1cubic-bezier(0.22,1,0.36,1)] hover:bg-deep-purple hover:-translate-y-0.5 hover:shadow-2xl">Visiter le magasin</a><a href="#horeca" class="rounded-full border-2 border-white/80 bg-white/10 px-7 py-[13px] text-sm font-semibold text-white shadow-lg shadow-black/30 backdrop-blur-md transition-all duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] hover:-translate-y-0.5 hover:border-brand-green hover:bg-brand-green hover:text-ink">Service Horeca</a></div></div><div class="absolute bottom-8 left-1/2 z-10 -translate-x-1/2" style="opacity:0"><div class="flex flex-col items-center gap-2 text-white/75"><span class="text-[10px] uppercase tracking-[0.3em]">Scroll</span><div class="h-10 w-px bg-gradient-to-b from-brand-green to-transparent"></div></div></div></section><section class="relative overflow-hidden bg-paper-warm py-20 md:py-28"><div class="relative mx-auto max-w-5xl px-6 text-center lg:px-10"><div class="" style="opacity:0;transform:translateY(30px)"><p class="mb-6 text-xs font-semibold uppercase tracking-[0.4em] text-brand-green">Manifeste</p></div><div class="" style="opacity:0;transform:translateY(30px)"><h2 class="font-display text-[clamp(2rem,5vw,4rem)] leading-tight text-brand-purple">Choisir, goûter, conseiller.<span class="block italic text-ink/80">Faire du frais un plaisir.</span></h2></div><div class="" style="opacity:0;transform:translateY(30px)"><p class="mx-auto mt-8 max-w-2xl text-lg text-ink/75">Chez FruitOp!, chaque caisse est choisie à la main, chaque fromage est sélectionné et affiné avec soin, chaque commande livrée avec la même exigence. Nous restons, et resterons, une petite entreprise familiale.</p></div><div class="" style="opacity:0;transform:translateY(30px)"><div class="mt-12 grid grid-cols-3 gap-6 border-t border-border pt-10"><div><div class="font-display text-3xl text-brand-purple lg:text-5xl">2008</div><div class="mt-2 text-xs uppercase tracking-[0.2em] text-ink/60">Depuis</div></div><div><div class="font-display text-3xl text-brand-purple lg:text-5xl">4</div><div class="mt-2 text-xs uppercase tracking-[0.2em] text-ink/60">Générations</div></div><div><div class="font-display text-3xl text-brand-purple lg:text-5xl">Mons</div><div class="mt-2 text-xs uppercase tracking-[0.2em] text-ink/60">Belgique</div></div></div></div></div></section><section id="magasin" class="relative h-[100svh] min-h-[640px] w-full overflow-hidden"><div class="absolute inset-0" style="transform:translateY(-6%) scale(1.15)"><img src="/__l5e/assets-v1/0f26caf9-7f24-4d2a-a3ef-63b7e839bb9b/shop-interior-01.jpg" alt="Intérieur du magasin Fruit'Op à Mons, étals de fruits et légumes" loading="lazy" class="h-full w-full object-cover"/><div class="absolute inset-0 bg-black/25"></div><div class="absolute inset-0 bg-gradient-to-r from-black/80 via-black/50 to-transparent"></div><div class="absolute inset-0 bg-gradient-to-t from-[#1a0a2e]/70 via-black/20 to-transparent"></div></div><div class="relative z-10 mx-auto flex h-full max-w-7xl items-center px-6 lg:px-10"><div class="max-w-xl " style="opacity:0;transform:translateY(40px)"><p class="mb-5 inline-flex items-center gap-3 text-[11px] font-semibold uppercase tracking-[0.3em] text-brand-green"><span class="h-1.5 w-1.5 rounded-full bg-brand-green"></span>Univers I · Primeur</p><h2 class="font-display text-[clamp(2.5rem,6vw,5rem)] leading-[1] text-white drop-shadow-[0_2px_24px_rgba(0,0,0,0.45)]">Le Magasin Fruit'Op</h2><p class="mt-6 text-lg leading-relaxed text-white/90 drop-shadow-[0_2px_14px_rgba(0,0,0,0.55)]">Fruits et légumes de saison dans une sélection de premier choix, variétés rares et anciennes, fruits exotiques, fruits secs, corbeilles sur commande. L'étal change chaque matin â venez voir ce que la saison nous offre.</p><a href="#contact" class="mt-10 inline-flex items-center gap-3 text-sm font-semibold uppercase tracking-[0.22em] transition-all hover:gap-5 text-white hover:text-brand-green"><span class="h-px w-10 bg-brand-green"></span>Venir au magasin</a></div></div></section><section class="relative bg-background py-16 md:py-20"><div class="mx-auto max-w-7xl px-6 lg:px-10"><div class="" style="opacity:0;transform:translateY(30px)"><p class="mb-5 text-xs font-semibold uppercase tracking-[0.4em] text-brand-green">Dans nos murs</p></div><div class="" style="opacity:0;transform:translateY(30px)"><h3 class="max-w-2xl font-display text-[clamp(1.5rem,3vw,2.25rem)] leading-[1.1] text-brand-purple">Rue des Archers, l'étal s'
1allume dès l'aube.</h3></div><div class="mt-12 grid gap-4 md:grid-cols-3"><div class="group relative aspect-[4/5] overflow-hidden rounded-md" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/db3d44ff-bc78-43e0-96b5-4d5a0d242480/bari-tomatoes.jpg" alt="Cagettes de tomates anciennes multicolores sur paille" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-background/60 via-transparent to-transparent transition-opacity duration-500 group-hover:opacity-40"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-gold/0 transition-all duration-500 group-hover:ring-1 group-hover:ring-gold/40"></div></div><div class="group relative aspect-[4/5] overflow-hidden rounded-md" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/96e92cdc-92a1-4cd7-b3d6-3f9d316d21a6/bari-halls.jpg" alt="Sélection des fruits aux halles, au petit matin" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-background/60 via-trans
1parent to-transparent transition-opacity duration-500 group-hover:opacity-40"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-gold/0 transition-all duration-500 group-hover:ring-1 group-hover:ring-gold/40"></div></div><div class="group relative aspect-[4/5] overflow-hidden rounded-md" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/2853a9ab-a016-4e4a-8830-2280d2964cf1/cheese-mozzarella-hand.jpg" alt="Mozzarella di bufala Mozzi tenue en main devant le comptoir Cheese'Op" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-background/60 via-transparent to-transparent transition-opacity duration-500 group-hover:opacity-40"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-gold/0 transition-all duration-500 group-hover:ring-1 group-hover:ring-gold/40"></div></div></div></div></section><section id="cheeseop" class="relative h-[100svh] min-h-[640px] w-full overflow-hidden"><div class="absolute inset-0" style="transform:translateY(-6%) scale(1.15)"><img src="/__l5e/assets-v1/3aa30dd5-91f2-4904-8917-da8eca57c7c4/cheese-display-counter.jpg" alt="Comptoir de fromages affinés Cheese'Op : camemberts, chèvres et spécialités" loading="lazy" class="h-full w-full object-cover"/><div class="absolute inset-0 bg-gradient-to-l from-cheese-blue via-cheese-blue/85 to-cheese-blue/10"></div><div class="absolute inset-0 bg-gradient-to-t from-cheese-blue/90 via-cheese-blue/20 to-transparent"></div></div><div class="relative z-10 mx-auto flex h-full max-w-7xl items-center px-6 lg:px-10"><div class="max-w-xl ml-auto text-right" style="opacity:0;transform:translateY(40px)"><p class="mb-5 inline-flex items-center gap-3 text-[11px] font-semibold uppercase tracking-[0.3em] text-cheese-yellow"><span class="h-1.5 w-1.5 rounded-full bg-cheese-yellow"></span>Univers II · Fromagerie</p><h2 class="font-display text-[clamp(2.5rem,6vw,5rem)] leading-[1] text-cheese-yellow">Cheese'Op</h2><p class="mt-6 text-lg leading-relaxed text-paper/85">Au cÅur du magasin, notre fromagerie et épicerie fine. Fromages affinés, classiques signés ou trouvailles d'artisans â pour vos plateaux, vos repas, vos cadeaux.</p><a href="#contact" class="mt-10 inline-flex items-center gap-3 text-sm font-semibold uppercase tracking-[0.22em] transition-all hover:gap-5 text-cheese-yellow"><span class="h-px w-10 bg-cheese-yellow"></span>Découvrir la fromagerie</a><p class="mt-4 font-display italic text-paper/70"><span class="text-cheese-yellow">cheese</span><span class="text-cheese-yellow">â</span><span class="text-cheese-yellow">Op!</span></p></div></div></section><section class="relative overflow-hidden bg-cheese-blue py-20 md:py-28"><div class="pointer-events-none absolute inset-0 bg-[radial-gradient(ellipse_at_top_right,_var(--cheese-yellow)_0%,_transparent_55%)] opacity-10"></div><div class="pointer-events-none absolute inset-0 bg-[radial-gradient(ellipse_at_bottom_left,_white_0%,_transparent_50%)] opacity-5"></div><div class="relative mx-auto max-w-7xl px-6 lg:px-10"><div class="grid items-end gap-10 lg:grid-cols-12"><div class="lg:col-span-5"><div class="" style="opacity:0;transform:translateY(30px)"><div class="mb-6 h-12"><img src="/__l5e/assets-v1/c809206e-043f-41b5-ba59-85220cc2acfc/cheeseop-logo-v5.png" alt="cheese'Op!" class="block h-full w-auto object-contain " draggable="false"/></div></div><div class="" style="opacity:0;transform:translateY(30px)"><p class="mb-5 inline-flex items-center gap-3 text-[11px] font-semibold uppercase tracking-[0.3em] text-cheese-yellow"><span class="h-1.5 w-1.5 rounded-full bg-cheese-yellow"></span>La fromagerie et épicerie fine</p></div><div class="" style="opacity:0;transform:translateY(30px)"><h2 class="font-display text-[clamp(2rem,4.5vw,3.5rem)] leading-[1.05] text-paper">Une vitrine de<span class="block italic text-cheese-yellow">caractères affinés.</span></h2></div><div class="" style="opacity:0;transform:translateY(30px)"><p class="mt-6 text-lg leading-relaxed text-paper/85">Au cÅur du magasin, CheeseâOp réunit nos coups de cÅur sélectionnés par Stéphanie notre fromagère : fromages affinés, AOP, trouvailles dâartisans et toute une épicerie fine pour accompagner le plateau, confitures, miels, condiments, douceurs.</p></div><div class="" style="opacity:0;transform:translateY(30px)">
1<a href="#contact" class="mt-8 inline-flex items-center gap-3 rounded-full bg-cheese-yellow px-6 py-3 text-sm font-semibold text-cheese-blue transition-all hover:-translate-y-0.5 hover:shadow-lg">Commander un plateau<span>â</span></a></div></div><div class="grid grid-cols-2 gap-3 sm:grid-cols-3 sm:gap-4 lg:col-span-7"><div class="group relative aspect-[3/4] overflow-hidden rounded-lg shadow-xl shadow-black/20 lg:translate-y-6 " style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/61fd6968-551b-4442-9bda-dd264893d10e/cheese-counter.jpg" alt="Sélection de fromages affinés au comptoir Cheese'Op" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-cheese-blue/85 via-cheese-blue/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 bg-cheese-yellow/0 mix-blend-overlay transition-colors duration-500 group-hover:bg-cheese-yellow/25"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-cheese-yellow/0 transition-all duration-500 group-hover:ring-2 group-hover:ring-cheese-yellow/60"></div><span class="absolute bottom-4 left-4 right-4 font-display text-base text-paper lg:text-lg">Affinés sélectionnés</span></div><div class="group relative aspect-[3/4] overflow-hidden rounded-lg shadow-xl shadow-black/20 " style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/1fefe10e-93a5-496f-b6b2-5681236061a6/cheese-display.jpg" alt="Fromage à croûte fleurie en vitrine Cheese'Op" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-cheese-blue/85 via-cheese-blue/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 bg-cheese-yellow/0 mix-blend-overlay transition-colors duration-500 group-hover:bg-cheese-yellow/25"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-cheese-yellow/0 transition-all duration-500 group-hover:ring-2 group-hover:ring-cheese-yellow/60"></div><span class="absolute bottom-4 left-4 right-4 font-display text-base text-paper lg:text-lg">Plateaux sur commande</span></div><div class="group relative aspect-[3/4] overflow-hidden rounded-lg shadow-xl shadow-black/20 lg:translate-y-10 col-span-2 sm:col-span-1" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/21cf894d-69e7-4fc1-a03e-ca6b5d95afc2/epicerie-shelves.jpg" alt="Ãtagère d'épicerie fine Fruit'Op : bocaux et condiments" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-cheese-blue/85 via-cheese-blue/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 bg-cheese-yellow/0 mix-blend-overlay transition-colors duration-500 group-hover:bg-cheese-yellow/25"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-cheese-yellow/0 transition-all duration-500 group-hover:ring-2 group-hover:ring-cheese-yellow/60"></div><span class="absolute bottom-4 left-4 right-4 font-display text-base text-paper lg:text-lg">Ãpicerie fine</span></div></div></div></div></section><section id="horeca" class="relative h-[100svh] min-h-[640px] w-full overflow-hidden"><div class="absolute inset-0" style="transform:translateY(-6%) scale(1.15)"><img src="/__l5e/assets-v1/6621f69f-64c0-45db-9263-f2298f7d40bf/b2b-team-truck.jpg" alt="Chauffeur Fruit'Op devant le camion de livraison Horeca" loading="lazy" class="h-full w-full object-cover"/><div class="absolute inset-0 bg-black/25"></div><div class="absolute inset-0 bg-gradient-to-r from-black/80 via-black/50 to-transparent"></div><div class="absolute inset-0 bg-gradient-to-t from-[#1a0a2e]/70 via-black/20 to-transparent"></div></div><div class="relative z-10 mx-auto flex h-full max-w-7xl items-center px-6 lg:px-10"><div class="max-w-xl " style="opacity:0;transform:translateY(40px)"><p class="mb-5 inline-flex items-center gap-3 text-[11px] font-semibold uppercase tracking-[0.3em] text-brand-green"><span class="h-1.5 w-1.5 rounded-full bg-brand-green"></span>Univers III · B2B</p><h2 class="font-display text-[clamp(2.5rem,6vw,5rem)] leading-[1] text-white drop-shadow-[0_2px_24px_rgba(0,0,0,0.45)]">Service Horeca</h2><p class="mt-6 text-lg leading-relaxed text-white/90 drop-shadow-[0_2px_14px_rgba(0,0,0,0.55)]">Livraison de fruits et légumes frais aux restaurants, brasseries et collectivités de la région. Qualité, fraîcheur, fiabilité, et le même Åil exigeant que sur lâétal.<br/><br/>Suivi personnalisé de vos commandes pour que vous receviez votre marchandise à temps et dâune qualité irréproch
1able !<br/><br/>Vous souhaitez proposer des fruits, légumes et primeurs de qualité à vos clients ? Nous chercherons les pépites du marché pour vous et nous nous adapterons à votre cahier des charges.</p><a href="#contact" class="mt-10 inline-flex items-center gap-3 text-sm font-semibold uppercase tracking-[0.22em] transition-all hover:gap-5 text-white hover:text-brand-green"><span class="h-px w-10 bg-brand-green"></span>Devenir client pro</a></div></div></section><section class="relative overflow-hidden bg-background py-20 md:py-28"><div class="mx-auto max-w-7xl px-6 lg:px-10"><div class="grid items-start gap-12 lg:grid-cols-12 lg:gap-14"><div class="flex items-end lg:col-span-5"><div class="overflow-hidden rounded-md" style="opacity:0;transform:translateY(30px)"><div class="relative mx-auto aspect-[3/4] w-full max-w-xs"><iframe src="https://www.youtube.com/embed/PlsahhZMCEA" title="Vidéo fruitOp!" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen="" class="absolute inset-0 h-full w-full border-0"></iframe></div></div></div><div class="lg:col-span-7 lg:pt-4"><div class="" style="opacity:0;transform:translateY(30px)"><p class="mb-5 text-xs font-semibold uppercase tracking-[0.4em] text-brand-green">Horeca · B2B</p></div><div class="" style="opacity:0;transform:translateY(30px)"><h2 class="font-display text-[clamp(2rem,4.5vw,3.5rem)] leading-[1.05] text-brand-purple">Vos cuisines,<span class="block italic text-ink/80">livrées au plus frais.</span></h2></div><div class="" style="opacity:0;transform:translateY(30px)"><p class="mt-6 text-lg leading-relaxed text-ink/80"><strong class="text-brand-purple">Spécialiste dans la région montoise depuis 2008</strong>, avec la rigueur dâun primeur et la souplesse dâune maison familiale.</p></div><ul class="mt-10 space-y-6"><div class="" style="opacity:0;transform:translateY(30px)"><li class="border-l-2 border-brand-green pl-5"><p class="font-display text-lg text-brand-purple">Livraison fiable, chaque jour</p><p class="mt-1.5 text-sm leading-relaxed text-ink/70">Une logistique rodée et des tournées tenues. Vos cuisines reçoivent à l'heure, sans surprise.</p></li></div><div class="" style="opacity:0;transform:translateY(30px)"><li class="border-l-2 border-brand-green pl-5"><p class="font-display text-lg text-brand-purple">Frais sélectionné au quotidien</p><p class="mt-1.5 text-sm leading-relaxed text-ink/70">Sélection au marché, arrivages quotidiens, livré au plus frais â la même exigence qu'à l'étal.</p></li></div><div class="" style="opacity:0;transform:translateY(30px)"><li class="border-l-2 border-brand-green pl-5"><p class="font-display text-lg text-brand-purple">Un interlocuteur dédié</p><p class="mt-1.5 text-sm leading-relaxed text-ink/70">Un seul contact, qui connaît votre carte, vos contraintes et vos pics. On appelle, on s'arrange, on livre.</p></li></div></ul><div class="" style="opacity:0;transform:translateY(30px)"><div class="mt-10 flex flex-wrap items-center gap-5"><a href="#contact" class="inline-flex items-center gap-3 rounded-full bg-brand-purple px-7 py-3.5 text-sm font-semibold text-white shadow-md transition-all hover:-translate-y-0.5 hover:bg-deep-purple hover:shadow-lg">Devenir client pro</a><a href="tel:+3265318412" class="text-xs font-semibold uppercase tracking-[0.25em] text-ink/70 transition-colors hover:text-brand-purple">ou 065 31 84 12</a></div></div></div></div><div class="mt-20 grid gap-6 lg:grid-cols-2"><div class="" style="opacity:0;transform:translateY(30px)"><div class="h-full rounded-lg border border-border bg-card p-7 transition-all duration-500 hover:-translate-y-1 hover:border-brand-purple hover:shadow-[0_24px_50px_-30px_rgba(110,41,142,0.4)]"><p class="text-xs font-semibold uppercase tracking-[0.3em] text-brand-green">Pour qui</p><h3 class="mt-3 font-display text-2xl text-brand-purple">Pros de la table & collectivités</h3><ul class="mt-4 space-y-2"><li class="flex items-center gap-2 text-sm text-ink/80"><span class="inline-block h-1.5 w-1.5 rounded-full bg-brand-green"></span>Restaurants</li><li class="flex items-center gap-2 text-sm text-ink/80"><span class="inline-block h-1.5 w-1.5 rounded-full bg-brand-green"></span>Brasseries</li><li class="flex items-center gap-2 text-sm text-ink/80"><span class="inline-block h-1.5 w-1.5 rounded-full bg-brand-green"></span>Cantines & collectivités</li><li class="flex items-center gap-2 text-sm text-ink/80"><span class="inline-block h-1.5 w-1.5 rounded-full bg-brand-green"></span>Hôtels</li><li class="flex items-center gap-2 text-sm text-ink/80"><span class="inline-block h-1.5 w-1.5 rounded-full bg-brand-green"></span>Traiteurs</li><li class="flex items-center gap-2 text-sm text-ink/80"><span class="inline-block h-1.5 w-1.5 rounded-full bg-brand-green"></span>Maisons de repos</li></ul></div></div><div class="" style="opacity:0;transform:translateY(30px)"><div class="relative h-full overflow-hidden rounded-lg border border-border bg-card transition-all duration-500 hover:-translate-y-1 hover:border-brand-green hover:shadow-[0_24px_50px_-30px_rgba(140,198,62,0.45)]"><img src="/__l5e/assets-v1/b5b7407e-849c-41ba-b2d9-c4829d3ae8c0/brand-jacket-op.jpg" alt="Veste brodée fruitOp! â l'esprit maison" loading="lazy" class="h-44 w-full object-cover"/>
1<div class="p-7"><p class="text-xs font-semibold uppercase tracking-[0.3em] text-brand-green">Engagement fraîcheur</p><h3 class="mt-3 font-display text-2xl text-brand-purple">Choisi le matin, livré le jour</h3><p class="mt-3 text-sm leading-relaxed text-ink/75">Sélection aux halles par nos soin, arrivages quotidiens. La même exigence du marché à votre cuisine.</p></div></div></div></div></div></section><section id="corbeilles" class="relative overflow-hidden bg-paper-warm py-20 md:py-28"><div class="mx-auto max-w-7xl px-6 lg:px-10"><div class="grid items-center gap-12 lg:grid-cols-12 lg:gap-16"><div class="lg:col-span-6" style="opacity:0;transform:translateY(30px)"><div class="overflow-hidden rounded-md shadow-[0_30px_80px_-40px_rgba(110,41,142,0.35)]"><img src="/__l5e/assets-v1/5f319676-170d-4414-9055-8de4d858e12c/fruit-basket.jpg" alt="Corbeille de fruits frais sur commande Fruit'Op" loading="lazy" width="1024" height="1024" class="h-full w-full object-cover transition-transform duration-[1200ms] hover:scale-[1.03]"/></div></div><div class="lg:col-span-6"><div class="" style="opacity:0;transform:translateY(30px)"><p class="mb-5 text-xs font-semibold uppercase tracking-[0.4em] text-brand-green">Sur commande</p></div><div class="" style="opacity:0;transform:translateY(30px)"><h2 class="font-display text-[clamp(2rem,4.5vw,3.5rem)] leading-[1.05] text-brand-purple">Corbeilles de fruits<span class="block italic text-ink/80">pour toutes les occasions.</span></h2></div><div class="" style="opacity:0;transform:translateY(30px)"><p class="mt-6 text-lg leading-relaxed text-ink/80">Bureaux, événements, cadeaux, remerciements clients : nous composons des corbeilles généreuses, fraîches et de saison. <strong class="text-brand-purple">Livraison et facturation pour les entreprises</strong>, abonnement hebdomadaire possible. Pour les particuliers, livraison à domicile à Mons et ses environs.</p></div><div class="" style="opacity:0;transform:translateY(30px)"><p class="mt-8 text-xs font-semibold uppercase tracking-[0.3em] text-brand-purple">La corbeille au bureau : pourquoi ça marche</p></div><ul class="mt-5 grid gap-4 sm:grid-cols-2"><div class="" style="opacity:0;transform:translateY(30px)"><li class="group rounded-lg border border-border bg-card p-5 transition-all duration-500 hover:-translate-y-1 hover:border-brand-green hover:shadow-[0_18px_40px_-24px_rgba(140,198,62,0.5)]"><p class="font-display text-lg text-brand-purple">Bien-être au bureau</p><p class="mt-1.5 text-sm leading-relaxed text-ink/70">Une pause saine qui ressource les équipes et casse la routine du café-biscuit.</p></li></div><div class="" style="opacity:0;transform:translateY(30px)"><li class="group rounded-lg border border-border bg-card p-5 transition-all duration-500 hover:-translate-y-1 hover:border-brand-green hover:shadow-[0_18px_40px_-24px_rgba(140,198,62,0.5)]"><p class="font-display text-lg text-brand-purple">Ãnergie & concentration</p><p class="mt-1.5 text-sm leading-relaxed text-ink/70">Vitamines, fibres, sucres lents naturels : un vrai carburant pour les journées denses.</p></li></div><div class="" style="opacity:0;transform:translateY(30px)"><li class="group rounded-lg border border-border bg-card p-5 transition-all duration-500 hover:-translate-y-1 hover:border-brand-green hover:shadow-[0_18px_40px_-24px_rgba(140,198,62,0.5)]"><p class="font-display text-lg text-brand-purple">Convivialité</p><p class="mt-1.5 text-sm leading-relaxed text-ink/70">La corbeille rassemble. Elle crée un point de pause partagé, simple et généreux.</p></li></div><div class="" style="opacity:0;transform:translateY(30px)"><li class="group rounded-lg border border-border bg-card p-5 transition-all duration-500 hover:-translate-y-1 hover:border-brand-green hover:shadow-[0_18px_40px_-24px_rgba(140,198,62,0.5)]"><p class="font-display text-lg text-brand-purple">Image employeur</p><p class="mt-1.5 text-sm leading-relaxed text-ink/70">Un geste concret qui dit que vous prenez soin des gens. Pratique pour la marque RH.</p></li></div></ul><div class="" style="opacity:0;transform:translateY(30px)"><div class="mt-10 flex flex-wrap items-center gap-4"><a href="#contact" class="inline-flex items-center rounded-full bg-brand-purple px-7 py-3.5 text-sm font-semibold text-white shadow-md transition-all hover:-translate-y-0.5 hover:bg-deep-purple hover:shadow-lg">Commander une corbeille</a><a href="#contact" class="inline-flex items-center rounded-full border-2 border-brand-green px-7 py-3 text-sm font-semibold text-brand-purple transition-all hover:-translate-y-0.5 hover:bg-brand-green hover:text-white">Demander un devis</a></div></div></div></div></div></section><section id="specialites" class="relative bg-background py-20 md:py-28"><div class="mx-auto max-w-7xl px-6 lg:px-10"><div class="max-w-3xl"><div class="" style="opacity:0;transform:translateY(30px)"><p class="mb-5 text-xs font-semibold uppercase tracking-[0.4em] text-brand-green">Nos pépites</p></div><div class="" style="opacity:0;transform:translateY(30px)"><h2 class="font-display text-[clamp(2rem,4.5vw,3.5rem)] leading-[1.05] text-brand-purple">Variétés rares<span class="italic text-ink/80"> & anciennes.</span></h2></div><div class="" style="opacity:0;transform:translateY(30px)"><p class="mt-6 text-lg leading-relaxed text-ink/75">Ce qui ne se trouve plus en grande surface, on prend le temps de le chercher. Champignons des bois, légumes oubliés, agrumes confidentiels, fruits secs choisis â une sélection qui change au fil des saisons.</p></div></div><ul class="mt-16 grid gap-6 sm:grid-cols-2 lg:grid-cols-3"><div class="" style="opacity:0;transform:translateY(30px)"><li class="group overflow-hidden rounded-lg border border-border bg-card transition-all duration-500 hover:-translate-y-1 hover:border-brand-purple hover:shadow-[0_24px_50px_-30px_rgba(110,41,142,0.45)]"><div class="relative aspect-[4/3] overflow-hidden">
1<img src="/__l5e/assets-v1/41c975a2-6cbb-481c-943c-bda140c8f493/mushrooms-crates.jpg" alt="Champignons des bois" loading="lazy" class="h-full w-full object-cover transition-transform duration-[1200ms] group-hover:scale-110"/><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 transition-colors duration-500 group-hover:bg-brand-purple/15"></div></div><div class="p-5"><p class="font-display text-lg text-brand-purple">Champignons des bois</p><p class="mt-1.5 text-sm leading-relaxed text-ink/70">Girolles, cèpes, pleurotes selon arrivages.</p></div></li></div><div class="" style="opacity:0;transform:translateY(30px)"><li class="group overflow-hidden rounded-lg border border-border bg-card transition-all duration-500 hover:-translate-y-1 hover:border-brand-purple hover:shadow-[0_24px_50px_-30px_rgba(110,41,142,0.45)]"><div class="relative aspect-[4/3] overflow-hidden"><img src="/__l5e/assets-v1/d1e63b4e-b2ab-4b97-8146-a7348210c216/parsnips-topinambours.jpg" alt="Panais & topinambours" loading="lazy" class="h-full w-full object-cover transition-transform duration-[1200ms] group-hover:scale-110"/><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 transition-colors duration-500 group-hover:bg-brand-purple/15"></div></div><div class="p-5"><p class="font-display text-lg text-brand-purple">Panais & topinambours</p><p class="mt-1.5 text-sm leading-relaxed text-ink/70">Légumes oubliés, doux et terreux.</p></div></li></div><div class="" style="opacity:0;transform:translateY(30px)"><li class="group overflow-hidden rounded-lg border border-border bg-card transition-all duration-500 hover:-translate-y-1 hover:border-brand-purple hover:shadow-[0_24px_50px_-30px_rgba(110,41,142,0.45)]"><div class="relative aspect-[4/3] overflow-hidden"><img src="/__l5e/assets-v1/a4fc58e9-0ca1-4861-9f2b-53504b39f939/carrots-earthy.jpg" alt="Carottes colorées" loading="lazy" class="h-full w-full object-cover transition-transform duration-[1200ms] group-hover:scale-110"/><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 transition-colors duration-500 group-hover:bg-brand-purple/15"></div></div><div class="p-5"><p class="font-display text-lg text-brand-purple">Carottes colorées</p><p class="mt-1.5 text-sm leading-relaxed text-ink/70">Jaunes, violettes, blanches â l'arc-en-ciel de la terre.</p></div></li></div><div class="" style="opacity:0;transform:translateY(30px)"><li class="group overflow-hidden rounded-lg border border-border bg-card transition-all duration-500 hover:-translate-y-1 hover:border-brand-purple hover:shadow-[0_24px_50px_-30px_rgba(110,41,142,0.45)]"><div class="relative aspect-[4/3] overflow-hidden"><img src="/__l5e/assets-v1/c9a1ef30-9411-49ae-9d43-7b4ba6202c41/citrus-seasonal.jpg" alt="Agrumes de saison" loading="lazy" class="h-full w-full object-cover transition-transform duration-[1200ms] group-hover:scale-110"/><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 transition-colors duration-500 group-hover:bg-brand-purple/15"></div></div><div class="p-5"><p class="font-display text-lg text-brand-purple">Agrumes de saison</p><p class="mt-1.5 text-sm leading-relaxed text-ink/70">Bergamotes, kumquats, oranges sanguines.</p></div></li></div><div class="" style="opacity:0;transform:translateY(30px)"><li class="group overflow-hidden rounded-lg border border-border bg-card transition-all duration-500 hover:-translate-y-1 hover:border-brand-purple hover:shadow-[0_24px_50px_-30px_rgba(110,41,142,0.45)]"><div class="relative aspect-[4/3] overflow-hidden"><img src="/__l5e/assets-v1/966354f8-202c-4cfd-8f75-bce672f081db/dried-fruits.jpg" alt="Fruits secs" loading="lazy" class="h-full w-full object-cover transition-transform duration-[1200ms] group-hover:scale-110"/><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 transition-colors duration-500 group-hover:bg-brand-purple/15"></div></div><div class="p-5"><p class="font-display text-lg text-brand-purple">Fruits secs</p><p class="mt-1.5 text-sm leading-relaxed text-ink/70">Abricots, figues, dattes, noix â choisis pour leur moelleux.</p></div></li></div><div class="" style="opacity:0;transform:translateY(30px)"><li class="group overflow-hidden rounded-lg border border-border bg-card transition-all duration-500 hover:-translate-y-1 hover:border-brand-purple hover:shadow-[0_24px_50px_-30px_rgba(110,41,142,0.45)]"><div class="relative aspect-[4/3] overflow-hidden"><img src="/__l5e/assets-v1/98290a81-4e5a-4377-bf5c-fcb288c2f007/market-hall.jpg" alt="Pépites des halles" loading="lazy" class="h-full w-full object-cover transition-transform duration-[1200ms] group-hover:scale-110"/><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 transition-colors duration-500 group-hover:bg-brand-purple/15"></div></div><div class="p-5"><p class="font-display text-lg text-brand-purple">Pépites des halles</p><p class="mt-1.5 text-sm leading-relaxed text-ink/70">Variétés rares et anciennes dénichées au marché chaque matin.</p></div></li></div></ul></div></section><section class="relative h-[115vh] w-full overflow-hidden bg-background"><div class="sticky top-0 h-screen w-full overflow-hidden"><div class="absolute inset-0" style="transform:translateY(-12%) scale(1.08)"><img src="/__l5e/assets-v1/fd1967c5-0891-4d8f-8f7a-e6ea084a7d50/shop-interior-04.jpg" alt="" class="h-full w-full object-cover opacity-70"/><div class="absolute inset-0 bg-paper/70"></div></div><div class="absolute -right-10 top-1/2 hidden h-[55vh] w-[38vw] -translate-y-1/2 overflow-hidden rounded-tl-[40%] shadow-2xl lg:block" style="transform:translateY(-22%)"><img src="/__l5e/assets-v1/dd0689a1-084b-4858-99d5-de9bf2ae1dc6/produce-pineapples.jpg" alt="Ananas Kol'Or en cagette" class="h-full w-full object-cover"/>
1</div><div class="absolute left-[6%] top-[8%] hidden h-[28vh] w-[22vw] overflow-hidden rounded-bl-[35%] shadow-xl md:block" style="transform:translateY(-28%)"><img src="/__l5e/assets-v1/89d6cd99-9a32-4f97-ae8a-4e96f91aaedf/produce-tomatoes.jpg" alt="Pêches en cagette" class="h-full w-full object-cover"/></div><div class="absolute inset-0 z-10 flex items-center justify-center px-6" style="transform:translateY(20%)"><div class="max-w-2xl text-center"><p class="mb-5 inline-flex items-center gap-3 text-[11px] font-semibold uppercase tracking-[0.3em] text-brand-purple"><span class="h-1.5 w-1.5 rounded-full bg-brand-green"></span>Au plus près du produit</p><h2 class="font-display text-[clamp(2.5rem,7vw,6rem)] leading-[1] text-ink">La nature,<span class="block italic text-brand-purple">à pleines mains.</span></h2></div></div><div class="absolute -bottom-20 -left-16 z-20 h-[60vh] w-[55vw] max-w-[520px] overflow-hidden rounded-tr-[40%] shadow-2xl lg:-left-10" style="transform:translateY(-38%) scale(1.1)"><img src="/__l5e/assets-v1/b71c0575-51ca-4dbe-9d13-30d5248368a6/detail-fruit-macro.jpg" alt="Fruit de la passion ouvert à la cuillère" class="h-full w-full object-cover"/></div></div></section><section class="relative bg-background py-20 md:py-28"><div class="mx-auto max-w-7xl px-6 lg:px-10"><div class="" style="opacity:0;transform:translateY(30px)"><p class="mb-5 text-xs font-semibold uppercase tracking-[0.4em] text-brand-green">Notre savoir-faire</p></div><div class="" style="opacity:0;transform:translateY(30px)"><h2 class="max-w-3xl font-display text-[clamp(2rem,5vw,4rem)] leading-[1.05] text-brand-purple">Pourquoi tant de Montois nous confient leur table.</h2></div><div class="mt-14 grid gap-px bg-border sm:grid-cols-2 lg:grid-cols-4"><div class="group bg-background p-8 transition-colors hover:bg-card" style="opacity:0;transform:translateY(30px)"><div class="mb-6 flex h-12 w-12 items-center justify-center rounded-full border border-brand-purple/40 text-brand-purple transition-all group-hover:border-brand-green group-hover:bg-brand-green/10 group-hover:text-brand-green"><span class="font-display text-xl">0<!-- -->1</span></div><h3 class="font-display text-2xl text-brand-purple">Fraîcheur quotidienne</h3><p class="mt-4 text-sm leading-relaxed text-ink/70">Tournées au marché chaque matin. Ce que vous voyez en rayon a été choisi à l'aube.</p></div><div class="group bg-background p-8 transition-colors hover:bg-card" style="opacity:0;transform:translateY(30px)"><div class="mb-6 flex h-12 w-12 items-center justify-center rounded-full border border-brand-purple/40 text-brand-purple transition-all group-hover:border-brand-green group-hover:bg-brand-green/10 group-hover:text-brand-green"><span class="font-display text-xl">0<!-- -->2</span></div><h3 class="font-display text-2xl text-brand-purple">Sélection rigoureuse</h3><p class="mt-4 text-sm leading-relaxed text-ink/70">Producteurs de confiance, calibres serrés, fruits à maturité. Pas de compromis sur le goût.</p></div><div class="group bg-background p-8 transition-colors hover:bg-card" style="opacity:0;transform:translateY(30px)"><div class="mb-6 flex h-12 w-12 items-center justify-center rounded-full border border-brand-purple/40 text-brand-purple transition-all group-hover:border-brand-green group-hover:bg-brand-green/10 group-hover:text-brand-green"><span class="font-display text-xl">0<!-- -->3</span></div><h3 class="font-display text-2xl text-brand-purple">Variétés rares & anciennes</h3><p class="mt-4 text-sm leading-relaxed text-ink/70">Panais, topinambours, carottes colorées, champignons des bois â l'inattendu en cagette.</p></div><div class="group bg-background p-8 transition-colors hover:bg-card" style="opacity:0;transform:translateY(30px)"><div class="mb-6 flex h-12 w-12 items-center justify-center rounded-full border border-brand-purple/40 text-brand-purple transition-all group-hover:border-brand-green group-hover:bg-brand-green/10 group-hover:text-brand-green"><span class="font-display text-xl">0<!-- -->4</span></div><h3 class="font-display text-2xl text-brand-purple">Conseil & corbeilles</h3><p class="mt-4 text-sm leading-relaxed text-ink/70">Corbeilles de fruits sur commande, idées de saison, accord fromage : on vous guide.</p></div></div></div></section><section class="relative bg-background py-20 md:py-28"><div class="mx-auto max-w-7xl px-6 lg:px-10"><div class="" style="opacity:0;transform:translateY(30px)"><p class="mb-5 text-xs font-semibold uppercase tracking-[0.4em] text-brand-green">En images</p></div><div class="" style="opacity:0;transform:translateY(30px)"><h2 class="max-w-3xl font-display text-[clamp(2rem,5vw,4rem)] leading-[1.05] text-brand-purple">Le marché, en couleurs.</h2></div><div class="mt-12 columns-1 gap-3 sm:columns-2 lg:columns-3 lg:gap-4"><div class="group relative mb-3 block break-inside-avoid overflow-hidden rounded-md lg:mb-4 aspect-[3/2]" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/6a4d9a65-87a7-4e12-aa93-9487003c27c2/apricot-hands.jpg" alt="Abricot mûr coupé en deux, tenu à la main devant les cagettes" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-ink/40 via-trans
1parent to-transparent opacity-30 transition-opacity duration-500 group-hover:opacity-10"></div><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 mix-blend-multiply transition-colors duration-500 group-hover:bg-brand-purple/20"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-brand-purple/0 transition-all duration-500 group-hover:ring-2 group-hover:ring-brand-purple/50"></div></div><div class="group relative mb-3 block break-inside-avoid overflow-hidden rounded-md lg:mb-4 aspect-[3/4]" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/d05784f8-a309-44cc-8add-12eb8be49c99/human-pepper.jpg" alt="Patron sentant une grappe de tomates" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-ink/40 via-transparent to-transparent opacity-30 transition-opacity duration-500 group-hover:opacity-10"></div><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 mix-blend-multiply transition-colors duration-500 group-hover:bg-brand-purple/20"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-brand-purple/0 transition-all duration-500 group-hover:ring-2 group-hover:ring-brand-purple/50"></div></div><div class="group relative mb-3 block break-inside-avoid overflow-hidden rounded-md lg:mb-4 aspect-[3/2]" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/89d6cd99-9a32-4f97-ae8a-4e96f91aaedf/produce-tomatoes.jpg" alt="Pêches plates en cagette Royal" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-ink/40 via-transparent to-transparent opacity-30 transition-opacity duration-500 group-hover:opacity-10"></div><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 mix-blend-multiply transition-colors duration-500 group-hover:bg-brand-purple/20"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-brand-purple/0 transition-all duration-500 group-hover:ring-2 group-hover:ring-brand-purple/50"></div></div><div class="group relative mb-3 block break-inside-avoid overflow-hidden rounded-md lg:mb-4 aspect-[2/3]" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/432e264d-164b-48b6-bb6f-3101c21bf723/avocado-hands.jpg" alt="Avocat mûr coupé en tranches dans les mains du primeur" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-ink/40 via-transparent to-transparent opacity-30 transition-opacity duration-500 group-hover:opacity-10"></div><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 mix-blend-multiply transition-colors duration-500 group-hover:bg-brand-purple/20"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-brand-purple/0 transition-all duration-500 group-hover:ring-2 group-hover:ring-brand-purple/50"></div></div><div class="group relative mb-3 block break-inside-avoid overflow-hidden rounded-md lg:mb-4 aspect-[3/4]" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/dd0689a1-084b-4858-99d5-de9bf2ae1dc6/produce-pineapples.jpg" alt="Ananas Kol'Or fraîchement reçus" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-ink/40 via-transparent to-transparent opacity-30 transition-opacity duration-500 group-hover:opacity-10"></div><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 mix-blend-multiply transition-colors duration-500 group-hover:bg-brand-purple/20"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-brand-purple/0 transition-all duration-500 group-hover:ring-2 group-hover:ring-brand-purple/50"></div></div><div class="group relative mb-3 block break-inside-avoid overflow-hidden rounded-md lg:mb-4 aspect-[3/2]" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/b822bad3-317f-47fc-a389-18562866bf47/human-cabbage.jpg" alt="Artichaut tenu fièrement aux halles" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-ink/40 via-trans
1parent to-transparent opacity-30 transition-opacity duration-500 group-hover:opacity-10"></div><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 mix-blend-multiply transition-colors duration-500 group-hover:bg-brand-purple/20"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-brand-purple/0 transition-all duration-500 group-hover:ring-2 group-hover:ring-brand-purple/50"></div></div><div class="group relative mb-3 block break-inside-avoid overflow-hidden rounded-md lg:mb-4 aspect-[3/2]" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/0dcc5e0b-dd97-45b4-9b9c-1771cb54bd23/portrait-patron-cap.jpg" alt="Portrait d'un commerçant en discussion" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-ink/40 via-transparent to-transparent opacity-30 transition-opacity duration-500 group-hover:opacity-10"></div><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 mix-blend-multiply transition-colors duration-500 group-hover:bg-brand-purple/20"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-brand-purple/0 transition-all duration-500 group-hover:ring-2 group-hover:ring-brand-purple/50"></div></div><div class="group relative mb-3 block break-inside-avoid overflow-hidden rounded-md lg:mb-4 aspect-[3/4]" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/552c0d3d-f43e-45cc-a19e-901e79a70516/produce-pumpkins.jpg" alt="Ãtal coloré : raisins, kakis, oranges" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-ink/40 via-transparent to-transparent opacity-30 transition-opacity duration-500 group-hover:opacity-10"></div><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 mix-blend-multiply transition-colors duration-500 group-hover:bg-brand-purple/20"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-brand-purple/0 transition-all duration-500 group-hover:ring-2 group-hover:ring-brand-purple/50"></div></div><div class="group relative mb-3 block break-inside-avoid overflow-hidden rounded-md lg:mb-4 aspect-[2/3]" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/607d147e-b45a-4d7a-a7b2-426a861c71e8/market-tomato-crates.jpg" alt="Cagettes de tomates San Marzano, cerises rouges et orange aux halles" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-ink/40 via-transparent to-transparent opacity-30 transition-opacity duration-500 group-hover:opacity-10"></div><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 mix-blend-multiply transition-colors duration-500 group-hover:bg-brand-purple/20"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-brand-purple/0 transition-all duration-500 group-hover:ring-2 group-hover:ring-brand-purple/50"></div></div><div class="group relative mb-3 block break-inside-avoid overflow-hidden rounded-md lg:mb-4 aspect-[2/3]" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/98ad2c16-a28e-4a31-b82e-86f3916ae3c0/produce-crates.jpg" alt="Deux commerçants en discussion devant les palettes aux halles" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.08]"/><div class="absolute inset-0 bg-gradient-to-t from-ink/40 via-transparent to-transparent opacity-30 transition-opacity duration-500 group-hover:opacity-10"></div><div class="pointer-events-none absolute inset-0 bg-brand-purple/0 mix-blend-multiply transition-colors duration-500 group-hover:bg-brand-purple/20"></div><div class="pointer-events-none absolute inset-0 ring-0 ring-brand-purple/0 transition-all duration-500 group-hover:ring-2 group-hover:ring-brand-purple/50"></div></div></div></div></section><section id="maison" class="relative bg-background py-20 md:py-28"><div class="mx-auto grid max-w-7xl gap-16 px-6 lg:grid-cols-12 lg:gap-12 lg:px-10"><div class="lg:col-span-5"><div class="relative aspect-[3/4] overflow-hidden rounded-md" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/85b181dd-0ee3-4047-9c5c-47b96507c64f/patron-cliente.jpg" alt="Le patron de Fruit'Op aux côtés d'une cliente fidèle" class="h-full w-full object-cover" loading="lazy"/></div><div class="mt-4 grid grid-cols-2 gap-4"><div class="relative aspect-[3/4] overflow-hidden rounded-md" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/0dcc5e0b-dd97-45b4-9b9c-1771cb54bd23/portrait-patron-cap.jpg" alt="Portrait d'un commerçant en pleine discussion aux halles" class="h-full w-full object-cover" loading="lazy"/></div><div class="relative aspect-[3/4] overflow-hidden rounded-md" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/1d60d277-4b29-4bca-a066-2c17cc15d226/team-duo.jpg" alt="L'équipe Fruit'Op devant les cagettes" class="h-full w-full object-cover" loading="lazy"/></div></div></div><div class="lg:col-span-7 lg:pt-8"><div class="" style="opacity:0;transform:translateY(30px)"><p class="mb-5 text-xs font-semibold uppercase tracking-[0.4em] text-brand-green">La Maison</p></div><div class="" style="opacity:0;transform:translateY(30px)"><h2 class="font-display text-[clamp(2rem,5vw,4rem)] leading-[1.05] text-brand-purple">Quatre générations de commerçants,<span class="block italic text-ink/80">une seule obsession : le frais.</span></h2></div><div class="" style="opacity:0;transform:translateY(30px)"><div class="mt-10 space-y-6 text-lg leading-relaxed text-ink/80"><p>FruitâOp ouvre ses portes à Mons en <strong class="text-brand-purple">2008</strong>, dans la continuité dâune famille qui vit du commerce depuis quatre générations. Du marché aux halles, des halles à la rue des Archers : le même métier, transmis, affiné, jamais figé.</p><p>Au fil des saisons, le magasin a grandi autour dâune fromagerie dâépicerie fine, <strong class="text-brand-purple">CheeseâOp</strong>, et dâun service de livraison dédié aux professionnels de lâHoreca. Trois univers, une même maison : la nôtre.</p><p>On reste, et on restera, une petite entreprise familiale. Câest ce qui nous permet de choisir nos producteurs, de prendre le temps du conseil, et de saluer chaque client par son prénom.</p></div></div></div></div></section><section id="contact" class="relative bg-paper-warm py-20 md:py-28"><div class="mx-auto max-w-7xl px-6 lg:px-10"><div class="max-w-3xl"><div class="" style="opacity:0;transform:translateY(30px)"><p class="mb-5 text-xs font-semibold uppercase tracking-[0.4em] text-brand-green">Infos pratiques</p></div><div class="" style="opacity:0;transform:translateY(30px)"><h2 class="font-display text-[clamp(2rem,5vw,4rem)] leading-[1.05] text-brand-purple">Passez nous voir,<span class="block italic text-ink/80">ou écrivez-nous.</span></h2></div></div><div class="mt-16 grid gap-10 lg:grid-cols-12"><div class="lg:col-span-5" style="opacity:0;transform:translateY(30px)"><div class="rounded-lg border border-border bg-card p-7 shadow-sm"><dl class="space-y-7"><div><dt class="text-xs font-semibold uppercase tracking-[0.25em] text-brand-green">Adresse</dt><dd class="mt-2 font-display text-2xl text-brand-purple">Rue des Archers 45<br/>7000 Mons, Belgique</dd><a href="https://www.google.com/maps/dir/?api=1&destination=Rue+des+Archers+45+7000+Mons" target="_blank" rel="noopener noreferrer" class="mt-3 inline-flex items-center gap-2 rounded-full border-2 border-brand-green px-5 py-2 text-xs font-semibold uppercase tracking-wider text-brand-purple transition-all hover:-translate-y-0.5 hover:bg-brand-green hover:text-white">Itinéraire â</a></div><div><dt class="text-xs font-semibold uppercase tracking-[0.25em] text-brand-green">Téléphone</dt><dd class="mt-2">
1<a href="tel:+3265318412" class="font-display text-2xl text-brand-purple transition-colors hover:text-brand-green">065 31 84 12</a></dd></div><div><dt class="text-xs font-semibold uppercase tracking-[0.25em] text-brand-green">E-mail</dt><dd class="mt-2"><a href="mailto:[email protected]" class="font-display text-xl text-brand-purple transition-colors hover:text-brand-green">[email protected]</a></dd></div></dl></div><div class="mt-6 rounded-lg border border-border bg-card p-7 shadow-sm"><div class="flex items-center justify-between gap-3"><p class="text-xs font-semibold uppercase tracking-[0.25em] text-brand-green">Horaires d'ouverture</p><span class="rounded-full bg-brand-purple-soft px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.2em] text-brand-purple">Hiver</span></div><ul class="mt-4 divide-y divide-border"><li class="flex items-center justify-between py-2 text-sm"><span class="font-medium text-ink">Lundi</span><span class="text-brand-purple">09:00 â 18:30</span></li><li class="flex items-center justify-between py-2 text-sm"><span class="font-medium text-ink">Mardi</span><span class="text-ink/45">Fermé</span></li><li class="flex items-center justify-between py-2 text-sm"><span class="font-medium text-ink">Mercredi</span><span class="text-brand-purple">09:00 â 18:30</span></li><li class="flex items-center justify-between py-2 text-sm"><span class="font-medium text-ink">Jeudi</span><span class="text-brand-purple">09:00 â 18:30</span></li><li class="flex items-center justify-between py-2 text-sm"><span class="font-medium text-ink">Vendredi</span><span class="text-brand-purple">09:00 â 18:30</span></li><li class="flex items-center justify-between py-2 text-sm"><span class="font-medium text-ink">Samedi</span><span class="text-brand-purple">09:00 â 13:00</span></li><li class="flex items-center justify-between py-2 text-sm"><span class="font-medium text-ink">Dimanche</span><span class="text-ink/45">Fermé</span></li></ul><p class="mt-4 text-xs italic text-ink/60">En juillet et août, fermeture en semaine à 18h00.</p></div></div><div class="space-y-8 lg:col-span-7"><div class="" style="opacity:0;transform:translateY(30px)"><div class="aspect-[16/10] overflow-hidden rounded-lg border border-border shadow-sm"><iframe title="Fruit'Op â Rue des Archers 45, 7000 Mons" src="https://www.google.com/maps?q=Rue%20des%20Archers%2045%2C%207000%20Mons%2C%20Belgique&output=embed" class="h-full w-full" loading="lazy" referrerPolicy="no-referrer-when-downgrade" allowFullScreen=""></iframe></div></div><div class="" style="opacity:0;transform:translateY(30px)"><form noValidate="" class="rounded-lg border border-border bg-card p-7 shadow-sm"><div class="flex flex-wrap gap-2" role="tablist" aria-label="Type de demande"><button type="button" role="tab" aria-selected="true" class="rounded-full px-5 py-2 text-xs font-semibold uppercase tracking-wider transition-all bg-brand-purple text-white shadow-md">Contact général</button><button type="button" role="tab" aria-selected="false" class="rounded-full px-5 py-2 text-xs font-semibold uppercase tracking-wider transition-all border border-border text-ink/70 hover:border-brand-purple hover:text-brand-purple">Devenir client pro</button></div><div class="mt-6 grid gap-5 sm:grid-cols-2"><div><label for="name" class="block text-xs font-semibold uppercase tracking-[0.2em] text-brand-purple">Nom *</label><input id="name" type="text" required="" maxLength="100" class="mt-2 w-full rounded-md border border-border bg-paper px-4 py-3 text-sm text-ink placeholder:text-ink/40 focu
1s:border-brand-purple focus:outline-none focus:ring-2 focus:ring-brand-purple/20" name="name"/></div><div><label for="etablissement" class="block text-xs font-semibold uppercase tracking-[0.2em] text-brand-purple">Ãtablissement <span class="text-ink/40">(optionnel)</span></label><input id="etablissement" type="text" maxLength="120" class="mt-2 w-full rounded-md border border-border bg-paper px-4 py-3 text-sm text-ink placeholder:text-ink/40 focus:border-brand-purple focus:outline-none focus:ring-2 focus:ring-brand-purple/20" name="etablissement"/></div><div><label for="email" class="block text-xs font-semibold uppercase tracking-[0.2em] text-brand-purple">E-mail *</label><input id="email" type="email" required="" maxLength="255" class="mt-2 w-full rounded-md border border-border bg-paper px-4 py-3 text-sm text-ink placeholder:text-ink/40 focus:border-brand-purple focus:outline-none focus:ring-2 focus:ring-brand-purple/20" name="email"/></div><div><label for="phone" class="block text-xs font-semibold uppercase tracking-[0.2em] text-brand-purple">Téléphone</label><input id="phone" type="tel" maxLength="40" class="mt-2 w-full rounded-md border border-border bg-paper px-4 py-3 text-sm text-ink placeholder:text-ink/40 focu
1s:border-brand-purple focus:outline-none focus:ring-2 focus:ring-brand-purple/20" name="phone"/></div><div class="sm:col-span-2"><label for="message" class="block text-xs font-semibold uppercase tracking-[0.2em] text-brand-purple">Message *</label><textarea id="message" name="message" required="" rows="5" maxLength="2000" class="mt-2 w-full rounded-md border border-border bg-paper px-4 py-3 text-sm text-ink placeholder:text-ink/40 focus:border-brand-purple focus:outline-none focus:ring-2 focus:ring-brand-purple/20"></textarea></div></div><div class="mt-6 flex flex-wrap items-center gap-4"><button type="submit" class="inline-flex items-center rounded-full bg-brand-purple px-7 py-3.5 text-sm font-semibold text-white shadow-md transition-all hover:-translate-y-0.5 hover:bg-deep-purple hover:shadow-lg disabled:cursor-not-allowed disabled:opacity-60">Envoyer le message</button></div><p class="mt-3 text-[11px] italic text-ink/45">Les informations recueillies via ce formulaire sont utilisées uniquement pour répondre à votre demande et ne sont ni cédées ni revendues à des tiers. Conformément au RGPD, vous disposez dâun droit dâaccès, de rectification et de suppression de vos données en écrivant à [email protected].</p></form></div></div></div></div></section><section class="relative bg-background py-20 md:py-28"><div class="mx-auto max-w-7xl px-6 lg:px-10"><div class="mb-12 flex flex-wrap items-end justify-between gap-6"><div><div class="" style="opacity:0;transform:translateY(30px)"><p class="mb-4 text-xs font-semibold uppercase tracking-[0.4em] text-brand-green">Instagram</p></div><div class="" style="opacity:0;transform:translateY(30px)"><h2 class="max-w-2xl font-display text-[clamp(1.75rem,4vw,3rem)] leading-[1.05] text-brand-purple">Suivez le marché au quotidien.</h2></div></div><div class="" style="opacity:0;transform:translateY(30px)"><a href="https://instagram.com/fruitop_mons" target="_blank" rel="noopener noreferrer" class="rounded-full border-2 border-brand-purple px-6 py-3 text-sm font-semibold text-brand-purple transition-all hover:-translate-y-0.5 hover:bg-brand-purple hover:text-white">@fruitop_mons</a></div></div><div class="" style="opacity:0;transform:translateY(30px)"><div class="w-full overflow-hidden"><behold-widget feed-id="553r3JFdQAOvbZvFtE6Z"></behold-widget></div></div></div></section><footer class="relative bg-deep-purple py-16 text-paper"><div class="mx-auto grid max-w-7xl gap-12 px-6 lg:grid-cols-4 lg:px-10"><div><div class="h-14"><img src="/__l5e/assets-v1/41cc6901-3f4c-4a7e-bd7e-c096f064dcdc/fruitop-logo-white.svg" alt="fruitOp!" class="block h-full w-auto object-contain " draggable="false"/></div><p class="mt-5 max-w-xs text-sm text-paper/65">Primeur, fromagerie & service Horeca. Une maison familiale à Mons depuis 2008.</p></div><div><h4 class="text-xs font-semibold uppercase tracking-[0.25em] text-brand-green">Magasin</h4><p class="mt-4 text-sm text-paper/75">Rue des Archers 45<br/>7000 Mons, Belgique</p><a href="tel:+3265318412" class="mt-2 inline-block text-sm text-paper/75 hover:text-brand-green">065 31 84 12</a></div><div><h4 class="text-xs font-semibold uppercase tracking-[0.25em] text-brand-green">Univers</h4><ul class="mt-4 space-y-2 text-sm text-paper/75"><li><a href="#magasin" class="hover:text-brand-green">Le Magasin FruitâOp</a></li><li><a href="#cheeseop" class="hover:text-cheese-yellow">CheeseâOp</a></li><li><a href="#horeca" class="hover:text-brand-green">Service Horeca</a></li></ul></div><div><h4 class="text-xs font-semibold uppercase tracking-[0.25em] text-brand-green">Suivre</h4><ul class="mt-4 space-y-2 text-sm text-paper/75"><li><a href="https://facebook.com/fruitop" target="_blank" rel="noopener noreferrer" class="hover:text-brand-green">Facebook</a></li><li><a href="https://instagram.com/fruitop_mons" target="_blank" rel="noopener noreferrer" class="hover:text-brand-green">Instagram</a></li></ul></div></div><div class="mx-auto mt-12 flex max-w-7xl flex-col gap-3 border-t border-paper/15 px-6 pt-8 text-xs text-paper/55 sm:flex-row sm:items-center sm:justify-between lg:px-10"><span>© <!-- -->2026<!-- --> FruitâOp â Tous droits réservés.</span><div class="flex flex-col gap-2 sm:flex-row sm:gap-6"><a href="https://www.pixelpassion.be" target="_blank" rel="noopener noreferrer" class="hover:text-brand-green">Site web réalisé par Pixel Passion.be</a><a href="/mentions-legales" class="hover:text-brand-green">Mentions légales</a></div></div></footer></main>
1<script>(function(a,f){let l;try{l=JSON.parse(sessionStorage.getItem(a)||"{}")}catch{return}const n=l?.[f||history.state?.__TSR_key];let c=!1;for(const t in n){const e=n[t],o=e?.scrollX,s=e?.scrollY;if(Number.isFinite(o)&&Number.isFinite(s)){if(t==="window")scrollTo(o,s),c=!0;else if(t)try{const r=document.querySelector(t);r&&(r.scrollLeft=o,r.scrollTop=s)}catch{}}}if(c)return;const i=location.hash.slice(1);if(i){const t=history.state?.__hashScrollIntoViewOptions??!0;if(t){const e=document.getElementById(i);e&&e.scrollIntoView(t)}return}scrollTo(0,0)})("tsr-scroll-restoration-v1_3");document.currentScript.remove()</script>
1<!--/$-->
1<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-BRqmn3ql.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-BRqmn3ql.js"}}]},"/":$R[8]={preloads:$R[9]=["/assets/routes-CMzqFRYf.js","/assets/Footer-BY1GomQ7.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1791583272295,s:"success",ssr:!0},$R[12]={i:"��",u:1791583272295,s:"success",ssr:!0}],lastMatchId:"��"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
1<script type="module" async="" src="/assets/index-BRqmn3ql.js"></script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.