Outiref

Code source de l'URL : http://emotysia.fr/accueil

<!DOCTYPE html>
<html lang="fr" class="scroll-smooth">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://unpkg.com/leaflet/dist/leaflet.css" />
    <style>
        .font-playfair {
            font-family: 'Playfair Display', serif;
        }

        .font-lora {
            font-family: 'Lora', serif;
        }
    </style>
    <link rel="preload" as="style" href="https://emotysia.fr/build/assets/app-Cec5jUP_.css" /><link rel="modulepreload" as="script" href="https://emotysia.fr/build/assets/app-DlYOw6CL.js" /><link rel="stylesheet" href="https://emotysia.fr/build/assets/app-Cec5jUP_.css" /><script type="module" src="https://emotysia.fr/build/assets/app-DlYOw6CL.js"></script>    <title>Émotysia | Coffrets de bien-être émotionnel et rituels de reconnexion</title>
    <meta name="description" content="Découvrez Émotysia : des coffrets de bien-être émotionnel et rituels de reconnexion        pour accompagner les passages de vie. Trouvez l&amp;#39;apaisement à travers les mots et les        symboles." />
</head>
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-8TMPPJ2RZL"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-8TMPPJ2RZL'); </script>
<body class="bg-[#FCFAF3] min-h-screen flex flex-col">
    <header>
        <div class="fixed top-0 left-0 w-full bg-[#FCFAF3] z-50 shadow-md">
    <div class="absolute top-4 right-8 flex gap-4 md:gap-12">
                    <a href="https://emotysia.fr/login">
                <img src="https://emotysia.fr/images/nav_bar/Barre_Nav_Symbole_connexion_fond_transparent.png" alt="Connexion" class="w-6 md:w-16 h-auto">
            </a>
            <a href="https://emotysia.fr/login">
                <img src="https://emotysia.fr/images/nav_bar/Barre_Nav_Panier_fond_transparent.png" alt="Panier" class="w-6 md:w-16 h-auto mt-1">
            </a>
            </div>
    <div class="flex items-center gap-8 p-6 md:p-3">
        <div>
            <a href="https://emotysia.fr/accueil">
                <img src="https://emotysia.fr/images/nav_bar/logo.png"
                     alt="Logo" class="w-20 md:w-52 h-auto">
            </a>
        </div>
        <button id="menuBtn" class="absolute top-12 right-8 md:hidden p-2 border border-[#BD5E2F] rounded bg-white z-50">
            <svg class="w-6 h-6 text-[#BD5E2F]" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                 stroke-linejoin="round" viewbox="0 0 24 24">
                <line x1="3" y1="6" x2="21" y2="6"/>
                <line x1="3" y1="12" x2="21" y2="12"/>
                <line x1="3" y1="18" x2="21" y2="18"/>
            </svg>
        </button>

        <nav class="hidden md:flex flex-wrap font-playfair text-lg md:text-[28px] justify-center mt-16 space-x-10 ml-8">
            <a href="https://emotysia.fr/accueil" class="italic font-semibold hover:underline whitespace-nowrap text-[#BD5E2F] underline">Accueil</a>
            <a href="https://emotysia.fr/a_propos" class="italic font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Naissance d'Émotysia</a>
            <a href="https://emotysia.fr/coffrets" class="italic font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Boutique</a>
            <a href="https://emotysia.fr/accompagnements" class="italic font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Espace d'écoute</a>
            <a href="https://emotysia.fr/faq" class="italic font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Foire aux questions</a>
            <a href="https://emotysia.fr/contact" class="italic font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Contact et Réservation</a>
            <div class="bg-[#BD5E2F] h-1 w-full hidden md:block mt-3"></div>
        </nav>
    </div>

    <div id="mobileMenu" class="md:hidden hidden flex-col gap-2 font-playfair text-base p-4 bg-[#FCFAF3] border-t border-gray-300">
        <a href="https://emotysia.fr/accueil" class="text-[#BD5E2F] underline">Accueil</a><br>
        <a href="https://emotysia.fr/a_propos" class="text-[#2E2E2E] none">Naissance d'Émotysia</a><br>
        <a href="https://emotysia.fr/coffrets" class="text-[#2E2E2E] none">Boutique</a><br>
        <a href="https://emotysia.fr/accompagnements" class="text-[#2E2E2E] none">Espace d'écoute</a><br>
        <a href="https://emotysia.fr/faq" class="text-[#2E2E2E] none">Foire aux questions</a><br>
        <a href="https://emotysia.fr/contact" class="text-[#2E2E2E] none">Contact et Réservation</a>
        <div class="bg-[#BD5E2F] h-[2px] w-full mt-2"></div>
    </div>
</div>

<script>
    const menuBtn = document.getElementById('menuBtn');
    const mobileMenu = document.getElementById('mobileMenu');
    menuBtn.addEventListener('click', () => {
        mobileMenu.classList.toggle('hidden');
    });
</script>
    </header>
    <img src="https://emotysia.fr/images/modif.png" alt="modif" class="hidden md:block absolute top-40 left-0 w-96 h-auto rounded-sm">
    <main class="pt-[120px] md:pt-[200px] px-4 pb-8 flex-grow">
        <div class="max-w-6xl mx-auto">
            <h1 class="text-[#BD5E2F] text-2xl md:text-5xl mb-4 pt-6 text-center max-w-3xl mx-auto md:leading-15"> Des coffrets, des livres et des outils bien-être émotionnel. </h1>
                <div class="gap-8 md:gap-24 mt-8 md:mt-16 flex justify-center">
        <img src="https://emotysia.fr/images/accueil/imageAccueil.png" alt="bougie tenu par deux mains" class="w-32 md:w-96 h-auto rounded-sm shadow-lg">
    </div>
    <div class="gap-8 md:gap-24 mt-4 md:mt-8 flex justify-center">
        <p class="italic font-medium !text-[#BD5E2F] text-2xl">Comprendre vos émotions et traverser sereinement les étapes importantes de la vie.</p>
    </div>

    <div class="gap-8 md:gap-24 mt-14 md:mt-24 flex justify-center">
        <p class="italic font-medium text-2xl text!-black">Les univers organisés en 6 pôles</p>
    </div>

    <div class="hidden md:flex flex-wrap justify-center gap-8 mt-4 md:mt-8">
                    <a href="https://emotysia.fr/coffrets">
                <div class="flex flex-col items-center text-center">
                    <p class="font-semibold text-xl mb-2 !text-[#BD5E2F] !italic">L&#039;adolescence</p>
                    <img src="https://emotysia.fr/storage/categorie/UPXxEHsrbUN6ca64NjD1ZCsj16cku0d2VvwSeu5m.png" alt="image catégorie" class="w-20 md:w-48 h-auto mb-2">
                    <p class="text-base !text-[#BD5E2F] !italic mt-2 max-w-3xs !text-center">Renforcer la relation et traverser l&#039;adolescence avec sérénité.</p>
                </div>
            </a>
                    <a href="https://emotysia.fr/coffrets">
                <div class="flex flex-col items-center text-center">
                    <p class="font-semibold text-xl mb-2 !text-[#BD5E2F] !italic">La période Prénatale</p>
                    <img src="https://emotysia.fr/storage/categorie/LnglFT3ELvC54OdjSanJ4hVPe8dUe5Lf3PQtsOkV.png" alt="image catégorie" class="w-20 md:w-48 h-auto mb-2">
                    <p class="text-base !text-[#BD5E2F] !italic mt-2 max-w-3xs !text-center">Explorer vos émotions de grossesse et vous accompagner dès le début de ce chemin.</p>
                </div>
            </a>
                    <a href="https://emotysia.fr/coffrets">
                <div class="flex flex-col items-center text-center">
                    <p class="font-semibold text-xl mb-2 !text-[#BD5E2F] !italic">La période Postnatale</p>
                    <img src="https://emotysia.fr/storage/categorie/MOXgTkTAj91fXJFUQKZ7mp5X3UKYRQAnhzSEWmLn.png" alt="image catégorie" class="w-20 md:w-48 h-auto mb-2">
                    <p class="text-base !text-[#BD5E2F] !italic mt-2 max-w-3xs !text-center">Explorer la matrescence et votre nouvelle identité de mère.</p>
                </div>
            </a>
                    <a href="https://emotysia.fr/coffrets">
                <div class="flex flex-col items-center text-center">
                    <p class="font-semibold text-xl mb-2 !text-[#BD5E2F] !italic">Les Transitions de Vie</p>
                    <img src="https://emotysia.fr/storage/categorie/EGUaaWTMxvYQn1br5VjTOtCAp2xBzPGEIrlm2ARB.png" alt="image catégorie" class="w-20 md:w-48 h-auto mb-2">
                    <p class="text-base !text-[#BD5E2F] !italic mt-2 max-w-3xs !text-center">Accompagner les changements et apaiser le cœur.</p>
                </div>
            </a>
                    <a href="https://emotysia.fr/coffrets">
                <div class="flex flex-col items-center text-center">
                    <p class="font-semibold text-xl mb-2 !text-[#BD5E2F] !italic">Hors-Séries : Bien-être et Sérénité</p>
                    <img src="https://emotysia.fr/storage/categorie/ZCtCilQMDWvty8MrpscZzORcn6Hik5Vhbr4kV33M.png" alt="image catégorie" class="w-20 md:w-48 h-auto mb-2">
                    <p class="text-base !text-[#BD5E2F] !italic mt-2 max-w-3xs !text-center">Préserver votre équilibre émotionnel, apaiser vos émotions et retrouver le bien-être.</p>
                </div>
            </a>
                    <a href="https://emotysia.fr/coffrets">
                <div class="flex flex-col items-center text-center">
                    <p class="font-semibold text-xl mb-2 !text-[#BD5E2F] !italic">Outils émotionnels</p>
                    <img src="https://emotysia.fr/storage/categorie/6SNbMwlMgShFbvmoxznSzUjFb9JfM89XnExKrgpJ.png" alt="image catégorie" class="w-20 md:w-48 h-auto mb-2">
                    <p class="text-base !text-[#BD5E2F] !italic mt-2 max-w-3xs !text-center"></p>
                </div>
            </a>
            </div>

    <div class="flex flex-col items-center mt-8 md:mt-24">
        <div class="max-w-2xl text-center md:text-xl text-lg space-y-8">
            <div class="italic space-y-4 text-center">
                <h2 class="text-2xl md:text-3xl mb-8 font-medium md:text-left text-center !text-[#BD5E2F]">Bienvenue chez Émotysia</h2>
                <p class="font-bold text-center">Émotysia est née du désir d’honorer les passages de vie. Je crée des coffrets, livres rituels et des outils bien-être émotionnel et des livres rituels pour vous aider à traverser les moments intenses.</p>
                <p class="mt-4">Chaque étape vient bouleverser l’équilibre, faire naître des questions, réveiller des émotions.</p>
                <p class="mt-4">Ici, je vous invite à ralentir, à ressentir, à vous relier.</p>
                <p class="mt-4">Émotysia, c’est une porte entrouverte, des outils doux et non injonctifs pour honorer vos étapes de vie.</p>
            </div>
        </div>
    </div>

    <div class="flex justify-end pt-8">
        <a href="https://emotysia.fr/coffrets">
            <button class="bg-[#BD5E2F] text-white md:px-6 md:py-3 px-4 py-2 rounded-lg hover:bg-[#A04D26] transition-colors whitespace-nowrap cursor-pointer md:text-xl text-lg !italic">
                En savoir plus Coffrets - Livres - Outils
            </button>
        </a>
    </div>

    
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "GiftShop",
                "name": "Émotysia",
                "url": "https://emotysia.fr/",
                "logo": "https://emotysia.fr/logo.png",
                "image": "https://emotysia.fr/image-boutique.jpg",
                "description": "Coffrets de bien-être émotionnel, livres et outils pour accompagner les passages de vie.",
                "telephone": "06 14 09 20 02",
                "address": {
                    "@type": "PostalAddress",
                    "addressLocality": "Saint-Bonnet-le-Troncy",
                    "postalCode": "69870",
                    "addressRegion": "Auvergne-Rhône-Alpes",
                    "addressCountry": "FR"
                },
                "geo": {
                    "@type": "GeoCoordinates",
                    "latitude": 46.0853,
                    "longitude": 4.4267
                },
                "areaServed": [
                {
                  "@type": "City",
                  "name": "Roanne"
                },
                {
                  "@type": "City",
                  "name": "Villefranche-sur-Saône"
                },
                {
                  "@type": "City",
                  "name": "Lyon"
                }
                ],
                "sameAs": [
                    "https://www.instagram.com/emotysia",
                    "https://www.facebook.com/emotysia"
                ]
            }
        </script>
    
        </div>
    </main>
<div>
    <footer class="bg-[#E2A76F] font-lora md:p-8 p-3 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 md:gap-4 gap-1 md:text-base text-sm">
        <a href="https://emotysia.fr/mentions_legales" class="font-semibold hover:underline text-center md:text-left md:pl-64">Mentions légales & RGPD</a>
        <a href="https://emotysia.fr/conditions_generales_utilisation" class="font-semibold hover:underline text-center md:text-left md:pl-48">Conditions Générales d’Utilisation</a>
        <a href="https://www.facebook.com/Emotysia" target="_blank" class="font-semibold hover:underline text-center md:text-left md:pl-32">Facebook</a>
        <a href="https://emotysia.fr/conditions_ventes" class="font-semibold hover:underline text-center md:text-left md:pl-64">Conditions Générales de Vente</a>
        <a href="https://www.instagram.com/emotysia" target="_blank" class="font-semibold hover:underline text-center md:text-left md:pl-48">Instagram</a>
        <a href="https://centregalanthis.fr" target="_blank" class="font-semibold hover:underline text-center md:text-left md:pl-32">Centre Galanthis</a>
    </footer>
</div>
</body>
</html>

A propos d'Outiref

Contact / Signaler un bug

FAQ

Crédits et Mentions Légales

Audit SEO par Abondance

Suivez nous sur...

Un site du Réseau Abondance

Agence SEO Neper
Formations SEO NEPER
Googlefight
Cabinet de conseil en IA - Neper AI
La météo du SEO
Klemo