Outiref

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

<!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>L&#039;histoire d&#039;Émotysia : Créatrice de coffrets bien-être émotionnel</title>
    <meta name="description" content="Découvrez comment la formation de doula a inspiré Laurence pour créer Émotysia        : des coffrets rituels et un accompagnement doux pour les passages de vie." />
</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-[#2E2E2E] none">Accueil</a>
            <a href="https://emotysia.fr/a_propos" class="italic font-semibold hover:underline whitespace-nowrap text-[#BD5E2F] underline">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-[#2E2E2E] none">Accueil</a><br>
        <a href="https://emotysia.fr/a_propos" class="text-[#BD5E2F] underline">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"> Naissance d’Émotysia </h1>
                <div class="text-lg md:text-2xl text-center">
        <h2 class="!text-[#BD5E2F] font-bold">Une histoire de cheminement,  de murmures et de transitions.</h2>
    </div>
    <div class="flex flex-col md:flex-row md:items-center justify-center gap-8 md:gap-24 px-4 md:px-0">
        <div class="flex flex-col gap-6 md:gap-8 w-full md:w-auto items-center md:items-center">
            <img src="https://emotysia.fr/images/a_propos/A_propos_Emotysia_Photo_provisoire.png"
                 alt="Portrait de Laurence, fondatrice d&#39;Émotysia et                    doula, spécialisée en accompagnement émotionnel et rituels de passage."
                 class="w-36 md:w-48 lg:w-68 h-auto md:self-center md:block hidden"/>
        </div>
        <div class="max-w-3xl md:w-2/3 md:text-xl text-lg font-lora text-[#2E2E2E] space-y-6 italic md:pt-16">
            <p>Je m’appelle Laurence. J’habite dans un petit village du Rhône.</p>
            <img src="https://emotysia.fr/images/a_propos/A_propos_Emotysia_Photo_provisoire.png"
                 alt="Portrait de Laurence, fondatrice d&#39;Émotysia et                    doula, spécialisée en accompagnement émotionnel et rituels de passage."
                 class="w-36 md:w-48 lg:w-68 h-auto md:mt-38 md:self-center md:hidden mx-auto"/>
            <p>Pendant trente ans, mon quotidien a été celui des établissements accompagnant des enfants et des adolescents porteurs de handicap. À mon poste administratif, j'étais un rouage de l'institution, mais j'étais surtout une observatrice silencieuse du courage, de la fragilité et de la résilience des familles. Ces années ont nourri ma sensibilité et ma compréhension de l'humain, bien au-delà des dossiers.</p>
            <p>Puis est venu le temps de ma propre transition.</p>
            <p>Après un bilan de compétences, je me suis formée au métier de doula. Mais très vite, j’ai compris que ce n’était pas sous cette forme que je souhaitais accompagner. J’avais besoin de créer autrement. De laisser des traces tangibles. D’inventer un espace intime, que chacun puisse ouvrir chez soi.</p>
            <p>Émotysia s’est imposée à moi comme une évidence : créer des coffrets rituels, des livres et des outils d’accompagnement émotionnel.</p>
            <p>Des objets symboliques et sensoriels, pensés pour celles et ceux qui traversent une transition et ressentent le besoin d’un espace à eux.</p>
        </div>
    </div>

    <div class="flex flex-wrap justify-center gap-2 md:gap-8 mt-8 md:mt-16">
                    <img src="https://emotysia.fr/images/fleurs/Crocus.png" alt="fleur Crocus" class="w-8 md:w-12 h-auto">
                    <img src="https://emotysia.fr/images/fleurs/Marguerite.png" alt="fleur Marguerite" class="w-8 md:w-12 h-auto">
                    <img src="https://emotysia.fr/images/fleurs/Créopsis.png" alt="fleur Créopsis" class="w-8 md:w-12 h-auto">
                    <img src="https://emotysia.fr/images/fleurs/Oeillets.png" alt="fleur Oeillets" class="w-8 md:w-12 h-auto">
                    <img src="https://emotysia.fr/images/fleurs/Coquelicot.png" alt="fleur Coquelicot" class="w-8 md:w-12 h-auto">
            </div>

    <div class="flex flex-col md:flex-row items-center justify-center md:gap-24 gap-12 md:pt-16 max-w-8xl mx-auto">
        <div class="max-w-xl">
            <p class="!font-bold !italic !text-black text-2xl">Ma posture : l’authenticité et le partage</p>
            <p class="!italic text-xl">Je ne me présente pas à vous comme une experte ou une thérapeute. Je suis, comme vous, une femme qui traverse ses propres vagues. Émotysia est ma proposition pour vous aider à naviguer dans les vôtres, à votre rythme, sans aucune injonction.</p>
        </div>


        <div class="max-w-3xs bg-[rgba(244,203,163,0.7)] md:p-8 p-4 text-sm md:text-xl flex flex-col items-center justify-center text-center rounded-2xl">
            <p class="pb-2 !italic">Mon mantra :</p>
            <img src="https://emotysia.fr/images/a_propos/Doula_Emotysia_qui_suis_je_photo_mantra_transp.png" alt="..." class="w-20 h-auto md:pb-8 pb-4">
            <p class="!text-center md:pb-8 pb-4 !italic">"Mes émotions sont mes alliées, les rejeter c'est me renier."</p>
            <p class="!text-center !italic">Et vous, quel est le vôtre ?</p>
        </div>
    </div>

    <div class="flex flex-col md:flex-row items-center justify-center mx-auto mb-8">
        <img src="https://emotysia.fr/images/a_propos/duoFleur.png" alt="image deux fleurs" class="md:w-48 w-8 h-auto">
    </div>

    <div class="flex flex-col md:flex-row items-start md:items-stretch justify-center max-w-8xl mx-auto px-4 md:px-0">
        <div class="flex flex-col items-center text-center md:text-left md:flex-1 ml-12">
            <img src="https://emotysia.fr/images/a_propos/soleil.png" alt="soleil" class="w-20 md:w-28 h-auto rounded-3xl mb-2"/>
            <p class="!italic text-2xl mb-2">Ce que j’aime :</p>
            <ul class="list-disc list-inside space-y-1 text-xl">
                <li>Voir la nature éclore au printemps</li>
                <li>Déposer par écrit ce qui m'encombre</li>
                <li>Me sentir alignée avec qui je suis</li>
                <li>Être seule pour me ressourcer</li>
            </ul>
        </div>

        <div class="flex flex-col items-center text-center md:text-left md:flex-1 ml-16">
            <img src="https://emotysia.fr/images/a_propos/lune.png" alt="lune" class="w-20 md:w-28 h-auto rounded-3xl mb-2"/>
            <p class="!italic text-2xl mb-2">Ce que je n'aime pas :</p>
            <ul class="list-disc list-inside space-y-1 text-xl">
                <li>Les méthodes miracles et les conseils non sollicités</li>
                <li>Sentir mes émotions qui débordent </li>
                <li>Le lipoedème et ses douleurs </li>
                <li>Ne pas me sentir entendue dans ma singularité</li>
            </ul>
        </div>
    </div>

    <img src="https://emotysia.fr/images/accompagnements/separateur.png" alt="Emotysia_symbole_nom_fond_transparent" class="md:w-42 w-18 h-auto mx-auto my-24">

    <div class="items-start md:items-stretch justify-center max-w-8xl mx-auto px-4 md:px-0 text-xl !italic">
       <p class="font-bold !text-black pb-4 text-2xl">Des outils pour vos transitions</p>
       <p>Aujourd'hui, je mets mes mains et mon cœur au service de vos étapes de vie à travers trois chemins de douceur :</p>
        <ul class="list-disc list-inside space-y-1">
            <li><span class="font-bold !text-black">Les Coffrets rituels</span>: Des parenthèses complètes et sensorielles pour marquer un passage.</li>
            <li><span class="font-bold !text-black">Les Livres</span>: Des compagnons de papier pour cheminer à votre rythme, page après page.</li>
            <li><span class="font-bold !text-black">Les Outils émotionnels</span>: Des supports concrets et intuitifs pour le quotidien - mantras pour accueillir ses émotions, cartes et questions de cheminement à dérouler pour laisser infuser vos propres réponses.</li>
        </ul>
        <p class="font-bold !text-black py-4 text-2xl">Prolonger le cheminement par l'écoute </p>
        <p>Pour celles & ceux qui souhaitent mettre des mots sur leur vécu, je propose également, en complément de l'expérimentation d'un livre ou d'un coffret, un accompagnement émotionnel basé sur l’écoute active de Carl Rogers. Ce temps d'échange facultatif est un espace d’écoute, une invitation à déposer votre ressenti dans un cadre bienveillant et sécurisant.</p>
        <p>Tarif et modalités disponibles sur la page accompagnement émotionnel.</p>
        <p class="font-bold !text-black pt-4">J'ai conçu chacun de ces supports comme un compagnon de route, une présence discrète pour vous aider à honorer ce qui est là. C’est un espace que je vous offre. Un espace pour se déposer, enfin.</p>
    </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>
        </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>