WhatsApp

<!DOCTYPE html>

<html lang="fr">

    <head>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>Irrigateur Dentaire - Maroc</title>

        <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">

        <style>

            body {

                font-family: 'Roboto', sans-serif;

                margin: 0;

                padding: 0;

                line-height: 1.6;

                background-color: #f4f4f4;

                color: #333;

            }


            header,

            section {

                padding: 20px;

                max-width: 900px;

                margin: auto;

                background: #fff;

                margin-bottom: 20px;

                border-radius: 10px;

                box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

            }


            h1,

            h2,

            h3 {

                color: #0088cc;

            }


            ul {

                list-style: none;

                padding-left: 0;

            }


            ul li::before {

                content: "✅ ";

            }


            .cta-button {

                display: inline-block;

                background-color: #e91e63;

                color: white;

                padding: 15px 30px;

                text-decoration: none;

                border-radius: 30px;

                font-size: 18px;

                margin-top: 20px;

                text-align: center;

            }


            .testimonial {

                font-style: italic;

                background: #eef;

                padding: 10px;

                border-left: 4px solid #0088cc;

                margin-bottom: 10px;

            }


            form {

                display: flex;

                flex-direction: column;

            }


            input,

            textarea {

                padding: 10px;

                margin-bottom: 15px;

                border-radius: 5px;

                border: 1px solid #ccc;

                font-size: 16px;

            }


            input[type="submit"] {

                background-color: #e91e63;

                color: white;

                border: none;

                cursor: pointer;

            }


            .product-demo,

            .product-benefits,

            .image-row {

                text-align: center;

            }


            .product-demo img,

            .image-row img {

                max-width: 100%;

                margin-bottom: 10px;

                border-radius: 10px;

            }


            .image-row {

                display: flex;

                flex-wrap: wrap;

                justify-content: center;

                gap: 15px;

            }


            .image-row img {

                width: 200px;

                height: auto;

            }

        </style>

    </head>

    <body>

        <header>

            <h1>🦷 Irrigateur Dentaire Professionnel – Nettoyez vos dents comme chez le dentiste !</h1>

            <p>Découvrez la nouvelle manière de garder vos dents propres et vos gencives saines – Facile, rapide et efficace !</p>

            <div class="image-row">

                <img src="https://cdn.shopify.com/s/files/1/0614/2225/9157/files/1_600x600.webp" alt="Produit vue 1">

                <img src="https://cdn.shopify.com/s/files/1/0614/2225/9157/files/2_600x600.webp" alt="Produit vue 2">

                <img src="https://cdn.shopify.com/s/files/1/0614/2225/9157/files/3_600x600.webp" alt="Produit vue 3">

            </div>

        </header>

        <section class="product-benefits">

            <h2>🔥 Avantages Incroyables :</h2>

            <ul>

                <li>Nettoyage en profondeur des espaces interdentaires</li>

                <li>Améliore la santé des gencives en quelques jours</li>

                <li>Évite les visites fréquentes chez le dentiste</li>

                <li>Parfait pour les porteurs d'appareils dentaires</li>

            </ul>

            <p>

                <em>"نفس النتيجة ديال تنظيف طبي… ولكن فدارك!"</em>

            </p>

        </section>

        <section class="product-demo">

            <h2>🎥 Comment ça marche ?</h2>

            <img src="https://cdn.shopify.com/s/files/1/0614/2225/9157/files/how-it-works.gif" alt="Démonstration du produit">

            <p>Un jet d'eau puissant et pulsé pour nettoyer entre les dents et sous les gencives – sans douleur et sans efforts.</p>

        </section>

        <section>

            <h2>⚙️ Détails Techniques :</h2>

            <ul>

                <li>Réservoir 300ml</li>

                <li>3 modes de pression : Doux / Normal / Pulse</li>

                <li>5 embouts inclus pour toute la famille</li>

                <li>Recharge USB – Autonomie jusqu'à 15 jours</li>

                <li>100% Étanche – Utilisation sous la douche possible</li>

            </ul>

        </section>

        <section>

            <h2>💬 Avis Clients :</h2>

            <div class="testimonial">"ما كنتش متوقعة النتيجة تكون بهاد الشكل، والله حتى رجعاتلي ثقتي فراسي!" – Amina, Marrakech</div>

            <div class="testimonial">"أحسن حاجة شريتها هاد العام! كنستعملو يومياً بعد العشاء" – Youssef, Tanger</div>

            <div class="testimonial">"وصيت على واحد آخر لماما، عجبها بزاف ♥" – Laila, Agadir</div>

        </section>

        <section>

            <h2>🎁 Offre Spéciale Ramadan !</h2>

            <p>

                <strong>Seulement 349 DH au lieu de 499 DH 🔥</strong>

            </p>

            <p>📦 Livraison gratuite partout au Maroc 🇲🇦</p>

            <p>💰 Paiement à la livraison</p>

            <a href="#commande" class="cta-button">🛍️ Je commande maintenant</a>

        </section>

        <section id="commande">

            <h2>📋 Passez votre commande maintenant :</h2>

            <form>

                <input type="text" name="nom" placeholder="Nom complet" required>

                <input type="text" name="ville" placeholder="Ville" required>

                <input type="tel" name="telephone" placeholder="Téléphone" required>

                <textarea name="note" placeholder="Note (ex: couleur, heure de livraison)"></textarea>

                <input type="submit" value="Confirmer la commande">

            </form>

        </section>

    </body>

</html>