<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Parentielles | L'essentiel de la parentalité en toute sérénité</title>
    <meta name="description" content="Découvrez Parentielles, votre espace dédié au bien-être familial. Coaching, ateliers et retraites pour retrouver l'harmonie à la maison.">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://parentielles.fr/">
    <meta property="og:title" content="Parentielles | L'essentiel de la parentalité en toute sérénité">
    <meta property="og:description" content="Découvrez Parentielles, votre espace dédié au bien-être familial. Coaching, ateliers et retraites pour retrouver l'harmonie à la maison.">
    <meta property="og:image" content="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/8020af0f-4adf-4c8e-7671-4dced3657900/public">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://parentielles.fr/">
    <meta property="twitter:title" content="Parentielles | L'essentiel de la parentalité en toute sérénité">
    <meta property="twitter:description" content="Découvrez Parentielles, votre espace dédié au bien-être familial. Coaching, ateliers et retraites pour retrouver l'harmonie à la maison.">
    <meta property="twitter:image" content="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/8020af0f-4adf-4c8e-7671-4dced3657900/public">

    <link rel="icon" href="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/9281cf28-1aff-4c0c-72e9-4c294da84600/public" type="image/png">
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=Nunito:wght@300;400;600;700&display=swap" rel="stylesheet">

    <style>
        :root {
            --primary: #D48C70;
            --primary-hover: #c07a5f;
            --secondary: #8DA399;
            --accent: #E8AE68;
            --bg: #FAF9F6;
            --bg-alt: #F0EBE1;
            --text: #2C3E35;
            --text-muted: #6B7A73;
            
            --font-heading: 'Lora', serif;
            --font-body: 'Nunito', sans-serif;
            
            --base-size: 16px;
            --spacing: 1.5rem;
            --radius: 12px;
            --max-width: 1200px;
            
            --shadow-sm: 0 2px 8px rgba(44, 62, 53, 0.05);
            --shadow-md: 0 8px 24px rgba(44, 62, 53, 0.08);
            --transition: all 0.3s ease;
        }

        /* Reset & Base */
        *, *::before, *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            font-family: var(--font-body);
            font-size: var(--base-size);
            line-height: 1.6;
            color: var(--text);
            background-color: var(--bg);
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: var(--font-heading);
            font-weight: 500;
            line-height: 1.2;
            color: var(--text);
            margin-bottom: 1rem;
        }

        h1 { font-size: 2rem; }
        h2 { font-size: 1.75rem; }
        h3 { font-size: 1.5rem; }

        p { margin-bottom: 1rem; color: var(--text-muted); }
        
        a {
            color: inherit;
            text-decoration: none;
            transition: var(--transition);
        }

        /* External Links styling rule */
        a[target="_blank"] {
            color: inherit;
            text-decoration: none;
        }
        a[target="_blank"]:hover {
            opacity: 0.8;
        }

        img {
            max-width: 100%;
            height: auto;
            display: block;
            border-radius: var(--radius);
        }

        .container {
            width: 100%;
            max-width: var(--max-width);
            margin: 0 auto;
            padding: 0 1.5rem;
        }

        section {
            padding: 4rem 0;
        }

        .bg-alt {
            background-color: var(--bg-alt);
        }

        /* Buttons */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.875rem 1.75rem;
            border-radius: 30px;
            font-weight: 600;
            text-align: center;
            cursor: pointer;
            transition: var(--transition);
            border: none;
            font-family: var(--font-body);
            font-size: 1rem;
            width: 100%;
        }

        .btn-primary {
            background-color: var(--primary);
            color: #fff;
        }

        .btn-primary:hover {
            background-color: var(--primary-hover);
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
        }

        .btn-secondary {
            background-color: transparent;
            color: var(--text);
            border: 2px solid var(--secondary);
        }

        .btn-secondary:hover {
            background-color: var(--secondary);
            color: #fff;
        }

        /* Header & Navigation */
        header {
            padding: 1rem 0;
            position: relative;
            z-index: 100;
            background-color: var(--bg);
        }

        .nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-family: var(--font-heading);
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--primary);
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        /* Mobile Menu Checkbox Hack */
        .nav-toggle { display: none; }
        
        .nav-toggle-label {
            display: block;
            cursor: pointer;
            padding: 0.5rem;
        }

        .hamburger {
            display: block;
            width: 24px;
            height: 2px;
            background: var(--text);
            position: relative;
            transition: var(--transition);
        }

        .hamburger::before, .hamburger::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            background: var(--text);
            transition: var(--transition);
        }

        .hamburger::before { top: -6px; }
        .hamburger::after { bottom: -6px; }

        .nav-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background-color: var(--bg);
            padding: 1rem 1.5rem;
            box-shadow: var(--shadow-md);
            flex-direction: column;
            gap: 1rem;
        }

        .nav-toggle:checked ~ .nav-menu {
            display: flex;
        }

        .nav-toggle:checked ~ .nav-toggle-label .hamburger {
            background: transparent;
        }
        .nav-toggle:checked ~ .nav-toggle-label .hamburger::before {
            transform: rotate(45deg);
            top: 0;
        }
        .nav-toggle:checked ~ .nav-toggle-label .hamburger::after {
            transform: rotate(-45deg);
            bottom: 0;
        }

        .nav-link {
            font-weight: 600;
            color: var(--text);
            padding: 0.5rem 0;
            display: block;
        }

        .nav-link:hover {
            color: var(--primary);
        }

        /* Hero Section */
        .hero {
            padding: 3rem 0 4rem;
        }

        .hero-content {
            display: flex;
            flex-direction: column;
            gap: 2rem;
        }

        .hero-text {
            text-align: center;
        }

        .hero-tagline {
            color: var(--primary);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 0.875rem;
            margin-bottom: 1rem;
            display: block;
        }

        .hero h1 {
            font-size: 2.25rem;
            margin-bottom: 1.5rem;
        }

        .hero-image-wrapper {
            position: relative;
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: var(--shadow-md);
        }

        .hero-image-wrapper::after {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            border-radius: var(--radius);
            box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
            pointer-events: none;
        }

        /* Mission Statement */
        .mission {
            text-align: center;
            max-width: 800px;
            margin: 0 auto;
        }

        .mission h2 {
            color: var(--secondary);
            font-style: italic;
            font-size: 1.5rem;
            margin-bottom: 1.5rem;
        }

        .mission p {
            font-size: 1.125rem;
            color: var(--text);
        }

        /* Services Overview */
        .section-header {
            text-align: center;
            margin-bottom: 3rem;
        }

        .services-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        .service-card {
            background: #fff;
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: var(--shadow-sm);
            transition: var(--transition);
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow-md);
        }

        .service-img {
            height: 200px;
            width: 100%;
            object-fit: cover;
            border-radius: var(--radius) var(--radius) 0 0;
        }

        .service-content {
            padding: 1.5rem;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        .service-content h3 {
            font-size: 1.25rem;
            margin-bottom: 0.5rem;
        }

        .service-content p {
            font-size: 0.95rem;
            margin-bottom: 1.5rem;
            flex-grow: 1;
        }

        .service-link {
            color: var(--primary);
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            margin-top: auto;
        }

        .service-link::after {
            content: '→';
            transition: transform 0.3s ease;
        }

        .service-card:hover .service-link::after {
            transform: translateX(5px);
        }

        /* Features / Benefits */
        .features-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        .feature-item {
            text-align: center;
            padding: 2rem 1.5rem;
            background: #fff;
            border-radius: var(--radius);
            box-shadow: var(--shadow-sm);
        }

        .feature-icon {
            width: 60px;
            height: 60px;
            background-color: var(--bg-alt);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.5rem;
            color: var(--primary);
        }

        .feature-icon svg {
            width: 30px;
            height: 30px;
            fill: currentColor;
        }

        /* Testimonials */
        .testimonials-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        .testimonial-card {
            background: var(--bg);
            padding: 2rem;
            border-radius: var(--radius);
            border: 1px solid rgba(141, 163, 153, 0.2);
            position: relative;
        }

        .quote-icon {
            position: absolute;
            top: 1.5rem;
            right: 1.5rem;
            color: var(--accent);
            opacity: 0.3;
            font-size: 3rem;
            font-family: var(--font-heading);
            line-height: 1;
        }

        .testimonial-text {
            font-style: italic;
            color: var(--text);
            margin-bottom: 1.5rem;
            position: relative;
            z-index: 1;
        }

        .testimonial-author {
            font-weight: 700;
            color: var(--secondary);
            font-size: 0.9rem;
        }

        /* About Founder */
        .about-content {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            align-items: center;
        }

        .about-image {
            width: 250px;
            height: 250px;
            border-radius: 50%;
            object-fit: cover;
            border: 8px solid #fff;
            box-shadow: var(--shadow-md);
        }

        .about-text {
            text-align: center;
        }

        /* Newsletter */
        .newsletter {
            background-color: var(--secondary);
            color: #fff;
            text-align: center;
            border-radius: var(--radius);
            padding: 3rem 1.5rem;
            margin: 2rem 1.5rem;
        }

        .newsletter h2, .newsletter p {
            color: #fff;
        }

        .newsletter p {
            opacity: 0.9;
            margin-bottom: 2rem;
        }

        .newsletter-form {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            max-width: 500px;
            margin: 0 auto;
        }

        .newsletter-input {
            padding: 1rem 1.5rem;
            border-radius: 30px;
            border: none;
            font-family: var(--font-body);
            font-size: 1rem;
            width: 100%;
            outline: none;
        }

        .newsletter-form .btn {
            background-color: var(--accent);
            color: var(--text);
        }

        .newsletter-form .btn:hover {
            background-color: #dca05a;
        }

        /* Footer */
        footer {
            background-color: var(--text);
            color: #fff;
            padding: 4rem 0 2rem;
            margin-top: 4rem;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 3rem;
            margin-bottom: 3rem;
        }

        .footer-col h4 {
            color: var(--accent);
            margin-bottom: 1.5rem;
            font-size: 1.25rem;
        }

        .footer-col p, .footer-col a {
            color: rgba(255,255,255,0.7);
            margin-bottom: 0.75rem;
            display: block;
            font-size: 0.95rem;
        }

        .footer-col a:hover {
            color: #fff;
            padding-left: 5px;
        }

        .footer-bottom {
            text-align: center;
            padding-top: 2rem;
            border-top: 1px solid rgba(255,255,255,0.1);
            color: rgba(255,255,255,0.5);
            font-size: 0.875rem;
        }

        /* Media Queries */
        @media (min-width: 768px) {
            :root {
                --base-size: 18px;
            }

            h1 { font-size: 3rem; }
            h2 { font-size: 2.25rem; }

            .btn { width: auto; }

            /* Nav Desktop */
            .nav-toggle-label { display: none; }
            
            .nav-menu {
                display: flex;
                position: static;
                flex-direction: row;
                background: transparent;
                padding: 0;
                box-shadow: none;
                width: auto;
                gap: 2rem;
            }

            .nav-link {
                padding: 0;
            }

            /* Hero Desktop */
            .hero-content {
                flex-direction: row;
                align-items: center;
                gap: 4rem;
            }

            .hero-text {
                flex: 1;
                text-align: left;
            }

            .hero-image-wrapper {
                flex: 1;
            }

            /* Grids Desktop */
            .services-grid { grid-template-columns: repeat(2, 1fr); }
            .features-grid { grid-template-columns: repeat(3, 1fr); }
            .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
            
            /* About Desktop */
            .about-content {
                flex-direction: row;
                text-align: left;
                gap: 4rem;
            }
            .about-text { text-align: left; }

            /* Newsletter Desktop */
            .newsletter {
                padding: 4rem;
                margin: 4rem auto;
                max-width: var(--max-width);
            }
            .newsletter-form {
                flex-direction: row;
            }
            .newsletter-input {
                flex: 1;
            }
            .newsletter-form .btn {
                width: auto;
            }

            /* Footer Desktop */
            .footer-grid { grid-template-columns: repeat(3, 1fr); }
        }

        @media (min-width: 1024px) {
            .services-grid { grid-template-columns: repeat(3, 1fr); }
        }
    </style>
</head>
<body>

    <header>
        <div class="container nav-container">
            <a href="/" class="logo">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 21.5C12 21.5 4 15.5 4 9.5C4 7.37827 4.84285 5.34343 6.34315 3.84315C7.84344 2.34285 9.87827 1.5 12 1.5C14.1217 1.5 16.1566 2.34285 17.6569 3.84315C19.1571 5.34343 20 7.37827 20 9.5C20 15.5 12 21.5 12 21.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
                Parentielles
            </a>

            <input type="checkbox" id="nav-toggle" class="nav-toggle">
            <label for="nav-toggle" class="nav-toggle-label" aria-label="Ouvrir le menu">
                <span class="hamburger"></span>
            </label>

            <nav class="nav-menu">
                <a href="/" class="nav-link">Accueil</a>
                <a href="/nos-accompagnements" class="nav-link">Nos Accompagnements</a>
                <a href="/retraites-familiales" class="nav-link">Retraites Familiales</a>
                <a href="/le-mag" class="nav-link">Le Mag</a>
                <a href="/contact" class="nav-link">Contact</a>
            </nav>
        </div>
    </header>

    <main>
        <!-- 1. HERO -->
        <section class="hero">
            <div class="container hero-content">
                <div class="hero-text">
                    <span class="hero-tagline">La parenthèse bien-être des parents et des familles</span>
                    <h1>Retrouvez l'harmonie familiale en toute sérénité</h1>
                    <p>Découvrez un espace dédié à votre épanouissement. Coaching, ateliers et retraites pour vous accompagner dans les défis du quotidien avec douceur et bienveillance.</p>
                    <div style="margin-top: 2rem; display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center;">
                        <a href="/nos-accompagnements" class="btn btn-primary">Découvrir nos accompagnements</a>
                        <a href="/contact" class="btn btn-secondary">Prendre rendez-vous</a>
                    </div>
                </div>
                <div class="hero-image-wrapper">
                    <img src="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/8020af0f-4adf-4c8e-7671-4dced3657900/public" alt="Famille détendue et souriante dans un salon lumineux" width="600" height="450" style="width: 100%; height: 100%; object-fit: cover; min-height: 300px;">
                </div>
            </div>
        </section>

        <!-- 2. MISSION STATEMENT -->
        <section class="bg-alt">
            <div class="container mission">
                <h2>Parce qu'être parent est une aventure extraordinaire, mais parfois épuisante.</h2>
                <p>Chez Parentielles, nous croyons qu'il n'y a pas de parent parfait, juste des parents qui font de leur mieux. Notre mission est de vous offrir un espace d'écoute sans jugement, des moments de ressourcement profonds et des outils concrets pour alléger votre charge mentale et raviver la complicité à la maison.</p>
            </div>
        </section>

        <!-- 3. SERVICES OVERVIEW -->
        <section>
            <div class="container">
                <div class="section-header">
                    <h2>Comment pouvons-nous vous aider ?</h2>
                    <p>Des solutions adaptées à chaque étape de votre vie de famille.</p>
                </div>
                
                <div class="services-grid">
                    <!-- Service 1 -->
                    <article class="service-card">
                        <img src="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/c2b47704-43f5-45a5-101f-99eaab06b300/public" alt="Mains d'adultes tenant les mains d'un enfant" class="service-img">
                        <div class="service-content">
                            <h3>Nos Accompagnements au Quotidien</h3>
                            <p>Des séances de coaching individuel, en couple ou des ateliers de groupe pour surmonter les défis quotidiens avec une approche bienveillante.</p>
                            <a href="/nos-accompagnements" class="service-link">En savoir plus</a>
                        </div>
                    </article>

                    <!-- Service 2 -->
                    <article class="service-card">
                        <img src="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/967afbbb-7b5c-4a2b-1726-204f8b45c700/public" alt="Maison de campagne chaleureuse et famille marchant" class="service-img">
                        <div class="service-content">
                            <h3>Les Retraites Familiales</h3>
                            <p>Évadez-vous le temps d'un week-end "Parenthèse Nature". Un programme équilibré entre repos pour les parents et activités pour les enfants.</p>
                            <a href="/retraites-familiales" class="service-link">Découvrir les séjours</a>
                        </div>
                    </article>

                    <!-- Service 3 -->
                    <article class="service-card">
                        <img src="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/2214583d-adb3-404f-ee1d-c5f069db5100/public" alt="Tasse de thé, carnet et jouets en bois" class="service-img">
                        <div class="service-content">
                            <h3>Le Mag - Ressources</h3>
                            <p>Faites le plein d'inspirations, de conseils pratiques et de témoignages déculpabilisants pour vivre votre parentalité sereinement. Pour aller encore plus loin dans la gestion du quotidien en famille, des ressources comme <a href="https://www.bons-plans-elise.fr" target="_blank" rel="noopener">https://www.bons-plans-elise.fr</a> partagent des astuces concrètes pour mieux vivre en dépensant moins. L'harmonie familiale passe aussi par un cadre de vie agréable : pour transformer, entretenir et valoriser votre intérieur avec des idées déco et travaux pratiques, <a href="https://maisonhive.com" target="_blank" rel="noopener">maisonhive.com</a> propose des conseils concrets et fiables à chaque étape. Et parce que bien nourrir sa famille est aussi une priorité, les micropousses et plantes aromatiques cultivées en hydroponie, sans pesticides, s'invitent même en cuisine urbaine — <a href="https://latige.fr" target="_blank" rel="noopener">https://latige.fr</a> est une ferme lyonnaise dédiée à ces productions fraîches et riches en nutriments. Pour habiller et équiper bébé avec élégance et qualité, créer un univers de douceur pour les tout-petits ou trouver des cadeaux parfaits, <a href="https://lovelycocoon.com" target="_blank" rel="noopener">lovelycocoon.com</a> propose une belle sélection d'articles et accessoires pour bébés et enfants.</p>
                            <a href="/le-mag" class="service-link">Lire nos articles</a>
                        </div>
                    </article>
                </div>
            </div>
        </section>

        <!-- 4. FEATURES / BENEFITS -->
        <section class="bg-alt">
            <div class="container">
                <div class="section-header">
                    <h2>L'approche Parentielles</h2>
                </div>
                
                <div class="features-grid">
                    <div class="feature-item">
                        <div class="feature-icon">
                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
                            </svg>
                        </div>
                        <h3>Écoute Bienveillante</h3>
                        <p>Un espace sécurisant et sans aucun jugement pour déposer vos doutes et vos émotions de parents.</p>
                    </div>

                    <div class="feature-item">
                        <div class="feature-icon">
                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.1L7 4.6 5.6 6 3.2 3.6 2 4.8 4.4 7.2 3 8.6l2.7 2.7c1.3-2.4 4.3-2.8 6.3-.8 1.9 1.9 2.4 4.6 1.1 6.9l9.1 9.1c.4.4 1 .4 1.4 0l.4-.4c.5-.4.5-1.1.1-1.5z"/>
                            </svg>
                        </div>
                        <h3>Outils Concrets</h3>
                        <p>Des méthodes pratiques et applicables immédiatement pour faciliter l'organisation et la communication à la maison. Pour les familles souhaitant aller plus loin, la maison connectée offre de véritables leviers d'organisation au quotidien — le site <a href="https://www.maison-et-domotique.com" target="_blank" rel="noopener">maison-et-domotique.com</a> propose des guides et tests pour mieux comprendre ces technologies.</p>
                    </div>

                    <div class="feature-item">
                        <div class="feature-icon">
                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/>
                            </svg>
                        </div>
                        <h3>Communauté Soutenante</h3>
                        <p>Rompez l'isolement en rencontrant d'autres familles qui partagent les mêmes réalités que vous.</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- 5. TESTIMONIALS -->
        <section>
            <div class="container">
                <div class="section-header">
                    <h2>Ils nous font confiance</h2>
                </div>
                
                <div class="testimonials-grid">
                    <div class="testimonial-card">
                        <span class="quote-icon">"</span>
                        <p class="testimonial-text">Un véritable souffle d'air frais. Les ateliers de coaching nous ont aidés à mieux communiquer avec nos enfants et à désamorcer les crises du soir. Nous avons retrouvé une ambiance sereine à la maison.</p>
                        <p class="testimonial-author">— Sophie & Marc, parents de Léo (5 ans) et Mia (8 ans)</p>
                    </div>

                    <div class="testimonial-card">
                        <span class="quote-icon">"</span>
                        <p class="testimonial-text">La retraite familiale a été une révélation. J'ai pu enfin me reposer pendant que les enfants faisaient des activités nature, et les moments partagés tous ensemble étaient magiques. Nous sommes rentrés plus unis que jamais.</p>
                        <p class="testimonial-author">— Julie, maman solo de Tom (10 ans)</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- 6. ABOUT FOUNDER -->
        <section class="bg-alt">
            <div class="container about-content">
                <img src="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/6e9ae692-6797-4128-ea12-7c391aad6500/public" alt="Portrait de la fondatrice de Parentielles" class="about-image" width="250" height="250">
                <div class="about-text">
                    <h2>L'histoire de Parentielles</h2>
                    <p>Bonjour, je suis Claire. Maman de trois enfants et coach certifiée en parentalité, j'ai fondé Parentielles en 2022 pour créer le lieu ressource que j'aurais tant aimé trouver à mes débuts de maman.</p>
                    <p>Après avoir moi-même traversé des périodes d'épuisement maternel, j'ai compris à quel point le soutien était essentiel. Entourée d'une équipe de professionnels passionnés (psychologues, éducateurs, sophrologues), mon ambition est de vous redonner confiance en vos capacités de parents et de cultiver la joie dans votre foyer. L'environnement de vie joue d'ailleurs un rôle important dans le bien-être familial : un intérieur bien pensé, lumineux et bien organisé contribue à l'harmonie au quotidien — pour des conseils et inspirations sur l'éclairage, les meubles et les solutions intelligentes pour toute la maison, je recommande <a href="https://perfekta-hemmet.se" target="_blank" rel="noopener">https://perfekta-hemmet.se</a>. Pour celles et ceux qui souhaitent transformer et rénover leur espace de vie grâce à des tutoriels de décoration intérieure et extérieure, <a href="https://www.orion-decoration.fr" target="_blank" rel="noopener">https://www.orion-decoration.fr</a> est une excellente source d'inspiration pour personnaliser son foyer. Pour les mamans qui souhaitent aussi prendre soin d'elles au quotidien, entre mode et bien-être, je recommande volontiers <a href="https://fashion-maman.fr" target="_blank" rel="noopener">https://fashion-maman.fr</a>, une belle ressource dédiée aux futures et jeunes mamans.</p>
                    <a href="/contact" class="btn btn-secondary" style="margin-top: 1rem;">Échanger avec l'équipe</a>
                </div>
            </div>
        </section>

        <!-- 7. NEWSLETTER CTA -->
        <section style="padding: 0;">
            <div class="newsletter">
                <h2>Rejoignez la famille Parentielles</h2>
                <p>Recevez chaque mois "La Parenthèse", notre lettre d'information remplie de conseils doux, d'idées d'activités et d'accès en avant-première à nos retraites.</p>
                
                <form class="newsletter-form" onsubmit="event.preventDefault();">
                    <input type="email" class="newsletter-input" placeholder="Votre adresse e-mail" required aria-label="Votre adresse e-mail">
                    <button type="submit" class="btn">S'inscrire</button>
                </form>
            </div>
        </section>
    </main>

    <footer>
        <div class="container">
            <div class="footer-grid">
                <div class="footer-col">
                    <a href="/" class="logo" style="color: #fff; margin-bottom: 1rem;">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M12 21.5C12 21.5 4 15.5 4 9.5C4 7.37827 4.84285 5.34343 6.34315 3.84315C7.84344 2.34285 9.87827 1.5 12 1.5C14.1217 1.5 16.1566 2.34285 17.6569 3.84315C19.1571 5.34343 20 7.37827 20 9.5C20 15.5 12 21.5 12 21.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                        Parentielles
                    </a>
                    <p>La parenthèse bien-être des parents et des familles. Coaching, ateliers et retraites pour une vie de famille épanouie.</p>
                </div>
                
                <div class="footer-col">
                    <h4>Navigation</h4>
                    <a href="/">Accueil</a>
                    <a href="/nos-accompagnements">Nos Accompagnements</a>
                    <a href="/retraites-familiales">Retraites Familiales</a>
                    <a href="/le-mag">Le Mag</a>
                </div>

                <div class="footer-col">
                    <h4>Contact</h4>
                    <p>12 rue de la Sérénité<br>75000 Paris</p>
                    <p>Tél : 01 23 45 67 89</p>
                    <a href="/contact">Nous écrire</a>
                </div>
            </div>
            
            <div class="footer-bottom">
                <p>&copy; 2026 Parentielles. Tous droits réservés.</p>
            </div>
        </div>
    </footer>

</body>
</html>