<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/__l5e/assets-v1/ee64b496-342f-439e-8cb8-5f35d994c9ae/smar-home-logo.jpg"/><link rel="preload" as="image" href="/assets/hero-house-C8bk-LV0.jpg"/><link rel="stylesheet" href="/assets/styles-DPuBZ_Yl.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap" data-precedence="default"/><title>Smar Home — Habitat modulaire dans les Caraïbes</title><meta name="description" content="Smar Home conçoit des habitats modulaires durables et élégants pour les Caraïbes. Logements, bureaux et projets immobiliers clé en main."/><meta property="og:title" content="Smar Home — Habitat modulaire dans les Caraïbes"/><meta property="og:description" content="Smar Home conçoit des habitats modulaires durables et élégants pour les Caraïbes. Logements, bureaux et projets immobiliers clé en main."/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Smar Home — Habitat modulaire dans les Caraïbes"/><meta name="twitter:description" content="Smar Home conçoit des habitats modulaires durables et élégants pour les Caraïbes. Logements, bureaux et projets immobiliers clé en main."/><meta property="og:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/2738bd27-17f2-4d2e-968d-9e763363ae3e/id-preview-b1ae87ed--3fd3affc-48e6-41b2-abcf-ad3eb6ee9e63.lovable.app-1778922582592.png"/><meta name="twitter:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/2738bd27-17f2-4d2e-968d-9e763363ae3e/id-preview-b1ae87ed--3fd3affc-48e6-41b2-abcf-ad3eb6ee9e63.lovable.app-1778922582592.png"/><link rel="modulepreload" href="/assets/index-ZNIvhFy1.js"/><link rel="modulepreload" href="/assets/index-CIHm2-vC.js"/><link rel="modulepreload" href="/assets/Footer-Cl0-0GmN.js"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script></head><body><!--$--><main class="bg-background text-foreground overflow-x-hidden"><header class="fixed top-0 inset-x-0 z-50 transition-all duration-300 bg-transparent" style="opacity:0;transform:translateY(-40px)"><div class="max-w-7xl mx-auto px-6 lg:px-10 h-16 flex items-center justify-between"><a href="/" class="flex items-center gap-3 group"><img src="/__l5e/assets-v1/ee64b496-342f-439e-8cb8-5f35d994c9ae/smar-home-logo.jpg" alt="SMAR HOME" class="h-10 w-10 rounded-md object-cover shadow-gold"/><span class="font-semibold tracking-tight">SMAR <span class="text-gradient-gold">HOME</span></span></a><nav class="hidden md:flex items-center gap-8 text-sm"><a href="/#solution" class="text-muted-foreground hover:text-foreground transition relative group">Nos Solutions<span class="absolute -bottom-1 left-0 h-px w-0 bg-gradient-gold transition-all group-hover:w-full"></span></a><a href="/#avantages" class="text-muted-foreground hover:text-foreground transition relative group">Nos Avantages<span class="absolute -bottom-1 left-0 h-px w-0 bg-gradient-gold transition-all group-hover:w-full"></span></a><a href="/modeles" class="text-muted-foreground hover:text-foreground transition relative group">Nos Modèles<span class="absolute -bottom-1 left-0 h-px w-0 bg-gradient-gold transition-all group-hover:w-full"></span></a><a href="/#zones" class="text-muted-foreground hover:text-foreground transition relative group">Nos Zones<span class="absolute -bottom-1 left-0 h-px w-0 bg-gradient-gold transition-all group-hover:w-full"></span></a><a href="/#contact" class="text-muted-foreground hover:text-foreground transition relative group">Contact<span class="absolute -bottom-1 left-0 h-px w-0 bg-gradient-gold transition-all group-hover:w-full"></span></a></nav><div class="hidden md:flex items-center gap-4"><div class="inline-flex items-center rounded-full border border-border bg-background/40 backdrop-blur-md p-0.5 text-xs" role="group" aria-label="Language"><button aria-pressed="true" class="px-2.5 py-1 rounded-full uppercase tracking-widest transition bg-gradient-gold text-primary-foreground shadow-gold">fr</button><button aria-pressed="false" class="px-2.5 py-1 rounded-full uppercase tracking-widest transition text-muted-foreground hover:text-foreground">en</button></div><a href="/#contact" class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-gold text-primary-foreground text-sm font-medium hover:scale-105 transition-transform">Nous contacter</a></div><div class="md:hidden flex items-center gap-3"><div class="inline-flex items-center rounded-full border border-border bg-background/40 backdrop-blur-md p-0.5 text-xs" role="group" aria-label="Language"><button aria-pressed="true" class="px-2.5 py-1 rounded-full uppercase tracking-widest transition bg-gradient-gold text-primary-foreground shadow-gold">fr</button><button aria-pressed="false" class="px-2.5 py-1 rounded-full uppercase tracking-widest transition text-muted-foreground hover:text-foreground">en</button></div><button aria-label="menu" class="p-2"><div class="w-5 h-px bg-foreground mb-1.5"></div><div class="w-5 h-px bg-foreground mb-1.5"></div><div class="w-5 h-px bg-foreground"></div></button></div></div></header><section id="top" class="relative h-screen min-h-[700px] overflow-hidden"><div class="absolute inset-0" style="transform:none"><img src="/assets/hero-house-C8bk-LV0.jpg" alt="Habitat modulaire Smar Home dans les Caraïbes au coucher du soleil" width="1920" height="1080" class="w-full h-full object-cover"/><div class="absolute inset-0 bg-gradient-to-b from-background/60 via-background/30 to-background"></div></div><div class="relative z-10 h-full flex flex-col justify-end pb-24 lg:pb-32 px-6 lg:px-10 max-w-7xl mx-auto" style="opacity:1"><span class="inline-flex items-center gap-2 text-xs tracking-[0.3em] uppercase text-gradient-gold mb-6" style="opacity:0;transform:translateY(20px)"><span class="w-8 h-px bg-gradient-gold"></span> <!-- -->Caraïbes · Depuis 2024</span><h1 class="text-5xl sm:text-7xl lg:text-[8rem] font-bold leading-[0.95] tracking-tighter max-w-5xl"><span class="inline-block mr-3 lg:mr-5" style="opacity:0;transform:translateY(60px)">L'habitat</span><span class="inline-block mr-3 lg:mr-5" style="opacity:0;transform:translateY(60px)">modulaire</span><span class="inline-block mr-3 lg:mr-5" style="opacity:0;transform:translateY(60px)">qui</span><span class="inline-block mr-3 lg:mr-5" style="opacity:0;transform:translateY(60px)">change</span><span class="inline-block mr-3 lg:mr-5" style="opacity:0;transform:translateY(60px)">la</span><span class="inline-block mr-3 lg:mr-5" style="opacity:0;transform:translateY(60px)"><span class="text-gradient-gold italic">donne</span></span><br/><span class="text-muted-foreground text-3xl sm:text-5xl lg:text-6xl font-light" style="opacity:0;transform:translateY(60px)">dans les Caraïbes.</span></h1></div><div class="absolute bottom-8 left-1/2 -translate-x-1/2 z-10 flex flex-col items-center gap-2 text-xs text-muted-foreground" style="opacity:0"><span class="tracking-widest uppercase">Scroll</span><div class="w-px h-8 bg-gradient-to-b from-primary to-transparent"></div></div></section><section id="about" class="relative py-32 px-6 lg:px-10 max-w-7xl mx-auto"><div class="grid lg:grid-cols-12 gap-12 items-center"><div class="lg:col-span-7" style="opacity:0;transform:translateY(30px)"><span class="text-xs tracking-[0.3em] uppercase text-gradient-gold">Qui sommes-nous</span><h2 class="mt-4 text-4xl lg:text-6xl font-bold leading-tight">Une entreprise caribéenne<!-- --> <span class="italic text-gradient-gold">innovante</span>.</h2><p class="mt-6 text-lg text-muted-foreground leading-relaxed">SMAR HOME est une entreprise caribéenne innovante qui vous propose une solution d'habitat modulaire moderne accessible, destinée aussi bien aux particuliers qu'aux professionnels. Notre mission est d'offrir des solutions d'habitat et d'aménagement rapides, durables et adaptées au climat tropical, tout en garantissant confort, sécurité et esthétique.</p></div><div class="lg:col-span-5 relative aspect-[4/5] rounded-2xl overflow-hidden shadow-elegant" style="opacity:0;transform:scale(0.96)"><img src="/__l5e/assets-v1/fcfc421d-ce92-467b-9201-8a4e417705ce/rosan-about.jpeg" alt="Modulaire ROSÄN by night" loading="lazy" class="w-full h-full object-cover object-bottom"/><div class="absolute inset-0 ring-1 ring-inset ring-white/10 rounded-2xl"></div></div></div></section><section id="solution" class="relative py-32 px-6 lg:px-10 max-w-7xl mx-auto"><div class="grid lg:grid-cols-12 gap-12 lg:gap-20 items-end mb-16"><div class="lg:col-span-7" style="opacity:0;transform:translateY(30px)"><span class="text-xs tracking-[0.3em] uppercase text-gradient-gold">Nos solutions</span><h2 class="mt-4 text-4xl lg:text-6xl font-bold leading-tight">S'adaptent à<!-- --> <span class="italic font-light text-gradient-gold">tous</span><br/>vos besoins.</h2></div><p class="lg:col-span-5 text-lg text-muted-foreground" style="opacity:0">Une seule philosophie modulaire, déclinée pour chaque usage.</p></div><div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-px bg-border rounded-2xl overflow-hidden"><div class="group relative bg-card p-8 lg:p-10 min-h-[180px] flex items-center gap-5 overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/0 to-primary/0 group-hover:from-primary/10 transition-all duration-500"></div><div class="relative w-14 h-14 rounded-xl bg-primary/10 grid place-items-center text-primary group-hover:bg-gradient-gold group-hover:text-primary-foreground transition-all shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house" aria-hidden="true"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg></div><div class="relative"><div class="text-xs text-muted-foreground mb-1">0<!-- -->1</div><h3 class="text-xl font-semibold">Hébergement principal</h3></div></div><div class="group relative bg-card p-8 lg:p-10 min-h-[180px] flex items-center gap-5 overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/0 to-primary/0 group-hover:from-primary/10 transition-all duration-500"></div><div class="relative w-14 h-14 rounded-xl bg-primary/10 grid place-items-center text-primary group-hover:bg-gradient-gold group-hover:text-primary-foreground transition-all shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tree-palm" aria-hidden="true"><path d="M13 8c0-2.76-2.46-5-5.5-5S2 5.24 2 8h2l1-1 1 1h4"></path><path d="M13 7.14A5.82 5.82 0 0 1 16.5 6c3.04 0 5.5 2.24 5.5 5h-3l-1-1-1 1h-3"></path><path d="M5.89 9.71c-2.15 2.15-2.3 5.47-.35 7.43l4.24-4.25.7-.7.71-.71 2.12-2.12c-1.95-1.96-5.27-1.8-7.42.35"></path><path d="M11 15.5c.5 2.5-.17 4.5-1 6.5h4c2-5.5-.5-12-1-14"></path></svg></div><div class="relative"><div class="text-xs text-muted-foreground mb-1">0<!-- -->2</div><h3 class="text-xl font-semibold">Location saisonnière</h3></div></div><div class="group relative bg-card p-8 lg:p-10 min-h-[180px] flex items-center gap-5 overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/0 to-primary/0 group-hover:from-primary/10 transition-all duration-500"></div><div class="relative w-14 h-14 rounded-xl bg-primary/10 grid place-items-center text-primary group-hover:bg-gradient-gold group-hover:text-primary-foreground transition-all shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase" aria-hidden="true"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg></div><div class="relative"><div class="text-xs text-muted-foreground mb-1">0<!-- -->3</div><h3 class="text-xl font-semibold">Bureaux</h3></div></div><div class="group relative bg-card p-8 lg:p-10 min-h-[180px] flex items-center gap-5 overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/0 to-primary/0 group-hover:from-primary/10 transition-all duration-500"></div><div class="relative w-14 h-14 rounded-xl bg-primary/10 grid place-items-center text-primary group-hover:bg-gradient-gold group-hover:text-primary-foreground transition-all shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-store" aria-hidden="true"><path d="M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5"></path><path d="M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244"></path><path d="M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05"></path></svg></div><div class="relative"><div class="text-xs text-muted-foreground mb-1">0<!-- -->4</div><h3 class="text-xl font-semibold">Commerces</h3></div></div><div class="group relative bg-card p-8 lg:p-10 min-h-[180px] flex items-center gap-5 overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/0 to-primary/0 group-hover:from-primary/10 transition-all duration-500"></div><div class="relative w-14 h-14 rounded-xl bg-primary/10 grid place-items-center text-primary group-hover:bg-gradient-gold group-hover:text-primary-foreground transition-all shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-stethoscope" aria-hidden="true"><path d="M11 2v2"></path><path d="M5 2v2"></path><path d="M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1"></path><path d="M8 15a6 6 0 0 0 12 0v-3"></path><circle cx="20" cy="10" r="2"></circle></svg></div><div class="relative"><div class="text-xs text-muted-foreground mb-1">0<!-- -->5</div><h3 class="text-xl font-semibold">Cabinets</h3></div></div><div class="group relative bg-card p-8 lg:p-10 min-h-[180px] flex items-center gap-5 overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/0 to-primary/0 group-hover:from-primary/10 transition-all duration-500"></div><div class="relative w-14 h-14 rounded-xl bg-primary/10 grid place-items-center text-primary group-hover:bg-gradient-gold group-hover:text-primary-foreground transition-all shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div><div class="relative"><div class="text-xs text-muted-foreground mb-1">0<!-- -->6</div><h3 class="text-xl font-semibold">Instituts</h3></div></div></div></section><section id="avantages" class="relative py-32 px-6 lg:px-10 max-w-7xl mx-auto"><div class="grid lg:grid-cols-12 gap-12 lg:gap-20 items-end mb-20"><div class="lg:col-span-7" style="opacity:0;transform:translateY(30px)"><span class="text-xs tracking-[0.3em] uppercase text-gradient-gold">Nos avantages</span><h2 class="mt-4 text-4xl lg:text-6xl font-bold leading-tight">Durabilité,<!-- --> <span class="italic font-light text-gradient-gold">performance</span><br/>et liberté.</h2></div><p class="lg:col-span-5 text-lg text-muted-foreground" style="opacity:0">Des modulaires pensés pour durer, livrés vite et entièrement personnalisables.</p></div><div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-px bg-border rounded-2xl overflow-hidden"><div class="group relative bg-card p-8 lg:p-10 min-h-[280px] flex flex-col justify-between overflow-hidden" style="opacity:0;transform:translateY(40px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/0 to-primary/0 group-hover:from-primary/10 transition-all duration-500"></div><div class="relative"><div class="w-12 h-12 rounded-lg bg-primary/10 grid place-items-center text-primary group-hover:bg-gradient-gold group-hover:text-primary-foreground transition-all"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-accessibility" aria-hidden="true"><circle cx="16" cy="4" r="1"></circle><path d="m18 19 1-7-6 1"></path><path d="m5 8 3-3 5.5 3-2.36 3.5"></path><path d="M4.24 14.5a5 5 0 0 0 6.88 6"></path><path d="M13.76 17.5a5 5 0 0 0-6.88-6"></path></svg></div></div><div class="relative"><div class="text-xs text-muted-foreground mb-2">0<!-- -->1</div><h3 class="text-2xl font-semibold mb-2">Accessibilité</h3><p class="text-sm text-muted-foreground leading-relaxed">Des espaces modernes, optimisés, confortables et polyvalents.</p></div></div><div class="group relative bg-card p-8 lg:p-10 min-h-[280px] flex flex-col justify-between overflow-hidden" style="opacity:0;transform:translateY(40px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/0 to-primary/0 group-hover:from-primary/10 transition-all duration-500"></div><div class="relative"><div class="w-12 h-12 rounded-lg bg-primary/10 grid place-items-center text-primary group-hover:bg-gradient-gold group-hover:text-primary-foreground transition-all"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wallet" aria-hidden="true"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"></path><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"></path></svg></div></div><div class="relative"><div class="text-xs text-muted-foreground mb-2">0<!-- -->2</div><h3 class="text-2xl font-semibold mb-2">Maîtrise des coûts</h3><p class="text-sm text-muted-foreground leading-relaxed">Prix fixe connu à l'avance — aucun dépassement.</p></div></div><div class="group relative bg-card p-8 lg:p-10 min-h-[280px] flex flex-col justify-between overflow-hidden" style="opacity:0;transform:translateY(40px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/0 to-primary/0 group-hover:from-primary/10 transition-all duration-500"></div><div class="relative"><div class="w-12 h-12 rounded-lg bg-primary/10 grid place-items-center text-primary group-hover:bg-gradient-gold group-hover:text-primary-foreground transition-all"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-timer" aria-hidden="true"><line x1="10" x2="14" y1="2" y2="2"></line><line x1="12" x2="15" y1="14" y2="11"></line><circle cx="12" cy="14" r="8"></circle></svg></div></div><div class="relative"><div class="text-xs text-muted-foreground mb-2">0<!-- -->3</div><h3 class="text-2xl font-semibold mb-2">Rapidité</h3><p class="text-sm text-muted-foreground leading-relaxed">Livraison et installation en un temps record.</p></div></div><div class="group relative bg-card p-8 lg:p-10 min-h-[280px] flex flex-col justify-between overflow-hidden" style="opacity:0;transform:translateY(40px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/0 to-primary/0 group-hover:from-primary/10 transition-all duration-500"></div><div class="relative"><div class="w-12 h-12 rounded-lg bg-primary/10 grid place-items-center text-primary group-hover:bg-gradient-gold group-hover:text-primary-foreground transition-all"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sliders-horizontal" aria-hidden="true"><path d="M10 5H3"></path><path d="M12 19H3"></path><path d="M14 3v4"></path><path d="M16 17v4"></path><path d="M21 12h-9"></path><path d="M21 19h-5"></path><path d="M21 5h-7"></path><path d="M8 10v4"></path><path d="M8 12H3"></path></svg></div></div><div class="relative"><div class="text-xs text-muted-foreground mb-2">0<!-- -->4</div><h3 class="text-2xl font-semibold mb-2">Personnalisation</h3><p class="text-sm text-muted-foreground leading-relaxed">Agencement et finitions selon vos désirs et besoins.</p></div></div></div></section><section id="tropical" class="relative py-32 px-6 lg:px-10 max-w-7xl mx-auto"><div class="grid lg:grid-cols-12 gap-12 items-center"><div class="lg:col-span-6 relative aspect-[4/5] rounded-2xl overflow-hidden shadow-elegant" style="transform:translateY(-80px)"><img src="/assets/interior-Cib_xGVE.jpg" alt="Intérieur lumineux d'un habitat modulaire Smar Home" width="1080" height="1600" loading="lazy" class="w-full h-full object-cover"/><div class="absolute inset-0 ring-1 ring-inset ring-white/10 rounded-2xl"></div></div><div class="lg:col-span-6 lg:pl-8"><span class="text-xs tracking-[0.3em] uppercase text-gradient-gold" style="opacity:0;transform:translateX(20px)">Pourquoi nous choisir</span><h2 class="mt-4 text-4xl lg:text-5xl font-bold leading-tight" style="opacity:0;transform:translateY(30px)">Un habitat pensé pour la vie<!-- --> <span class="text-gradient-gold italic">tropicale</span>.</h2><p class="mt-6 text-muted-foreground leading-relaxed text-lg" style="opacity:0">Chaque solution SMAR HOME est conçue à partir de matériaux haute performance, résistants à l'air salin, l'humidité et aux vents, tout en offrant esthétique et confort.</p></div></div></section><section id="modeles" class="relative py-32 overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-card/20 via-transparent to-card/20"></div><div class="relative max-w-7xl mx-auto px-6 lg:px-10"><div class="max-w-3xl mb-16" style="opacity:0;transform:translateY(30px)"><span class="text-xs tracking-[0.3em] uppercase text-gradient-gold">Nos modèles</span><h2 class="mt-4 text-5xl lg:text-6xl font-bold leading-[0.95]">Choisissez votre<!-- --> <span class="text-gradient-gold italic">modulaire</span>.</h2><p class="mt-6 text-lg text-muted-foreground">Deux modèles, six superficies. Explorez les plans et les photos.</p></div><div class="grid md:grid-cols-2 gap-6"><div class="group relative rounded-3xl border border-border bg-card/40 backdrop-blur-md overflow-hidden transition-all hover:border-primary/40 hover:-translate-y-1 hover:shadow-elegant min-h-[340px]" style="opacity:0;transform:translateY(30px)"><img src="/__l5e/assets-v1/1e03f7b3-2889-4c2c-b2fa-60632a396260/rosan-bg.jpeg" alt="" aria-hidden="true" loading="lazy" class="absolute inset-0 w-full h-full object-cover opacity-30 group-hover:opacity-40 transition-opacity duration-700"/><div class="absolute inset-0 bg-gradient-to-t from-card via-card/85 to-card/40"></div><div class="relative p-10 lg:p-12 flex flex-col h-full"><div class="flex items-start justify-between gap-6"><h3 class="text-4xl lg:text-5xl font-bold tracking-tight">ROSÄN</h3><div class="flex gap-2 flex-wrap justify-end"><span class="text-xs font-medium px-2.5 py-1 rounded-full border border-border bg-background/50 text-muted-foreground">18 m²</span><span class="text-xs font-medium px-2.5 py-1 rounded-full border border-border bg-background/50 text-muted-foreground">37 m²</span><span class="text-xs font-medium px-2.5 py-1 rounded-full border border-border bg-background/50 text-muted-foreground">75 m²</span></div></div><p class="mt-4 text-muted-foreground max-w-md">Architectural, lignes épurées, finitions premium.</p><div class="mt-auto pt-10 flex flex-wrap gap-3"><a href="/modeles#rosan" class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full border border-border bg-background/60 backdrop-blur-md text-sm font-medium hover:border-primary/40 transition">Voir les dimensions<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/#contact" class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-gradient-gold text-primary-foreground text-sm font-medium shadow-gold hover:scale-105 transition-transform">Demander un devis</a></div></div></div><div class="group relative rounded-3xl border border-border bg-card/40 backdrop-blur-md overflow-hidden transition-all hover:border-primary/40 hover:-translate-y-1 hover:shadow-elegant min-h-[340px]" style="opacity:0;transform:translateY(30px)"><div class="relative p-10 lg:p-12 flex flex-col h-full"><div class="flex items-start justify-between gap-6"><h3 class="text-4xl lg:text-5xl font-bold tracking-tight">MORÄN</h3><div class="flex gap-2 flex-wrap justify-end"><span class="text-xs font-medium px-2.5 py-1 rounded-full border border-border bg-background/50 text-muted-foreground">13 m²</span><span class="text-xs font-medium px-2.5 py-1 rounded-full border border-border bg-background/50 text-muted-foreground">18 m²</span><span class="text-xs font-medium px-2.5 py-1 rounded-full border border-border bg-background/50 text-muted-foreground">25 m²</span></div></div><p class="mt-4 text-muted-foreground max-w-md">Pod futuriste, lignes arrondies et épurées, vitrage panoramique, installation express.</p><div class="mt-auto pt-10 flex flex-wrap gap-3"><a href="/modeles#moran" class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full border border-border bg-background/60 backdrop-blur-md text-sm font-medium hover:border-primary/40 transition">Voir les dimensions<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/#contact" class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-gradient-gold text-primary-foreground text-sm font-medium shadow-gold hover:scale-105 transition-transform">Demander un devis</a></div></div></div></div></div></section><section id="zones" class="py-20 border-y border-border overflow-hidden"><div class="text-center mb-8 px-6"><span class="text-xs tracking-[0.3em] uppercase text-muted-foreground">Zones disponibles</span></div><div class="flex overflow-hidden"><div class="flex animate-marquee shrink-0 gap-16 pr-16"><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-gradient-gold">Martinique</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-muted-foreground">Guadeloupe</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-gradient-gold">Marie-Galante</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-muted-foreground">Saint-Martin</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-gradient-gold">Guyane</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-muted-foreground">Sainte-Lucie</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-gradient-gold">Dominique</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-muted-foreground">Martinique</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-gradient-gold">Guadeloupe</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-muted-foreground">Marie-Galante</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-gradient-gold">Saint-Martin</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-muted-foreground">Guyane</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-gradient-gold">Sainte-Lucie</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-muted-foreground">Dominique</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-gradient-gold">Martinique</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-muted-foreground">Guadeloupe</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-gradient-gold">Marie-Galante</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-muted-foreground">Saint-Martin</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-gradient-gold">Guyane</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-muted-foreground">Sainte-Lucie</span><span class="text-primary text-2xl">✦</span></div><div class="flex items-center gap-16 text-5xl lg:text-7xl font-bold whitespace-nowrap"><span class="text-gradient-gold">Dominique</span><span class="text-primary text-2xl">✦</span></div></div></div></section><section id="contact" class="relative py-32 px-6 lg:px-10 max-w-7xl mx-auto"><div class="max-w-3xl mb-16" style="opacity:0;transform:translateY(30px)"><span class="text-xs tracking-[0.3em] uppercase text-gradient-gold">Contact</span><h2 class="mt-4 text-5xl lg:text-7xl font-bold leading-[0.95]">Programmons votre<!-- --> <span class="text-gradient-gold italic">visite</span>.</h2><p class="mt-6 text-muted-foreground">Écrivez-nous ou appelez-nous directement.</p></div><div class="grid md:grid-cols-2 gap-6"><div class="bg-card border border-border rounded-2xl p-8" style="opacity:0;transform:translateY(20px)"><div class="text-xs tracking-[0.3em] uppercase text-gradient-gold mb-6">MARTINIQUE</div><div class="space-y-5"><div class="flex gap-4"><div class="w-10 h-10 rounded-lg bg-primary/10 grid place-items-center text-primary shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></div><div><div class="text-xs uppercase tracking-widest text-muted-foreground mb-1">Adresse</div><div class="whitespace-pre-line text-sm">Lotissement Choiseul
97222 Case-Pilote</div><a href="https://www.google.com/maps/search/?api=1&query=Lotissement+Choiseul+97222+Case-Pilote" target="_blank" rel="noopener noreferrer" class="mt-2 inline-flex items-center gap-1 text-xs text-gradient-gold hover:underline">Voir sur Google Maps<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div><div class="flex gap-4"><div class="w-10 h-10 rounded-lg bg-primary/10 grid place-items-center text-primary shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></div><div><div class="text-xs uppercase tracking-widest text-muted-foreground mb-1">Téléphone</div><a href="tel:0696677604" class="text-sm hover:text-primary transition">0696 677 604</a></div></div><div class="flex gap-4"><div class="w-10 h-10 rounded-lg bg-primary/10 grid place-items-center text-primary shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></div><div><div class="text-xs uppercase tracking-widest text-muted-foreground mb-1">Fixe</div><a href="tel:0596038959" class="text-sm hover:text-primary transition">0596 03 89 59</a></div></div><div class="flex gap-4"><div class="w-10 h-10 rounded-lg bg-primary/10 grid place-items-center text-primary shrink-0"><svg width="18" height="18" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.816 9.816 0 0 0 12.04 2m.09 17.86c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.264 8.264 0 0 1-1.26-4.38c0-4.56 3.71-8.27 8.28-8.27 2.21 0 4.29.86 5.85 2.43a8.171 8.171 0 0 1 2.42 5.83c0 4.56-3.72 8.27-8.29 8.27m4.38-5.95c-.24-.12-1.41-.69-1.63-.77-.22-.08-.38-.12-.54.12-.16.24-.62.77-.76.92-.14.16-.28.18-.52.08-.24-.12-1.01-.37-1.92-1.18-.71-.63-1.19-1.42-1.33-1.66-.14-.24-.01-.37.1-.5.11-.11.27-.29.4-.43.13-.14.17-.24.25-.4.08-.16.04-.3-.02-.42-.06-.12-.54-1.29-.74-1.77-.2-.46-.39-.4-.53-.41-.14 0-.3-.01-.46-.01-.16 0-.42.06-.64.3-.22.24-.8.82-.8 2.01 0 1.17.85 2.3.97 2.46.12.16 1.68 2.56 4.06 3.59.57.25 1.01.39 1.36.5.57.18 1.09.15 1.5.09.46-.07 1.41-.58 1.61-1.13.2-.55.2-1.02.14-1.13-.06-.1-.22-.16-.46-.27"></path></svg></div><div><div class="text-xs uppercase tracking-widest text-muted-foreground mb-1">WhatsApp</div><a href="https://wa.me/+5960696677604" target="_blank" rel="noopener noreferrer" class="text-sm hover:text-primary transition">0696 677 604</a></div></div><div class="flex gap-4"><div class="w-10 h-10 rounded-lg bg-primary/10 grid place-items-center text-primary shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></div><div><div class="text-xs uppercase tracking-widest text-muted-foreground mb-1">Email</div><a href="mailto:rr@smarhomecaraibes.com" class="text-sm hover:text-primary transition break-all">rr@smarhomecaraibes.com</a></div></div></div></div><div class="bg-card border border-border rounded-2xl p-8" style="opacity:0;transform:translateY(20px)"><div class="text-xs tracking-[0.3em] uppercase text-gradient-gold mb-6">GUADELOUPE</div><div class="space-y-5"><div class="flex gap-4"><div class="w-10 h-10 rounded-lg bg-primary/10 grid place-items-center text-primary shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></div><div><div class="text-xs uppercase tracking-widest text-muted-foreground mb-1">Adresse</div><div class="whitespace-pre-line text-sm">IMMEUBLE BRAVO
97122 Baie-Mahault</div><a href="https://www.google.com/maps/search/?api=1&query=IMMEUBLE+BRAVO+97122+Baie-Mahault" target="_blank" rel="noopener noreferrer" class="mt-2 inline-flex items-center gap-1 text-xs text-gradient-gold hover:underline">Voir sur Google Maps<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div><div class="flex gap-4"><div class="w-10 h-10 rounded-lg bg-primary/10 grid place-items-center text-primary shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></div><div><div class="text-xs uppercase tracking-widest text-muted-foreground mb-1">Téléphone</div><a href="tel:0690356305" class="text-sm hover:text-primary transition">0690 356 305</a></div></div><div class="flex gap-4"><div class="w-10 h-10 rounded-lg bg-primary/10 grid place-items-center text-primary shrink-0"><svg width="18" height="18" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.816 9.816 0 0 0 12.04 2m.09 17.86c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.264 8.264 0 0 1-1.26-4.38c0-4.56 3.71-8.27 8.28-8.27 2.21 0 4.29.86 5.85 2.43a8.171 8.171 0 0 1 2.42 5.83c0 4.56-3.72 8.27-8.29 8.27m4.38-5.95c-.24-.12-1.41-.69-1.63-.77-.22-.08-.38-.12-.54.12-.16.24-.62.77-.76.92-.14.16-.28.18-.52.08-.24-.12-1.01-.37-1.92-1.18-.71-.63-1.19-1.42-1.33-1.66-.14-.24-.01-.37.1-.5.11-.11.27-.29.4-.43.13-.14.17-.24.25-.4.08-.16.04-.3-.02-.42-.06-.12-.54-1.29-.74-1.77-.2-.46-.39-.4-.53-.41-.14 0-.3-.01-.46-.01-.16 0-.42.06-.64.3-.22.24-.8.82-.8 2.01 0 1.17.85 2.3.97 2.46.12.16 1.68 2.56 4.06 3.59.57.25 1.01.39 1.36.5.57.18 1.09.15 1.5.09.46-.07 1.41-.58 1.61-1.13.2-.55.2-1.02.14-1.13-.06-.1-.22-.16-.46-.27"></path></svg></div><div><div class="text-xs uppercase tracking-widest text-muted-foreground mb-1">WhatsApp</div><a href="https://wa.me/+5960690356305" target="_blank" rel="noopener noreferrer" class="text-sm hover:text-primary transition">0690 356 305</a></div></div><div class="flex gap-4"><div class="w-10 h-10 rounded-lg bg-primary/10 grid place-items-center text-primary shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></div><div><div class="text-xs uppercase tracking-widest text-muted-foreground mb-1">Email</div><a href="mailto:gc@smarhome971.com" class="text-sm hover:text-primary transition break-all">gc@smarhome971.com</a></div></div></div></div></div></section><section class="border-t border-border py-16 px-6 lg:px-10"><div class="max-w-7xl mx-auto text-center"><div style="opacity:0;transform:translateY(20px)"><span class="text-xs tracking-[0.3em] uppercase text-gradient-gold">Suivez-nous</span><h3 class="mt-3 text-3xl lg:text-4xl font-bold">@smar_home_</h3></div><div class="mt-10 flex flex-wrap justify-center gap-6" style="opacity:0;transform:translateY(20px)"><a href="https://instagram.com/smar_home_" target="_blank" rel="noopener noreferrer" class="group flex flex-col items-center gap-4"><div class="w-20 h-20 rounded-2xl border-2 border-border bg-card grid place-items-center text-foreground group-hover:border-primary group-hover:text-primary group-hover:shadow-gold transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></div><div class="text-center"><div class="font-semibold text-sm">Instagram</div><div class="text-xs text-muted-foreground">@smar_home_</div></div></a><a href="https://facebook.com/smar_home_" target="_blank" rel="noopener noreferrer" class="group flex flex-col items-center gap-4"><div class="w-20 h-20 rounded-2xl border-2 border-border bg-card grid place-items-center text-foreground group-hover:border-primary group-hover:text-primary group-hover:shadow-gold transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></div><div class="text-center"><div class="font-semibold text-sm">Facebook</div><div class="text-xs text-muted-foreground">smar_home_</div></div></a><a href="https://tiktok.com/@smar_home_" target="_blank" rel="noopener noreferrer" class="group flex flex-col items-center gap-4"><div class="w-20 h-20 rounded-2xl border-2 border-border bg-card grid place-items-center text-foreground group-hover:border-primary group-hover:text-primary group-hover:shadow-gold transition-all duration-300"><svg width="28" height="28" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5.8 20.1a6.34 6.34 0 0 0 10.86-4.43V8.66a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1.84-.09z"></path></svg></div><div class="text-center"><div class="font-semibold text-sm">TikTok</div><div class="text-xs text-muted-foreground">@smar_home_</div></div></a></div></div></section><footer class="border-t border-border py-16 px-6 lg:px-10"><div class="max-w-7xl mx-auto flex flex-col items-center gap-10"><img src="/__l5e/assets-v1/ee64b496-342f-439e-8cb8-5f35d994c9ae/smar-home-logo.jpg" alt="SMAR HOME — Vos rêves, notre vision" class="w-48 md:w-64 h-auto rounded-2xl shadow-elegant"/><div class="w-full flex flex-col md:flex-row gap-8 justify-between items-center pt-6 border-t border-border"><div class="text-xs text-muted-foreground order-3 md:order-1">© <!-- -->2026<!-- --> Smar Home Caraïbes. <!-- -->Tous droits réservés.</div><div class="flex items-center gap-4 order-1 md:order-2"><span class="text-xs uppercase tracking-widest text-muted-foreground hidden sm:inline">Suivez-nous</span><a href="https://instagram.com/smar_home_" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="flex items-center gap-2 px-4 py-2 rounded-full border border-border text-foreground hover:text-primary hover:border-primary/40 hover:bg-primary/5 transition"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg><span class="text-sm font-medium hidden sm:inline">Instagram</span></a><a href="https://facebook.com/smar_home_" target="_blank" rel="noopener noreferrer" aria-label="Facebook" class="flex items-center gap-2 px-4 py-2 rounded-full border border-border text-foreground hover:text-primary hover:border-primary/40 hover:bg-primary/5 transition"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg><span class="text-sm font-medium hidden sm:inline">Facebook</span></a><a href="https://tiktok.com/@smar_home_" target="_blank" rel="noopener noreferrer" aria-label="TikTok" class="flex items-center gap-2 px-4 py-2 rounded-full border border-border text-foreground hover:text-primary hover:border-primary/40 hover:bg-primary/5 transition"><svg width="20" height="20" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5.8 20.1a6.34 6.34 0 0 0 10.86-4.43V8.66a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1.84-.09z"></path></svg><span class="text-sm font-medium hidden sm:inline">TikTok</span></a></div></div></div></footer></main><script>(function(t){let s;try{s=JSON.parse(sessionStorage.getItem(t.storageKey)||"{}")}catch(e){console.error(e);return}const c=t.key||window.history.state?.__TSR_key,r=c?s[c]:void 0;if(t.shouldScrollRestoration&&r&&typeof r=="object"&&Object.keys(r).length>0){for(const e in r){const o=r[e];if(!o||typeof o!="object")continue;const l=o.scrollX,i=o.scrollY;if(!(!Number.isFinite(l)||!Number.isFinite(i))){if(e==="window")window.scrollTo({top:i,left:l,behavior:t.behavior});else if(e){let n;try{n=document.querySelector(e)}catch{continue}n&&(n.scrollLeft=l,n.scrollTop=i)}}}return}const a=window.location.hash.split("#",2)[1];if(a){const e=window.history.state?.__hashScrollIntoViewOptions??!0;if(e){const o=document.getElementById(a);o&&o.scrollIntoView(e)}return}window.scrollTo({top:0,left:0,behavior:t.behavior})})({"storageKey":"tsr-scroll-restoration-v1_3","shouldScrollRestoration":true});document.currentScript.remove()</script><!--/$--><button aria-label="Ouvrir le chat" class="fixed bottom-5 right-5 z-50 h-14 w-14 rounded-full bg-primary text-primary-foreground shadow-elegant flex items-center justify-center hover:scale-105 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg></button><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-ZNIvhFy1.js"],assets:$R[5]=[$R[6]={tag:"script",attrs:$R[7]={type:"module",async:!0},children:"import(\"/assets/index-ZNIvhFy1.js\")"}]},"/":$R[8]={preloads:$R[9]=["/assets/index-CIHm2-vC.js","/assets/Footer-Cl0-0GmN.js"]}}},matches:$R[10]=[$R[11]={i:"__root__ ",u:1787194258944,s:"success",ssr:!0},$R[12]={i:" ",u:1787194258944,s:"success",ssr:!0}],lastMatchId:" "})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script><script type="module" async="">import("/assets/index-ZNIvhFy1.js")</script></body></html>
