Accueil
<section style="background-color:#B9C5B0; padding:60px 0;">
<div style="max-width:1200px; margin:auto; text-align:center; color:#4B4B4B;">
<h1 style="font-family:'Playfair Display', serif; font-size:42px; margin-bottom:10px;">Éveillez vos sens, retrouvez l’harmonie</h1>
<p style="font-family:'Lato', sans-serif; font-size:18px; margin-bottom:50px;">Découvrez nos collections bien-être et décoration, conçues pour apaiser votre intérieur et votre esprit.</p>
<div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:25px;">
<div style="background:#F8F7F3; border-radius:20px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.08); transition:transform 0.3s ease, box-shadow 0.3s ease;">
<img src="https://cdn.shopify.com/s/files/1/0979/4912/2897/files/Massage_Recuperation_chez_Elanae_Home.png?v=1761510499" alt="Massage et Récupération" style="width:100%; display:block;">
<h3 style="padding:20px; font-family:'Playfair Display', serif;">Apaisement du corps</h3>
</div>
<div style="background:#F8F7F3; border-radius:20px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.08); transition:transform 0.3s ease, box-shadow 0.3s ease;">
<img src="https://cdn.shopify.com/s/files/1/0979/4912/2897/files/Sommeil_et_Detente_Elegants.png?v=1761510525" alt="Sommeil et Détente" style="width:100%; display:block;">
<h3 style="padding:20px; font-family:'Playfair Display', serif;">Sommeil profond</h3>
</div>
<div style="background:#F8F7F3; border-radius:20px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.08); transition:transform 0.3s ease, box-shadow 0.3s ease;">
<img src="https://cdn.shopify.com/s/files/1/0979/4912/2897/files/Accessoires_pour_amelioration_de_la_posture.png?v=1761510582" alt="Posture et Bien-être" style="width:100%; display:block;">
<h3 style="padding:20px; font-family:'Playfair Display', serif;">Alignement intérieur</h3>
</div>
<div style="background:#F8F7F3; border-radius:20px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.08); transition:transform 0.3s ease, box-shadow 0.3s ease;">
<img src="https://cdn.shopify.com/s/files/1/0979/4912/2897/files/Harmonie_et_Serenite_Interieure.png?v=1761510604" alt="Sérénité intérieure" style="width:100%; display:block;">
<h3 style="padding:20px; font-family:'Playfair Display', serif;">Équilibre quotidien</h3>
</div>
</div>
</div>
</section>
<style>
section div:hover {
transform: translateY(-5px);
box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}
</style>