<!DOCTYPE html><html lang="fr"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Guide Complet 2026 : Intégrer l&#39;Homéopathie dans un Mode de Vie Sain | OmeopatiaNet</title><meta name="description" content="Découvrez comment l'homéopathie peut transformer votre quotidien en 2026. Principes, histoire, science, et conseils pratiques pour une approche holistique de votre santé."><meta name="keywords" content="homéopathie, santé naturelle, bien-être holistique, remèdes naturels, Samuel Hahnemann, médecine douce 2026, granules homéopathiques"><meta property="og:type" content="website"><meta property="og:title" content="Guide Complet 2026 : Intégrer l'Homéopathie dans un Mode de Vie Sain | OmeopatiaNet"><meta property="og:description" content="Découvrez comment l'homéopathie peut transformer votre quotidien en 2026. Principes, histoire, science, et conseils pratiques pour une approche holistique de votre santé."><meta property="og:image" content="https://images.pexels.com/photos/20727529/pexels-photo-20727529.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"><meta property="twitter:card" content="summary_large_image"><meta property="twitter:title" content="Guide Complet 2026 : Intégrer l'Homéopathie dans un Mode de Vie Sain | OmeopatiaNet"><meta property="twitter:description" content="Découvrez comment l'homéopathie peut transformer votre quotidien en 2026. Principes, histoire, science, et conseils pratiques pour une approche holistique de votre santé."><meta property="twitter:image" content="https://images.pexels.com/photos/9335987/pexels-photo-9335987.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"><link rel="canonical" href="https://omeopatianet.it"><link rel="icon" href="https://api.dicebear.com/9.x/shapes/png?seed=OmeopatiaNet"><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&family=Lato:wght@300;400;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/index.B07TYtMG.css"></head> <body class="bg-white text-neutral-900 font-sans leading-relaxed">  <nav id="nav-container" class="fixed top-0 left-0 w-full z-[100] bg-white/70 backdrop-blur-md border-b border-white/30 transition-all duration-300" data-astro-cid-3ef6ksr2> <div class="max-w-7xl mx-auto px-6 lg:px-12" data-astro-cid-3ef6ksr2> <div class="flex justify-between items-center h-20" data-astro-cid-3ef6ksr2> <div class="flex justify-between items-center h-20" data-astro-cid-3ef6ksr2> <div class="flex-shrink-0 flex items-center" data-astro-cid-3ef6ksr2> <a href="/" class="group flex items-center gap-1" data-astro-cid-3ef6ksr2> <span class="text-2xl font-light tracking-tighter text-gray-800" data-astro-cid-3ef6ksr2>Omeopatia</span><span class="text-2xl font-bold tracking-tighter text-[#4CAF50] transition-transform duration-300 group-hover:scale-105" data-astro-cid-3ef6ksr2>Net</span> </a> </div> </div> <div class="hidden md:flex items-center space-x-10" data-astro-cid-3ef6ksr2> <a href="/" class="nav-link-ltr text-[13px] font-semibold uppercase tracking-widest text-gray-600 hover:text-[#4CAF50] transition-colors duration-300" data-astro-cid-3ef6ksr2>
Guide Homéopathie
</a> <a href="/blog/" class="ml-4 px-6 py-2.5 bg-[#4CAF50] text-white text-sm font-medium rounded-full hover:bg-[#43a047] hover:shadow-lg hover:shadow-[#4CAF50]/20 transition-all duration-300 transform hover:-translate-y-0.5" data-astro-cid-3ef6ksr2>
Blog
</a> </div> </div> <div class="md:hidden flex items-center" data-astro-cid-3ef6ksr2> <button id="nav-toggle" class="relative group focus:outline-none" aria-label="Toggle Menu" data-astro-cid-3ef6ksr2> <div class="flex flex-col justify-between w-6 h-4 transform transition-all duration-300" data-astro-cid-3ef6ksr2> <span id="nav-bar-1" class="w-full h-[2px] bg-gray-800 rounded-full transition-all duration-300 origin-left" data-astro-cid-3ef6ksr2></span> <span id="nav-bar-2" class="w-full h-[2px] bg-gray-800 rounded-full transition-all duration-300" data-astro-cid-3ef6ksr2></span> <span id="nav-bar-3" class="w-full h-[2px] bg-gray-800 rounded-full transition-all duration-300 origin-left" data-astro-cid-3ef6ksr2></span> </div> </button> </div> </div> <div id="nav-mobile-menu" class="hidden md:hidden absolute top-20 left-0 w-full h-screen bg-white/95 backdrop-blur-xl border-t border-gray-100" data-astro-cid-3ef6ksr2> <div class="flex flex-col p-8 space-y-6" data-astro-cid-3ef6ksr2> <a href="/" class="text-2xl font-medium text-gray-800 hover:text-[#4CAF50] transition-colors border-b border-gray-50 pb-4" data-astro-cid-3ef6ksr2>
Guide Homéopathie
</a> <div class="pt-6" data-astro-cid-3ef6ksr2> <div class="p-6 rounded-3xl bg-[#4CAF50]/5 border border-[#4CAF50]/10" data-astro-cid-3ef6ksr2> <p class="text-sm text-gray-500 mb-4 font-medium italic" data-astro-cid-3ef6ksr2>"Une approche holistique pour votre vitalité quotidienne."</p> <a href="#" class="inline-block w-full text-center px-6 py-4 bg-[#4CAF50] text-white font-bold rounded-2xl shadow-xl shadow-[#4CAF50]/20" data-astro-cid-3ef6ksr2>
Prendre rendez-vous
</a> </div> </div> </div> </div> </nav>  <script type="module">const l=document.getElementById("nav-toggle"),e=document.getElementById("nav-mobile-menu"),s=document.getElementById("nav-bar-1"),n=document.getElementById("nav-bar-2"),o=document.getElementById("nav-bar-3"),t=document.getElementById("nav-container");let a=!1;l?.addEventListener("click",()=>{a=!a,a?(e?.classList.remove("hidden"),e?.classList.add("nav-mobile-open"),s?.classList.add("rotate-45","translate-x-[2px]","translate-y-[-1px]"),n?.classList.add("opacity-0"),o?.classList.add("-rotate-45","translate-x-[2px]","translate-y-[1px]"),document.body.style.overflow="hidden"):(e?.classList.add("hidden"),e?.classList.remove("nav-mobile-open"),s?.classList.remove("rotate-45","translate-x-[2px]","translate-y-[-1px]"),n?.classList.remove("opacity-0"),o?.classList.remove("-rotate-45","translate-x-[2px]","translate-y-[1px]"),document.body.style.overflow="auto")});window.addEventListener("scroll",()=>{window.scrollY>20?(t?.classList.add("py-1","bg-white/90","shadow-sm"),t?.classList.remove("bg-white/70")):(t?.classList.remove("py-1","bg-white/90","shadow-sm"),t?.classList.add("bg-white/70"))});</script> <main> <main> <section class="relative min-h-screen flex items-center justify-center overflow-hidden bg-gradient-to-br from-[#E8F5E9] to-white px-6"> <div class="absolute top-0 left-0 w-64 h-64 bg-[#A5D6A7]/20 organic-shape -translate-x-1/2 -translate-y-1/2 blur-3xl"></div> <div class="absolute bottom-0 right-0 w-96 h-96 bg-[#4CAF50]/10 organic-shape translate-x-1/3 translate-y-1/3 blur-3xl"></div> <div class="container mx-auto grid lg:grid-cols-2 gap-12 items-center relative z-10"> <div class="reveal-on-scroll"> <span class="inline-block px-4 py-2 rounded-full bg-[#4CAF50]/10 text-[#4CAF50] font-semibold text-sm mb-6 uppercase tracking-widest">Équilibre & Harmonie 2026</span> <h1 class="text-5xl md:text-7xl font-bold leading-tight mb-8 text-neutral-900">
L'Art de Vivre <br><span class="gradient-text">Homéopathique</span> </h1> <p class="text-lg md:text-xl text-neutral-600 mb-10 max-w-xl">
Découvrez une approche holistique de la santé où la nature et la science se rencontrent pour soutenir votre vitalité durable. Bienvenue dans le futur du bien-être chez OmeopatiaNet.
</p> <div class="flex flex-wrap gap-4"> <a href="#guide" class="px-8 py-4 bg-[#4CAF50] text-white rounded-2xl font-bold shadow-lg shadow-[#4CAF50]/30 hover:bg-green-600 transition-all transform hover:-translate-y-1">Explorer le Guide</a> <a href="#simulateur" class="px-8 py-4 bg-white border-2 border-[#4CAF50] text-[#4CAF50] rounded-2xl font-bold hover:bg-[#E8F5E9] transition-all transform hover:-translate-y-1">Essayer le Simulateur</a> </div> </div> <div class="relative reveal-on-scroll delay-200"> <div class="relative z-10 rounded-[3rem] overflow-hidden shadow-2xl"> <img src="/_astro/pexels-photo-31665672_OUgE9.webp" alt="Plantes médicinales et granules" loading="lazy" decoding="async" fetchpriority="auto" width="940" height="650" class="w-full h-[600px] object-cover"> </div> <div class="absolute -bottom-6 -left-6 glass-card p-6 shadow-xl max-w-xs z-20"> <div class="flex items-center gap-4 mb-3"> <div class="w-12 h-12 bg-[#4CAF50] rounded-full flex items-center justify-center text-white"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> </div> <p class="font-bold">Approche 100% Naturelle</p> </div> <p class="text-sm text-neutral-500 italic">"L'homéopathie ne soigne pas seulement la maladie, elle prend soin de l'individu."</p> </div> </div> </div> </section> <section id="guide" class="py-24 container mx-auto px-6"> <div class="max-w-4xl mx-auto text-center mb-16 reveal-on-scroll"> <h2 class="text-4xl font-bold mb-6">Comprendre les Fondements de l'Homéopathie</h2> <p class="text-xl text-neutral-600">En 2026, l'homéopathie s'affirme comme une discipline de précision, basée sur trois piliers immuables qui définissent son efficacité et sa singularité thérapeutique.</p> </div> <div class="grid md:grid-cols-3 gap-8"> <div class="glass-card p-8 hover:shadow-2xl transition-all duration-500 reveal-on-scroll"> <div class="w-16 h-16 bg-[#A5D6A7]/30 rounded-2xl flex items-center justify-center mb-6"> <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-[#4CAF50]" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path></svg> </div> <h3 class="text-2xl font-bold mb-4">Le Principe de Similitude</h3> <p class="text-neutral-600 mb-4">"Similia similibus curentur" : le semblable guérit le semblable. Ce concept postule qu’une substance provoquant des symptômes chez une personne saine peut, à dose infinitésimale, guérir ces mêmes symptômes chez une personne malade.</p> <p class="text-sm text-[#4CAF50] font-semibold italic">Exemple : L'oignon (Allium Cepa) qui fait pleurer les yeux est utilisé pour traiter certains rhumes de cerveau.</p> </div> <div class="glass-card p-8 hover:shadow-2xl transition-all duration-500 reveal-on-scroll delay-100"> <div class="w-16 h-16 bg-[#A5D6A7]/30 rounded-2xl flex items-center justify-center mb-6"> <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-[#4CAF50]" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.618.309a6 6 0 00-2.731 4.756l-.078 2.037a1 1 0 001.066 1.036h10.334a1 1 0 001.066-1.036l-.078-2.037a1 1 0 00-.697-.938z"></path></svg> </div> <h3 class="text-2xl font-bold mb-4">La Dilution Infinitésimale</h3> <p class="text-neutral-600 mb-4">Pour minimiser la toxicité et exalter les propriétés curatives, les substances subissent des cycles de dilutions successives et de dynamisations (succussions). Ce procédé unique permet d'agir sur le plan énergétique de l'organisme.</p> <p class="text-sm text-[#4CAF50] font-semibold italic">En 2026, les technologies de mesure nanoscopique continuent d'explorer les structures moléculaires résiduelles.</p> </div> <div class="glass-card p-8 hover:shadow-2xl transition-all duration-500 reveal-on-scroll delay-200"> <div class="w-16 h-16 bg-[#A5D6A7]/30 rounded-2xl flex items-center justify-center mb-6"> <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-[#4CAF50]" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg> </div> <h3 class="text-2xl font-bold mb-4">L'Individualisation</h3> <p class="text-neutral-600 mb-4">On ne traite pas une grippe, on traite un individu grippé. L’homéopathie prend en compte le terrain, l'état émotionnel, les antécédents et les modalités spécifiques de chaque patient pour un traitement sur-mesure.</p> <p class="text-sm text-[#4CAF50] font-semibold italic mb-2">Votre réaction à la chaleur ou au froid peut déterminer le choix de votre remède.</p> <p class="text-sm text-neutral-500 font-medium">Pour découvrir plus d'inspiration : <a href="https://health-body.fr/" class="text-[#4CAF50] hover:underline" target="_blank" rel="noopener noreferrer">health-body.fr</a></p> </div> </div> </section> <section class="py-24 bg-neutral-50"> <div class="container mx-auto px-6"> <div class="flex flex-col lg:flex-row gap-16 items-center"> <div class="lg:w-1/2 reveal-on-scroll"> <img src="/_astro/pexels-photo-30636023_13eMbI.webp" alt="Livre ancien et microscope" loading="lazy" decoding="async" fetchpriority="auto" width="940" height="650" class="rounded-3xl shadow-2xl grayscale hover:grayscale-0 transition-all duration-700"> </div> <div class="lg:w-1/2 reveal-on-scroll delay-200"> <h2 class="text-4xl font-bold mb-8">De Samuel Hahnemann à l'Ère Moderne</h2> <div class="space-y-6 text-neutral-700"> <p>L'aventure commence à la fin du XVIIIe siècle avec un médecin allemand visionnaire, <strong>Samuel Hahnemann</strong>. Déçu par les méthodes agressives de son temps, il découvre par hasard les effets de la quinine sur lui-même, posant ainsi la première pierre du principe de similitude.</p> <p>En 1810, il publie l'<strong>Organon de l'art de guérir</strong>, l'ouvrage fondateur qui définit rigoureusement la doctrine. Malgré les résistances initiales de l'académisme médical, l'homéopathie s'est diffusée avec une rapidité fulgurante en Europe, puis aux États-Unis et en Inde.</p> <p>Au fil des décennies, elle a traversé des périodes de reconnaissance officielle et des phases de remise en question. Aujourd'hui, en 2026, elle est utilisée par plus de 300 millions de personnes à travers le monde, intégrée dans le parcours de soin de nombreux pays.</p> </div> </div> </div> </div> </section> <section id="simulateur" class="py-24 bg-[#4CAF50]/5"> <div class="container mx-auto px-6"> <div class="max-w-3xl mx-auto glass-card p-12 shadow-xl border-2 border-primary/20"> <div class="text-center mb-10"> <h2 class="text-3xl font-bold mb-4">Découvrez votre Terrain Homéopathique</h2> <p class="text-neutral-600">Répondez à quelques questions pour identifier votre profil dominant en 2026.</p> </div> <div id="quiz-container"> <div id="question-area" class="space-y-8"> <div> <p class="text-lg font-bold mb-4">1. Comment réagissez-vous au stress intense ?</p> <div class="grid grid-cols-1 md:grid-cols-2 gap-4"> <button data-option="A" class="quiz-opt p-4 border-2 border-primary/30 rounded-xl hover:bg-primary/10 transition-all text-left">Je m'agite, je parle beaucoup, j'ai besoin de bouger.</button> <button data-option="B" class="quiz-opt p-4 border-2 border-primary/30 rounded-xl hover:bg-primary/10 transition-all text-left">Je me replie sur moi-même, je deviens silencieux.</button> <button data-option="C" class="quiz-opt p-4 border-2 border-primary/30 rounded-xl hover:bg-primary/10 transition-all text-left">Je deviens irritable et j'ai des troubles digestifs.</button> <button data-option="D" class="quiz-opt p-4 border-2 border-primary/30 rounded-xl hover:bg-primary/10 transition-all text-left">Je perds mes moyens et je tremble physiquement.</button> </div> </div> </div> <div id="result-area" class="hidden text-center py-10"> <div class="w-24 h-24 bg-primary text-white rounded-full flex items-center justify-center mx-auto mb-6 text-3xl font-bold">!</div> <h3 id="result-title" class="text-2xl font-bold mb-4">Votre Profil</h3> <p id="result-desc" class="text-neutral-600 mb-8"></p> <button id="reset-quiz" class="px-8 py-3 bg-primary text-white rounded-xl font-bold">Recommencer</button> </div> </div> </div> <script type="module">const s=document.getElementById("question-area"),r=document.getElementById("result-area"),e=document.getElementById("result-title"),t=document.getElementById("result-desc"),u=document.getElementById("reset-quiz"),a=document.querySelectorAll(".quiz-opt");function o(i){s?.classList.add("hidden"),r?.classList.remove("hidden"),i==="A"?(e&&(e.innerText="Profil Phosphorique"),t&&(t.innerText="Vous êtes d'une nature enthousiaste, expressive mais vite épuisable. En 2026, l'homéopathie peut vous aider à mieux canaliser votre énergie nerveuse.")):i==="B"?(e&&(e.innerText="Profil Silicique"),t&&(t.innerText="D'une grande finesse et d'une sensibilité intellectuelle, vous manquez parfois de résistance physique. Votre terrain demande du soutien et de la structure.")):i==="C"?(e&&(e.innerText="Profil Carbonique"),t&&(t.innerText="Vous êtes solide, méthodique mais sujet à la lenteur métabolique. Un accompagnement homéopathique axé sur le drainage vous serait bénéfique.")):(e&&(e.innerText="Profil Fluorique"),t&&(t.innerText="Instable, créatif et réactif, votre vitalité est changeante. L'homéopathie vous aide à retrouver un ancrage physique et émotionnel stable."))}a.forEach(i=>{i.addEventListener("click",()=>{const n=i.getAttribute("data-option");n&&o(n)})});u?.addEventListener("click",()=>{s?.classList.remove("hidden"),r?.classList.add("hidden")});</script> </div> </section> <section class="py-24 bg-neutral-900 text-white"> <div class="container mx-auto px-6"> <div class="max-w-4xl mx-auto text-center reveal-on-scroll"> <h2 class="text-4xl font-bold mb-12">Science et Éthique : Une Analyse Objective</h2> <div class="grid md:grid-cols-2 gap-12 text-left"> <div class="space-y-6"> <h3 class="text-2xl font-semibold text-[#A5D6A7]">Le Regard des Autorités</h3> <p class="text-neutral-400">En 2026, la position de la Haute Autorité de Santé (HAS) souligne l'importance d'une approche intégrative. Bien que les débats sur les preuves cliniques strictes continuent, la place de l'homéopathie dans les soins de support est de plus en plus reconnue.</p> </div> <div class="space-y-6"> <h3 class="text-2xl font-semibold text-[#A5D6A7]">La Force du Ressenti</h3> <p class="text-neutral-400">Des millions de témoignages et de nombreuses études observationnelles montrent une amélioration réelle de la qualité de vie et une excellente tolérance. La recherche actuelle explore maintenant l'effet des nanostructures dans les solutions diluées.</p> </div> </div> </div> </div> </section> </main> <footer class="relative overflow-hidden bg-slate-50 pt-16 pb-8 font-sans text-slate-700"> <footer class="relative overflow-hidden bg-slate-50 pt-16 pb-8 font-sans text-slate-700"> <div class="absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 w-96 h-96 bg-[#4CAF50]/5 rounded-full blur-3xl"></div> <div class="absolute bottom-0 right-0 translate-x-1/4 translate-y-1/4 w-64 h-64 bg-[#4CAF50]/10 rounded-full blur-2xl"></div> <div class="container mx-auto px-6 relative z-10"> <div class="container mx-auto px-6 relative z-10"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-8 mb-12"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-8 mb-12"> <div class="lg:col-span-4 flex flex-col space-y-6 p-8 bg-white rounded-3xl border border-slate-100 shadow-sm transition-hover duration-300 hover:shadow-md"> <div class="flex items-center space-x-2"> <div class="w-10 h-10 bg-[#4CAF50] rounded-xl flex items-center justify-center shadow-lg shadow-[#4CAF50]/20"> <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364-6.364l-.707.707M6.343 17.657l-.707.707m12.728 0l-.707-.707M6.343 6.343l-.707-.707m12.728 0A9 9 0 115.636 5.636m12.728 12.728A9 9 0 015.636 17.657"></path> </svg> </div> <span class="text-2xl font-bold tracking-tight text-slate-900">Omeopatia<span class="text-[#4CAF50]">net</span></span> </div> <p class="text-sm leading-relaxed text-slate-500 max-w-sm">
Votre référence pour une intégration harmonieuse de l’homéopathie dans un mode de vie équilibré. Une approche scientifique et naturelle pour devenir acteur de votre santé.
</p> <div class="flex items-center space-x-4 pt-4"> <a href="#" class="w-10 h-10 flex items-center justify-center rounded-full bg-slate-100 text-slate-600 hover:bg-[#4CAF50] hover:text-white transition-all duration-300"> <i class="fab fa-twitter"></i> </a> <a href="#" class="w-10 h-10 flex items-center justify-center rounded-full bg-slate-100 text-slate-600 hover:bg-[#4CAF50] hover:text-white transition-all duration-300"> <i class="fab fa-instagram"></i> </a> </div> </div> </div> <div class="lg:col-span-3 flex flex-col p-8 bg-white rounded-3xl border border-slate-100 shadow-sm"> <h3 class="text-lg font-semibold text-slate-900 mb-6 flex items-center"> <span class="w-1.5 h-6 bg-[#4CAF50] rounded-full mr-3"></span>
Explorer
</h3> <nav class="flex flex-col space-y-3"> <a href="/" class="text-slate-500 hover:text-[#4CAF50] hover:translate-x-1 transition-all duration-200 text-sm font-medium">
Guide Homéopathie
</a> <a href="/blog/" class="text-slate-500 hover:text-[#4CAF50] hover:translate-x-1 transition-all duration-200 text-sm font-medium">
Blog
</a> <a href="https://genin-therapie-couple.fr/" class="text-slate-500 hover:text-[#4CAF50] hover:translate-x-1 transition-all duration-200 text-sm font-medium" target="_blank">Thérapie de couple</a> <a href="https://nievremedical.fr/" class="text-slate-500 hover:text-[#4CAF50] hover:translate-x-1 transition-all duration-200 text-sm font-medium" target="_blank">Nièvre Médical</a> <a href="https://labarberie.fr/" class="text-slate-500 hover:text-[#4CAF50] hover:translate-x-1 transition-all duration-200 text-sm font-medium" target="_blank">La Barberie</a> </nav> </div> </div> <div class="lg:col-span-5 p-8 bg-white/60 backdrop-blur-xl border border-white rounded-3xl shadow-sm overflow-hidden relative group"> <div class="absolute -right-10 -top-10 w-40 h-40 bg-[#4CAF50]/10 rounded-full group-hover:scale-110 transition-transform duration-700"></div> <h3 class="text-lg font-semibold text-slate-900 mb-2 relative z-10">Restez informé</h3> <p class="text-sm text-slate-500 mb-6 relative z-10">Recevez nos conseils bien-être et actualités homéopathiques directement par email.</p> <form class="relative z-10 space-y-3" onsubmit="event.preventDefault();" name="newsletter" method="POST" data-netlify="true" netlify-honeypot="bot-field"> <p class="hidden"> <label> Ne pas remplir si vous êtes humain : <input name="bot-field"></label> </p> <div class="relative"> <input type="email" placeholder="Votre adresse email" class="w-full px-5 py-3 rounded-2xl bg-white border border-slate-200 focus:outline-none focus:ring-2 focus:ring-[#4CAF50]/20 focus:border-[#4CAF50] transition-all text-sm"> </div> <button class="w-full bg-[#4CAF50] hover:bg-[#43a047] text-white font-semibold py-3 px-6 rounded-2xl transition-all duration-300 shadow-lg shadow-[#4CAF50]/20 active:scale-95">
S'abonner à la newsletter
</button> </form> <p class="text-[10px] text-slate-400 mt-4 leading-relaxed">
* En vous inscrivant, vous acceptez notre politique de confidentialité. Désinscription possible à tout moment.
</p> </div> </div> </div> <div class="pt-8 border-t border-slate-200"> <div class="flex flex-col md:flex-row justify-between items-center space-y-6 md:space-y-0"> <div class="flex flex-col md:flex-row justify-between items-center space-y-6 md:space-y-0"> <div class="flex flex-col items-center md:items-start space-y-2"> <p class="text-xs text-slate-400">
© 2026 OmeopatiaNet. Tous droits réservés.
</p> <div class="flex space-x-4 text-[11px] font-medium text-slate-500 uppercase tracking-widest"> <a href="/mentions-legales/" class="hover:text-[#4CAF50] transition-colors">Mentions Légales</a> <span class="text-slate-300">|</span> <a href="/politique-confidentialite/" class="hover:text-[#4CAF50] transition-colors">Confidentialité</a> </div> </div> </div> </div> </div> </footer></footer> </main> <script>
			// Global Scroll Reveal Logic
			const setupReveal = () => {
				const observerOptions = { threshold: 0.1 };
				const observer = new IntersectionObserver((entries, obs) => {
					entries.forEach(entry => {
						if (entry.isIntersecting) {
							entry.target.classList.add('active');
							obs.unobserve(entry.target);
						}
					});
				}, observerOptions);

				const elements = document.querySelectorAll("section, h1, h2, h3, p, img, ul, ol, .btn, .card, table, form, .glass-card, .reveal-on-scroll");
				elements.forEach((el) => observer.observe(el));
			};

			setupReveal();
			document.addEventListener('astro:after-swap', setupReveal);
		</script> </body> </html>