<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Bienvenue a Univers bien-être</title>
	<atom:link href="https://universbienetre.net/feed/" rel="self" type="application/rss+xml" />
	<link>https://universbienetre.net</link>
	<description></description>
	<lastBuildDate>Thu, 02 Apr 2026 14:57:24 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://universbienetre.net/wp-content/uploads/2024/06/WhatsApp-Image-2024-01-08-at-23.10.50-150x150.jpeg</url>
	<title>Bienvenue a Univers bien-être</title>
	<link>https://universbienetre.net</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>LB+ PRO++++</title>
		<link>https://universbienetre.net/2026/04/02/lb10pro/</link>
		
		<dc:creator><![CDATA[ougajean]]></dc:creator>
		<pubDate>Thu, 02 Apr 2026 14:52:44 +0000</pubDate>
				<category><![CDATA[Non classé]]></category>
		<guid isPermaLink="false">https://universbienetre.net/?p=9269</guid>

					<description><![CDATA[LB10+ &#124; Voir pour Croire +523 commandes aujourd&#8217;hui DORMIR PAISIBLEMENT 17 000 F 15 500 FCFA -50% FLASH VOIR LES [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="9269" class="elementor elementor-9269" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-674fa7d e-flex e-con-boxed e-con e-parent" data-id="674fa7d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-db1eb89 elementor-widget elementor-widget-html" data-id="db1eb89" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LB10+ | Voir pour Croire</title>
    
    <!-- Meta Pixel -->
    <script>
    !function(f,b,e,v,n,t,s)
    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
    n.queue=[];t=b.createElement(e);t.async=!0;
    t.src=v;s=b.getElementsByTagName(e)[0];
    s.parentNode.insertBefore(t,s)}(window, document,'script',
    'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', 'VOTRE_PIXEL_ID');
    fbq('track', 'PageView');
    </script>

    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
    
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Inter', sans-serif; background: #0a0a0a; color: white; overflow-x: hidden; }
        
        /* Video backgrounds */
        .video-hero {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -1;
        }
        
        /* Story cards */
        .story-card {
            scroll-snap-align: start;
            flex-shrink: 0;
            width: 280px;
            height: 500px;
            border-radius: 24px;
            overflow: hidden;
            position: relative;
            cursor: pointer;
            transition: transform 0.3s;
        }
        .story-card:hover { transform: scale(1.02); }
        
        .story-card video, .story-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        /* Before/After comparison */
        .compare-container {
            position: relative;
            width: 100%;
            height: 400px;
            overflow: hidden;
            border-radius: 20px;
        }
        
        .compare-image {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .compare-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
            height: 100%;
            overflow: hidden;
            border-right: 3px solid #00bc7d;
        }
        
        .compare-slider {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            background: #00bc7d;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: ew-resize;
            z-index: 10;
            box-shadow: 0 0 20px rgba(0,188,125,0.5);
        }
        
        /* Lightbox */
        .lightbox {
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.98);
            z-index: 1000;
            display: none;
            align-items: center;
            justify-content: center;
        }
        .lightbox.active { display: flex; }
        
        /* Loading states */
        .skeleton {
            background: linear-gradient(90deg, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%);
            background-size: 200% 100%;
            animation: loading 1.5s infinite;
        }
        @keyframes loading {
            0% { background-position: 200% 0; }
            100% { background-position: -200% 0; }
        }
        
        /* Progress bar */
        .scroll-progress {
            position: fixed;
            top: 0;
            left: 0;
            height: 3px;
            background: #00bc7d;
            z-index: 9999;
            transition: width 0.1s;
        }
        
        /* Sticky CTA */
        .sticky-cta {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(10,10,10,0.95);
            backdrop-filter: blur(20px);
            padding: 12px 16px;
            border-top: 1px solid rgba(255,255,255,0.1);
            transform: translateY(100%);
            transition: transform 0.3s;
            z-index: 100;
        }
        .sticky-cta.visible { transform: translateY(0); }
    </style>
<base target="_blank">
</head>
<body>

    <!-- Progress -->
    <div class="scroll-progress" id="progress"></div>

    <!-- ==================== SECTION HERO ==================== -->
    <!-- INTÉGREZ VOTRE VIDÉO HERO ICI -->
    <section class="relative h-screen overflow-hidden">
        <video class="video-hero lws-optimize-lazyload" autoplay muted loop playsinline poster="https://via.placeholder.com/1920x1080">
            <!-- REMPLACEZ PAR VOTRE URL -->
            <source type="video/mp4" data-src="VOTRE_VIDEO_HERO.mp4">
            <!-- Fallback image -->
            <img  class="video-hero lws-optimize-lazyload" alt="Sleep" data-src="https://images.unsplash.com/photo-1541781774459-bb2af2f05b55?w=1920">
        </video>
        
        <div class="absolute inset-0 bg-gradient-to-t from-black via-black/50 to-transparent"></div>
        
        <div class="absolute inset-0 flex flex-col justify-end p-6 pb-32">
            <div class="flex items-center gap-2 mb-4">
                <span class="relative flex h-3 w-3">
                    <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-red-500 opacity-75"></span>
                    <span class="relative inline-flex rounded-full h-3 w-3 bg-red-600"></span>
                </span>
                <span class="text-red-500 text-xs font-bold uppercase">+523 commandes aujourd'hui</span>
            </div>
            
            <h1 class="text-5xl md:text-7xl font-black mb-4 leading-none">
                DORMIR<br>
                <span class="text-emerald-500">PAISIBLEMENT</span>
            </h1>
            
            <div class="flex items-end gap-4 mb-6">
                <div class="bg-white/10 backdrop-blur rounded-2xl p-4">
                    <p class="text-white/60 line-through text-sm">17 000 F</p>
                    <p class="text-4xl font-black">15 500 FCFA</p>
                </div>
                <div class="bg-red-600 text-white px-4 py-2 rounded-full text-sm font-bold animate-pulse">
                    -50% FLASH
                </div>
            </div>
            
            <button onclick="scrollToStories()" class="bg-emerald-600 text-white px-8 py-4 rounded-full font-bold text-lg flex items-center gap-2 hover:bg-emerald-500 transition">
                VOIR LES RÉSULTATS
                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"/></svg>
            </button>
        </div>
    </section>

    <!-- ==================== SECTION STORIES VIDÉO ==================== -->
    <!-- INTÉGREZ VOS TÉMOIGNAGES VIDÉO ICI -->
    <section id="stories" class="py-12 bg-black">
        <div class="px-6 mb-6">
            <h2 class="text-4xl font-black mb-2">TÉMOIGNAGES VIDÉO</h2>
            <p class="text-white/60 text-sm">Glissez →</p>
        </div>
        
        <div class="flex gap-4 overflow-x-auto px-6 pb-4 scroll-snap-x" style="scroll-snap-type: x mandatory;">
            
            <!-- STORY 1 - REMPLACEZ URL -->
            <div class="story-card" onclick="openLightbox('story1')">
                <video poster="https://i.pravatar.cc/280x500?img=11" muted loop playsinline class="lws-optimize-lazyload">
                    <source type="video/mp4" data-src="VOTRE_VIDEO_TEMOIGNAGE_1.mp4">
                </video>
                <div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent flex flex-col justify-end p-4">
                    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-16 h-16 bg-white/20 rounded-full flex items-center justify-center backdrop-blur">
                        <svg class="w-8 h-8 text-white ml-1" fill="currentColor" viewBox="0 0 20 20"><path d="M6.3 5.84a.5.5 0 01.77-.42l7.15 4.16a.5.5 0 010 .84l-7.15 4.16a.5.5 0 01-.77-.42V5.84z"/></svg>
                    </div>
                    <p class="font-bold text-lg">Kouamé, 58 ans</p>
                    <p class="text-sm text-white/70">"Ma femme est surprise"</p>
                    <div class="flex items-center gap-2 mt-2">
                        <span class="text-yellow-400">★★★★★</span>
                        <span class="text-xs text-white/50">0:45</span>
                    </div>
                </div>
            </div>
            
            <!-- STORY 2 -->
            <div class="story-card" onclick="openLightbox('story2')">
                <video poster="https://i.pravatar.cc/280x500?img=13" muted loop playsinline class="lws-optimize-lazyload">
                    <source type="video/mp4" data-src="VOTRE_VIDEO_TEMOIGNAGE_2.mp4">
                </video>
                <div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent flex flex-col justify-end p-4">
                    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-16 h-16 bg-white/20 rounded-full flex items-center justify-center backdrop-blur">
                        <svg class="w-8 h-8 text-white ml-1" fill="currentColor" viewBox="0 0 20 20"><path d="M6.3 5.84a.5.5 0 01.77-.42l7.15 4.16a.5.5 0 010 .84l-7.15 4.16a.5.5 0 01-.77-.42V5.84z"/></svg>
                    </div>
                    <p class="font-bold text-lg">Yao, 64 ans</p>
                    <p class="text-sm text-white/70">"5 jours et c'était bon"</p>
                    <div class="flex items-center gap-2 mt-2">
                        <span class="text-yellow-400">★★★★★</span>
                        <span class="text-xs text-white/50">1:12</span>
                    </div>
                </div>
            </div>
            
            <!-- STORY 3 -->
            <div class="story-card" onclick="openLightbox('story3')">
                <video poster="https://i.pravatar.cc/280x500?img=15" muted loop playsinline class="lws-optimize-lazyload">
                    <source type="video/mp4" data-src="VOTRE_VIDEO_TEMOIGNAGE_3.mp4">
                </video>
                <div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent flex flex-col justify-end p-4">
                    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-16 h-16 bg-white/20 rounded-full flex items-center justify-center backdrop-blur">
                        <svg class="w-8 h-8 text-white ml-1" fill="currentColor" viewBox="0 0 20 20"><path d="M6.3 5.84a.5.5 0 01.77-.42l7.15 4.16a.5.5 0 010 .84l-7.15 4.16a.5.5 0 01-.77-.42V5.84z"/></svg>
                    </div>
                    <p class="font-bold text-lg">Konan, 61 ans</p>
                    <p class="text-sm text-white/70">"Mon médecin valide"</p>
                    <div class="flex items-center gap-2 mt-2">
                        <span class="text-yellow-400">★★★★★</span>
                        <span class="text-xs text-white/50">2:08</span>
                    </div>
                </div>
            </div>
            
            <!-- Ajoutez plus de stories ici -->
        </div>
    </section>

    <!-- ==================== SECTION AVANT/APRÈS ==================== -->
    <!-- INTÉGREZ VOS IMAGES BEFORE/AFTER ICI -->
    <section class="py-16 px-6 bg-neutral-900">
        <div class="max-w-md mx-auto">
            <h2 class="text-4xl font-black text-center mb-2">RÉSULTATS RÉELS</h2>
            <p class="text-white/60 text-center text-sm mb-8">Déplacez le curseur</p>
            
            <div class="compare-container" id="compareContainer">
                <!-- AFTER - REMPLACEZ URL -->
                <img  class="compare-image lws-optimize-lazyload" alt="Après" id="afterImage" onerror="this.src='https://images.unsplash.com/photo-1541781774459-bb2af2f05b55?w=800'" data-src="VOTRE_IMAGE_AFTER.jpg">
                
                <!-- BEFORE - REMPLACEZ URL -->
                <div class="compare-overlay" id="compareOverlay">
                    <img  class="compare-image lws-optimize-lazyload" alt="Avant" id="beforeImage" style="filter: grayscale(0.3) brightness(0.7);" onerror="this.src='https://images.unsplash.com/photo-1515894203077-9cd36032142f?w=800'" data-src="VOTRE_IMAGE_BEFORE.jpg">
                </div>
                
                <div class="compare-slider" id="compareSlider">
                    <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"/></svg>
                </div>
                
                <span class="absolute top-4 left-4 bg-red-600 text-white px-3 py-1 rounded-full text-xs font-bold">AVANT</span>
                <span class="absolute top-4 right-4 bg-emerald-500 text-white px-3 py-1 rounded-full text-xs font-bold">APRÈS 14 JOURS</span>
            </div>
            
            <p class="text-center text-white/70 text-sm mt-4 italic">
                Données de montre connectée - Michel, testeur
            </p>
        </div>
    </section>

    <!-- ==================== SECTION GALERIE CLIENTS ==================== -->
    <!-- INTÉGREZ VOS PHOTOS CLIENTS ICI -->
    <section class="py-16 px-6 bg-black">
        <h2 class="text-4xl font-black text-center mb-8">+500 TRANSFORMATIONS</h2>
        
        <div class="grid grid-cols-2 gap-3 max-w-md mx-auto">
            <!-- REMPLACEZ LES URLS -->
            <div class="relative aspect-square rounded-2xl overflow-hidden group">
                <img  class="w-full h-full object-cover group-hover:scale-110 transition duration-500 lws-optimize-lazyload" alt="Résultat" onerror="this.src='https://i.pravatar.cc/400?img=60'" data-src="VOTRE_PHOTO_CLIENT_1.jpg">
                <span class="absolute bottom-2 left-2 bg-emerald-500 text-white text-xs font-bold px-2 py-1 rounded">Jour 7</span>
            </div>
            
            <div class="relative aspect-square rounded-2xl overflow-hidden group">
                <img  class="w-full h-full object-cover group-hover:scale-110 transition duration-500 lws-optimize-lazyload" alt="Résultat" onerror="this.src='https://i.pravatar.cc/400?img=65'" data-src="VOTRE_PHOTO_CLIENT_2.jpg">
                <span class="absolute bottom-2 left-2 bg-emerald-500 text-white text-xs font-bold px-2 py-1 rounded">Jour 14</span>
            </div>
            
            <div class="relative aspect-square rounded-2xl overflow-hidden group">
                <img  class="w-full h-full object-cover group-hover:scale-110 transition duration-500 lws-optimize-lazyload" alt="Résultat" onerror="this.src='https://i.pravatar.cc/400?img=70'" data-src="VOTRE_PHOTO_CLIENT_3.jpg">
                <span class="absolute bottom-2 left-2 bg-emerald-500 text-white text-xs font-bold px-2 py-1 rounded">Jour 21</span>
            </div>
            
            <div class="relative aspect-square rounded-2xl overflow-hidden group">
                <img  class="w-full h-full object-cover group-hover:scale-110 transition duration-500 lws-optimize-lazyload" alt="Résultat" onerror="this.src='https://i.pravatar.cc/400?img=75'" data-src="VOTRE_PHOTO_CLIENT_4.jpg">
                <span class="absolute bottom-2 left-2 bg-emerald-500 text-white text-xs font-bold px-2 py-1 rounded">Jour 30</span>
            </div>
        </div>
    </section>

    <!-- ==================== SECTION VIDÉO EXPLICATIVE ==================== -->
    <!-- INTÉGREZ VOTRE VIDÉO "COMMENT ÇA MARCHE" ICI -->
    <section class="relative min-h-screen flex items-center justify-center overflow-hidden">
        <video class="absolute inset-0 w-full h-full object-cover opacity-30 lws-optimize-lazyload" autoplay muted loop playsinline>
            <source type="video/mp4" data-src="VOTRE_VIDEO_EXPLICATIVE.mp4">
        </video>
        
        <div class="absolute inset-0 bg-gradient-to-t from-black via-black/80 to-black/40"></div>
        
        <div class="relative z-10 max-w-md mx-auto px-6 text-center">
            <div class="w-24 h-24 bg-emerald-500 rounded-full flex items-center justify-center mx-auto mb-6 animate-pulse cursor-pointer" onclick="openLightbox('explicative')">
                <svg class="w-12 h-12 text-white ml-1" fill="currentColor" viewBox="0 0 20 20"><path d="M6.3 5.84a.5.5 0 01.77-.42l7.15 4.16a.5.5 0 010 .84l-7.15 4.16a.5.5 0 01-.77-.42V5.84z"/></svg>
                <div class="absolute inset-0 border-2 border-emerald-500 rounded-full animate-ping"></div>
            </div>
            
            <h2 class="text-4xl font-black mb-4">COMMENT ÇA MARCHE ?</h2>
            <p class="text-white/70 mb-6">Découvrez la science des racines ancestrales en 90 secondes</p>
            
            <button onclick="openLightbox('explicative')" class="bg-white text-black px-8 py-3 rounded-full font-bold hover:bg-emerald-500 hover:text-white transition">
                REGARDER LA VIDÉO
            </button>
        </div>
    </section>

    <!-- ==================== SECTION PRODUIT 360 ==================== -->
    <!-- INTÉGREZ VOTRE VIDÉO/SEQUENCE 360 DU PRODUIT ICI -->
    <section class="py-16 px-6 bg-neutral-900">
        <div class="max-w-md mx-auto text-center">
            <h2 class="text-4xl font-black mb-2">LE PRODUIT</h2>
            <p class="text-white/60 text-sm mb-8">100% naturel, fabriqué en Côte d'Ivoire</p>
            
            <div class="relative w-72 h-72 mx-auto mb-8">
                <video class="w-full h-full object-cover rounded-3xl shadow-2xl lws-optimize-lazyload" autoplay muted loop playsinline>
                    <source type="video/mp4" data-src="VOTRE_VIDEO_PRODUIT_360.mp4">
                    <!-- Fallback: image rotative -->
                    <img  class="w-full h-full object-cover rounded-3xl lws-optimize-lazyload" alt="Produit" data-src="https://images.unsplash.com/photo-1559757175-5700dde675bc?w=400">
                </video>
                
                <!-- Indicateur 360 -->
                <div class="absolute bottom-4 left-1/2 -translate-x-1/2 bg-black/50 backdrop-blur px-4 py-2 rounded-full text-xs font-bold flex items-center gap-2">
                    <svg class="w-4 h-4 animate-spin" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/></svg>
                    360°
                </div>
            </div>
            
            <!-- Mode d'emploi visuel -->
            <div class="grid grid-cols-4 gap-3">
                <div class="bg-white/5 rounded-xl p-3 text-center">
                    <div class="text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f944.png" alt="🥄" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <p class="text-xs text-white/70">1 cuillère</p>
                </div>
                <div class="bg-white/5 rounded-xl p-3 text-center">
                    <div class="text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1fad6.png" alt="🫖" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <p class="text-xs text-white/70">Eau chaude</p>
                </div>
                <div class="bg-white/5 rounded-xl p-3 text-center">
                    <div class="text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f1.png" alt="⏱" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <p class="text-xs text-white/70">5 min</p>
                </div>
                <div class="bg-white/5 rounded-xl p-3 text-center">
                    <div class="text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f634.png" alt="😴" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <p class="text-xs text-white/70">Dormez</p>
                </div>
            </div>
        </div>
    </section>

    <!-- ==================== SECTION LIVRAISON VIDÉO ==================== -->
    <!-- INTÉGREZ VOTRE VIDÉO DE LIVRAISON ICI -->
    <section class="py-16 px-6 bg-black">
        <h2 class="text-4xl font-black text-center mb-8">LIVRAISON RAPIDE</h2>
        
        <div class="max-w-md mx-auto space-y-4">
            <div class="relative rounded-2xl overflow-hidden">
                <video class="w-full h-48 object-cover lws-optimize-lazyload" muted loop playsinline poster="https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?w=600">
                    <source type="video/mp4" data-src="VOTRE_VIDEO_LIVRAISON_ABIDJAN.mp4">
                </video>
                <div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent flex items-end p-4">
                    <div>
                        <p class="font-bold text-lg">Abidjan</p>
                        <p class="text-emerald-400 text-sm">24-48h gratuite</p>
                    </div>
                </div>
            </div>
            
            <div class="relative rounded-2xl overflow-hidden">
                <video class="w-full h-48 object-cover lws-optimize-lazyload" muted loop playsinline poster="https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?w=600">
                    <source type="video/mp4" data-src="VOTRE_VIDEO_LIVRAISON_INTERIEUR.mp4">
                </video>
                <div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent flex items-end p-4">
                    <div>
                        <p class="font-bold text-lg">Intérieur du pays</p>
                        <p class="text-emerald-400 text-sm">48-72h</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ==================== SECTION OFFRES ==================== -->
    <section id="offers" class="py-16 px-6 bg-neutral-900">
        <div class="max-w-md mx-auto">
            <h2 class="text-4xl font-black text-center mb-8">CHOISISSEZ</h2>
            
            <div class="space-y-4">
                <!-- Offre 1 avec image produit -->
                <div class="relative bg-black rounded-3xl overflow-hidden border border-white/10 cursor-pointer" onclick="selectOffer(1, 15500)">
                    <img  class="w-full h-40 object-cover opacity-60 lws-optimize-lazyload" alt="1 paquet" onerror="this.src='https://images.unsplash.com/photo-1559757175-5700dde675bc?w=600'" data-src="VOTRE_IMAGE_PRODUIT_1.jpg">
                    <div class="absolute inset-0 bg-gradient-to-t from-black via-black/50 to-transparent"></div>
                    <div class="absolute bottom-0 left-0 right-0 p-6 flex justify-between items-end">
                        <div>
                            <p class="text-white/60 text-sm">Découverte</p>
                            <p class="text-2xl font-bold">1 Paquet</p>
                        </div>
                        <div class="text-right">
                            <p class="text-white/40 line-through text-sm">17 000 F</p>
                            <p class="text-3xl font-black text-emerald-500">15 500 F</p>
                        </div>
                    </div>
                </div>
                
                <!-- Offre 2 POPULAIRE -->
                <div class="relative bg-gradient-to-br from-emerald-900 to-black rounded-3xl overflow-hidden border-2 border-emerald-500 transform scale-105 shadow-2xl shadow-emerald-500/20 cursor-pointer" onclick="selectOffer(2, 28500)">
                    <div class="absolute top-4 right-4 bg-emerald-500 text-white text-xs font-bold px-3 py-1 rounded-full"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b50.png" alt="⭐" class="wp-smiley" style="height: 1em; max-height: 1em;" /> POPULAIRE</div>
                    <img  class="w-full h-48 object-cover lws-optimize-lazyload" alt="2 paquets" onerror="this.src='https://images.unsplash.com/photo-1559757175-5700dde675bc?w=600'" data-src="VOTRE_IMAGE_PRODUIT_2.jpg">
                    <div class="absolute inset-0 bg-gradient-to-t from-black via-transparent to-transparent"></div>
                    <div class="absolute bottom-0 left-0 right-0 p-6 flex justify-between items-end">
                        <div>
                            <p class="text-emerald-400 text-sm font-bold">Cure complète</p>
                            <p class="text-3xl font-bold">2 Paquets</p>
                            <p class="text-emerald-300 text-xs">+ Guide offert</p>
                        </div>
                        <div class="text-right">
                            <p class="text-white/40 line-through">34 000 F</p>
                            <p class="text-4xl font-black text-emerald-400">28 500 F</p>
                        </div>
                    </div>
                </div>
                
                <!-- Offre 3 -->
                <div class="relative bg-black rounded-3xl overflow-hidden border border-yellow-500/50 cursor-pointer" onclick="selectOffer(3, 40000)">
                    <div class="absolute top-4 right-4 bg-yellow-500 text-black text-xs font-bold px-3 py-1 rounded-full"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /> MEILLEUR PRIX</div>
                    <img  class="w-full h-40 object-cover opacity-70 lws-optimize-lazyload" alt="3 paquets" onerror="this.src='https://images.unsplash.com/photo-1559757175-5700dde675bc?w=600'" data-src="VOTRE_IMAGE_PRODUIT_3.jpg">
                    <div class="absolute inset-0 bg-gradient-to-t from-black via-black/50 to-transparent"></div>
                    <div class="absolute bottom-0 left-0 right-0 p-6 flex justify-between items-end">
                        <div>
                            <p class="text-yellow-500/80 text-sm">Stock famille</p>
                            <p class="text-2xl font-bold">3 Paquets</p>
                        </div>
                        <div class="text-right">
                            <p class="text-white/40 line-through text-sm">51 000 F</p>
                            <p class="text-3xl font-black text-yellow-500">40 000 F</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ==================== CTA FINALE ==================== -->
    <section class="py-20 px-6 bg-gradient-to-t from-emerald-900 to-black relative overflow-hidden">
        <div class="absolute inset-0 opacity-20">
            <div class="absolute top-0 left-1/4 w-96 h-96 bg-emerald-500 rounded-full blur-3xl animate-pulse"></div>
            <div class="absolute bottom-0 right-1/4 w-96 h-96 bg-emerald-600 rounded-full blur-3xl animate-pulse" style="animation-delay: 1s;"></div>
        </div>
        
        <div class="relative z-10 max-w-md mx-auto text-center">
            <div class="w-20 h-20 bg-white/10 rounded-full flex items-center justify-center mx-auto mb-6 animate-bounce">
                <span class="text-4xl"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            </div>
            
            <h2 class="text-5xl font-black mb-4">COMMANDEZ</h2>
            <p class="text-emerald-400 text-lg mb-2">12 unités restantes</p>
            
            <div class="flex justify-center gap-3 mb-8">
                <div class="bg-black/50 rounded-xl p-3 w-20 border border-white/10">
                    <div class="text-2xl font-black" id="finalH">06</div>
                    <div class="text-xs text-white/50">h</div>
                </div>
                <div class="bg-black/50 rounded-xl p-3 w-20 border border-white/10">
                    <div class="text-2xl font-black" id="finalM">03</div>
                    <div class="text-xs text-white/50">m</div>
                </div>
                <div class="bg-red-600 rounded-xl p-3 w-20 animate-pulse">
                    <div class="text-2xl font-black text-white" id="finalS">24</div>
                    <div class="text-xs text-white/80">s</div>
                </div>
            </div>
            
            <button onclick="openOrderModal()" class="w-full bg-white text-black font-black text-xl py-5 rounded-2xl shadow-2xl hover:bg-emerald-500 hover:text-white transition transform active:scale-95">
                JE COMMANDE
            </button>
        </div>
    </section>

    <!-- STICKY CTA -->
    <div class="sticky-cta" id="stickyCta">
        <div class="max-w-md mx-auto flex items-center justify-between">
            <div class="flex items-center gap-3">
                <img  class="w-12 h-12 rounded-xl object-cover lws-optimize-lazyload" alt="Produit" data-src="https://images.unsplash.com/photo-1559757175-5700dde675bc?w=100">
                <div>
                    <p class="text-white font-bold text-sm">LB10+</p>
                    <p class="text-emerald-500 font-black">15 500 F</p>
                </div>
            </div>
            <button onclick="openOrderModal()" class="bg-emerald-600 text-white px-6 py-3 rounded-full font-bold text-sm hover:bg-emerald-500 transition animate-pulse">
                Commander →
            </button>
        </div>
    </div>

    <!-- LIGHTBOX -->
    <div class="lightbox" id="lightbox" onclick="closeLightbox()">
        <video id="lightboxVideo" controls class="max-w-full max-h-full rounded-2xl lws-optimize-lazyload">
            <source src="" type="video/mp4">
        </video>
        <button class="absolute top-4 right-4 text-white/80 hover:text-white">
            <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
        </button>
    </div>

    <!-- MODAL COMMANDE -->
    <div id="orderModal" class="fixed inset-0 z-[200] hidden">
        <div class="absolute inset-0 bg-black/90 backdrop-blur-sm" onclick="closeOrderModal()"></div>
        <div class="absolute inset-x-4 top-20 bottom-4 bg-neutral-900 rounded-3xl overflow-hidden border border-white/10 flex flex-col max-h-[90vh]">
            <div class="relative h-28 bg-gradient-to-br from-emerald-900 to-black flex-shrink-0">
                <img  class="absolute inset-0 w-full h-full object-cover opacity-50 lws-optimize-lazyload" data-src="https://images.unsplash.com/photo-1559757175-5700dde675bc?w=400">
                <div class="absolute inset-0 bg-gradient-to-t from-neutral-900 to-transparent"></div>
                <button onclick="closeOrderModal()" class="absolute top-4 right-4 w-10 h-10 bg-black/50 rounded-full flex items-center justify-center text-white">✕</button>
                <div class="absolute bottom-4 left-6">
                    <p class="text-emerald-400 text-xs font-bold uppercase">Commande</p>
                    <h3 class="text-xl font-bold text-white" id="modalOfferName">2 Paquets</h3>
                </div>
                <div class="absolute bottom-4 right-6 text-right">
                    <p class="text-2xl font-black text-emerald-400" id="modalOfferPrice">28 500 F</p>
                </div>
            </div>
            
            <div class="flex-1 overflow-y-auto p-6">
                <form id="orderForm" onsubmit="handleOrder(event)" class="space-y-4">
                    <div class="relative">
                        <span class="absolute left-4 top-1/2 -translate-y-1/2"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f464.png" alt="👤" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <input type="text" name="name" required placeholder="Nom complet" class="w-full bg-black/50 border border-white/10 rounded-xl py-4 pl-12 pr-4 text-white focus:border-emerald-500 focus:outline-none">
                    </div>
                    <div class="relative">
                        <span class="absolute left-4 top-1/2 -translate-y-1/2"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f1.png" alt="📱" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <input type="tel" name="phone" required placeholder="Téléphone" class="w-full bg-black/50 border border-white/10 rounded-xl py-4 pl-12 pr-4 text-white focus:border-emerald-500 focus:outline-none">
                    </div>
                    <div class="relative">
                        <span class="absolute left-4 top-1/2 -translate-y-1/2"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cd.png" alt="📍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <select name="city" required class="w-full bg-black/50 border border-white/10 rounded-xl py-4 pl-12 pr-4 text-white focus:border-emerald-500 focus:outline-none appearance-none">
                            <option value="">Choisir ville...</option>
                            <option value="abidjan">Abidjan</option>
                            <option value="bouake">Bouaké</option>
                            <option value="yamoussoukro">Yamoussoukro</option>
                            <option value="san-pedro">San Pédro</option>
                        </select>
                    </div>
                    <div class="relative">
                        <span class="absolute left-4 top-4"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e0.png" alt="🏠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <textarea name="address" required rows="2" placeholder="Adresse précise" class="w-full bg-black/50 border border-white/10 rounded-xl py-4 pl-12 pr-4 text-white focus:border-emerald-500 focus:outline-none resize-none"></textarea>
                    </div>
                    
                    <div class="bg-emerald-900/30 rounded-xl p-4 border border-emerald-500/30 mt-6">
                        <div class="flex justify-between mb-2">
                            <span class="text-white/70">Produit</span>
                            <span class="text-white font-bold" id="summaryProduct">2 Paquets</span>
                        </div>
                        <div class="flex justify-between mb-2">
                            <span class="text-white/70">Livraison</span>
                            <span class="text-emerald-400 font-bold">GRATUITE</span>
                        </div>
                        <div class="border-t border-white/10 pt-2 flex justify-between">
                            <span class="text-white font-bold">TOTAL</span>
                            <span class="text-2xl font-black text-emerald-400" id="summaryTotal">28 500 F</span>
                        </div>
                    </div>
                    
                    <button type="submit" class="w-full bg-emerald-600 text-white font-black text-lg py-4 rounded-xl hover:bg-emerald-500 transition"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> CONFIRMER</button>
                </form>
            </div>
        </div>
    </div>

    <script>
        // Scroll progress & sticky
        window.addEventListener('scroll', () => {
            document.getElementById('progress').style.width = (window.scrollY / (document.body.scrollHeight - window.innerHeight)) * 100 + '%';
            document.getElementById('stickyCta').classList.toggle('visible', window.scrollY > 600 && window.scrollY < document.body.scrollHeight - 1000);
        });

        // Before/After slider
        const container = document.getElementById('compareContainer');
        const overlay = document.getElementById('compareOverlay');
        const slider = document.getElementById('compareSlider');
        let isDragging = false;

        function updateSlider(x) {
            const rect = container.getBoundingClientRect();
            let pct = Math.max(0, Math.min(100, ((x - rect.left) / rect.width) * 100));
            overlay.style.width = pct + '%';
            slider.style.left = pct + '%';
        }

        container.addEventListener('mousedown', () => isDragging = true);
        container.addEventListener('touchstart', () => isDragging = true);
        window.addEventListener('mouseup', () => isDragging = false);
        window.addEventListener('touchend', () => isDragging = false);
        container.addEventListener('mousemove', (e) => isDragging && updateSlider(e.clientX));
        container.addEventListener('touchmove', (e) => isDragging && updateSlider(e.touches[0].clientX));

        // Lightbox
        const videoSources = {
            'story1': 'VOTRE_VIDEO_TEMOIGNAGE_1.mp4',
            'story2': 'VOTRE_VIDEO_TEMOIGNAGE_2.mp4',
            'story3': 'VOTRE_VIDEO_TEMOIGNAGE_3.mp4',
            'explicative': 'VOTRE_VIDEO_EXPLICATIVE.mp4'
        };

        function openLightbox(type) {
            const lightbox = document.getElementById('lightbox');
            const video = document.getElementById('lightboxVideo');
            video.src = videoSources[type] || '';
            lightbox.classList.add('active');
            video.play();
            fbq('track', 'ViewContent', { content_name: 'Video ' + type });
        }

        function closeLightbox() {
            const lightbox = document.getElementById('lightbox');
            const video = document.getElementById('lightboxVideo');
            video.pause();
            lightbox.classList.remove('active');
        }

        // Order system
        let selectedOffer = { id: 2, price: 28500, name: '2 Paquets' };

        function selectOffer(id, price) {
            const names = { 1: '1 Paquet', 2: '2 Paquets', 3: '3 Paquets' };
            selectedOffer = { id, price, name: names[id] };
            openOrderModal();
        }

        function openOrderModal() {
            document.getElementById('modalOfferName').textContent = selectedOffer.name;
            document.getElementById('modalOfferPrice').textContent = selectedOffer.price.toLocaleString() + ' F';
            document.getElementById('summaryProduct').textContent = selectedOffer.name;
            document.getElementById('summaryTotal').textContent = selectedOffer.price.toLocaleString() + ' F';
            document.getElementById('orderModal').classList.remove('hidden');
            document.body.style.overflow = 'hidden';
            fbq('track', 'InitiateCheckout', { value: selectedOffer.price, currency: 'XOF' });
        }

        function closeOrderModal() {
            document.getElementById('orderModal').classList.add('hidden');
            document.body.style.overflow = '';
        }

        function handleOrder(e) {
            e.preventDefault();
            fbq('track', 'Purchase', { value: selectedOffer.price, currency: 'XOF', content_ids: ['LB10-' + selectedOffer.id], content_type: 'product' });
            
            // Confetti
            for(let i=0; i<30; i++) {
                const c = document.createElement('div');
                c.style.cssText = `position:fixed;left:${Math.random()*100}vw;top:-10px;width:10px;height:10px;background:${['#00bc7d','#fff','#ffd700'][Math.floor(Math.random()*3)]};border-radius:50%;z-index:9999;animation:fall ${Math.random()*2+2}s linear forwards`;
                document.body.appendChild(c);
                setTimeout(() => c.remove(), 4000);
            }
            
            setTimeout(() => window.location.href = 'merci.html?offer=' + selectedOffer.id, 1500);
        }

        function scrollToStories() {
            document.getElementById('stories').scrollIntoView({ behavior: 'smooth' });
        }

        // Countdown
        setInterval(() => {
            let h=6,m=3,s=24;
            s--; if(s<0){s=59;m--;if(m<0){m=59;h--;}}
            document.getElementById('finalH').textContent = h.toString().padStart(2,'0');
            document.getElementById('finalM').textContent = m.toString().padStart(2,'0');
            document.getElementById('finalS').textContent = s.toString().padStart(2,'0');
        }, 1000);

        // Add fall animation
        const style = document.createElement('style');
        style.textContent = '@keyframes fall{to{transform:translateY(100vh)rotate(360deg);opacity:0}}';
        document.head.appendChild(style);

        // Engagement tracking
        setTimeout(() => fbq('track', 'ViewContent', { content_name: '30s engagement' }), 30000);
        setTimeout(() => fbq('track', 'ViewContent', { content_name: '60s engagement' }), 60000);
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Jour 14 Votre Première Victoire</title>
		<link>https://universbienetre.net/2025/10/23/jour-14-votre-premiere-victoire/</link>
		
		<dc:creator><![CDATA[ougajean]]></dc:creator>
		<pubDate>Thu, 23 Oct 2025 00:29:27 +0000</pubDate>
				<category><![CDATA[Non classé]]></category>
		<guid isPermaLink="false">https://universbienetre.net/?p=8120</guid>

					<description><![CDATA[Jour 14 &#8211; Votre Première Victoire SEMAINE 2 : L&#8217;EXÉCUTION ET LA CONQUÊTE Jour 14 : Votre Première Victoire 💡 [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="8120" class="elementor elementor-8120" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-cfd92d2 e-flex e-con-boxed e-con e-parent" data-id="cfd92d2" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-439b092 elementor-widget elementor-widget-html" data-id="439b092" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jour 14 - Votre Première Victoire</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <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=Inter:wght@400;700;900&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Inter', sans-serif;
            background-color: #F9FAFB;
        }
        .fade-in {
            animation: fadeIn 0.8s ease-in-out forwards;
            opacity: 0;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .mission-card {
            transition: all 0.3s ease-in-out;
        }
        .mission-complete {
            border-color: #10B981;
            background-color: #F0FDF4;
        }
        .mission-complete .mission-title {
            color: #059669;
        }
        .mission-complete .checkmark {
            opacity: 1;
            transform: scale(1);
        }
        .checkmark {
            opacity: 0;
            transform: scale(0.5);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .floating-video {
            position: fixed;
            bottom: 1rem;
            right: 1rem;
            width: 90%;
            max-width: 400px;
            z-index: 50;
            transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
            transform: translateY(100%) scale(0.9);
            opacity: 0;
            pointer-events: none;
        }
        .floating-video.visible {
            transform: translateY(0) scale(1);
            opacity: 1;
            pointer-events: auto;
        }
        .video-container {
            position: relative;
            width: 100%;
            padding-top: 56.25%;
        }
        .video-container video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 0.5rem;
        }
        @media (min-width: 640px) {
            .floating-video {
                bottom: 1.5rem;
                right: 1.5rem;
            }
        }
        .checklist-item input:checked + label {
            text-decoration: line-through;
            color: #6B7280;
        }
    </style>
</head>
<body class="text-gray-800">

    <div class="container mx-auto p-4 md:p-8 max-w-2xl">

        <header class="text-center mb-10 fade-in">
            <p class="text-sm font-bold text-red-600">SEMAINE 2 : L'EXÉCUTION ET LA CONQUÊTE</p>
            <h1 class="text-3xl md:text-5xl font-black text-gray-900 mt-1">Jour 14 : Votre Première Victoire</h1>
        </header>

        <main class="space-y-10">
            
            <section id="secret" class="fade-in" style="animation-delay: 0.2s;">
                <div class="bg-white p-6 rounded-2xl shadow-lg border-l-4 border-red-500">
                    <h2 class="text-xl font-bold mb-3 text-red-700"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Le Secret du Jour</h2>
                    <p class="text-lg text-gray-600">Le premier revenu est le plus important. Il prouve que votre système fonctionne. Ce n'est pas la fin, c'est le début de votre empire.</p>
                </div>
            </section>

             <section id="video-trigger" class="fade-in" style="animation-delay: 0.4s;">
                <div class="bg-white p-6 rounded-2xl shadow-lg text-center">
                    <h2 class="text-xl font-bold mb-4 text-gray-800">Mon Message de Félicitations</h2>
                    <p class="text-gray-600 mb-4">Vous l'avez fait ! Cliquez ci-dessous pour mon message final et les prochaines étapes pour scaler votre business.</p>
                    <button id="showVideoBtn" class="bg-green-600 text-white font-bold py-3 px-6 rounded-lg hover:bg-green-700 transition-all duration-300 transform hover:scale-105">
                        <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f389.png" alt="🎉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Lancer le message final
                    </button>
                </div>
            </section>
            
             <section id="cas-pratique" class="fade-in" style="animation-delay: 0.6s;">
                 <div class="bg-white p-6 rounded-2xl shadow-lg">
                    <h2 class="text-xl font-bold mb-3 text-gray-800"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f575-fe0f-200d-2642-fe0f.png" alt="🕵️‍♂️" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Cas Pratique - La Suite pour M. Boli</h2>
                    <p class="text-gray-600">Après sa première vente, M. Boli n'a pas attendu. Il a immédiatement envoyé un message de remerciement à sa cliente. Le soir même, il a analysé ce qui avait fonctionné : le groupe Facebook et sa relance directe sur WhatsApp. La semaine suivante, il a reproduit exactement le même schéma avec un autre produit : le piment. Il a signé un deuxième client. Sa machine était lancée.</p>
                </div>
            </section>

            <section id="mission" class="fade-in" style="animation-delay: 0.8s;">
                <div id="missionCard" class="mission-card bg-white p-6 rounded-2xl shadow-lg border-2 border-dashed border-gray-300">
                    <div class="flex items-start">
                        <h2 class="mission-title text-xl font-bold text-gray-800 flex-grow"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Votre Mission Finale</h2>
                        <span class="checkmark text-3xl text-green-500">✓</span>
                    </div>
                    <p class="text-gray-600 mt-3 mb-4">Validez votre première victoire et préparez la suite.</p>
                    
                    <div class="space-y-4" id="checklist">
                        <div class="checklist-item flex items-center">
                            <input type="checkbox" id="task1" class="h-5 w-5 rounded border-gray-300 text-red-600 focus:ring-red-500">
                            <label for="task1" class="ml-3 text-lg text-gray-700">J'ai coordonné la livraison de ma première commande.</label>
                        </div>
                        <div class="checklist-item flex items-center">
                            <input type="checkbox" id="task2" class="h-5 w-5 rounded border-gray-300 text-red-600 focus:ring-red-500">
                            <label for="task2" class="ml-3 text-lg text-gray-700">J'ai envoyé un message de remerciement à mon client.</label>
                        </div>
                        <div class="checklist-item flex items-center">
                            <input type="checkbox" id="task3" class="h-5 w-5 rounded border-gray-300 text-red-600 focus:ring-red-500">
                            <label for="task3" class="ml-3 text-lg text-gray-700">J'ai célébré cette victoire (même petite !).</label>
                        </div>
                         <div class="checklist-item flex items-center">
                            <input type="checkbox" id="task4" class="h-5 w-5 rounded border-gray-300 text-red-600 focus:ring-red-500">
                            <label for="task4" class="ml-3 text-lg text-gray-700">J'ai planifié ma prochaine action (ex: reproduire ce qui a marché).</label>
                        </div>
                    </div>

                    <button id="completeMissionBtn" class="mt-6 w-full bg-red-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 transition-all duration-300 transform hover:scale-105">
                        Valider ma Victoire
                    </button>
                </div>
            </section>

            <section id="rappel" class="fade-in" style="animation-delay: 1s;">
                <div class="bg-gray-800 text-white p-6 rounded-2xl shadow-lg text-center">
                    <p class="text-lg font-semibold italic">"Vous avez réussi. Votre objectif de millions n'est plus un rêve, c'est un plan en action."</p>
                </div>
            </section>

        </main>
        
        <footer class="text-center mt-12 fade-in flex justify-between" style="animation-delay: 1.2s;">
            <a href="https://universbienetre.net/jour-13-le-jour-du-closing/" class="bg-gray-200 text-gray-800 font-bold py-3 px-8 rounded-lg hover:bg-gray-300 transition-all duration-300 text-center">
                ← Revenir au Jour 13
            </a>
            <a id="nextDayBtn" href="URL_POUR_PAGE_FINALE_CERTIFICAT" class="bg-green-600 text-white font-bold py-3 px-8 rounded-lg transition-all duration-300 text-center opacity-50 cursor-not-allowed">
                Terminer la Formation <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f389.png" alt="🎉" class="wp-smiley" style="height: 1em; max-height: 1em;" />
            </a>
        </footer>
    </div>

    <div id="floatingVideoContainer" class="floating-video bg-white rounded-2xl shadow-2xl overflow-hidden border border-gray-200">
        <div class="flex justify-between items-center p-3 bg-gray-100 border-b border-gray-200">
            <h3 class="font-bold text-gray-800 text-sm"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a5.png" alt="🎥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Mon Message Final</h3>
            <button id="closeVideoBtn" class="text-gray-500 hover:text-gray-900 text-2xl font-bold leading-none">&times;</button>
        </div>
        <div class="p-2 bg-black rounded-b-2xl">
            <div class="video-container">
                 <video controls class="absolute top-0 left-0 w-full h-full lws-optimize-lazyload" src="https://storage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4">
                    Votre navigateur ne supporte pas la lecture de vidéos.
                </video>
            </div>
        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const completeMissionBtn = document.getElementById('completeMissionBtn');
            const missionCard = document.getElementById('missionCard');
            const nextDayBtn = document.getElementById('nextDayBtn');
            const checklistItems = document.querySelectorAll('#checklist input[type="checkbox"]');
            
            const showVideoBtn = document.getElementById('showVideoBtn');
            const floatingVideoContainer = document.getElementById('floatingVideoContainer');
            const closeVideoBtn = document.getElementById('closeVideoBtn');
            const videoElement = floatingVideoContainer.querySelector('video');
            
            let isMissionComplete = false;

            const checkMissionStatus = () => {
                const allChecked = Array.from(checklistItems).every(item => item.checked);
                if (allChecked) {
                    missionCard.classList.add('mission-complete');
                    completeMissionBtn.textContent = "Victoire Validée !";
                    completeMissionBtn.disabled = true;
                    completeMissionBtn.classList.remove('bg-red-600', 'hover:bg-red-700');
                    completeMissionBtn.classList.add('bg-green-600');
                    
                    isMissionComplete = true;
                    nextDayBtn.classList.remove('opacity-50', 'cursor-not-allowed');
                    nextDayBtn.classList.add('hover:bg-green-700');
                } else {
                     if (isMissionComplete) { // Revert if a box is unchecked
                         missionCard.classList.remove('mission-complete');
                         completeMissionBtn.textContent = "Valider ma Victoire";
                         completeMissionBtn.disabled = false;
                         completeMissionBtn.classList.add('bg-red-600', 'hover:bg-red-700');
                         completeMissionBtn.classList.remove('bg-green-600');
                         isMissionComplete = false;
                         nextDayBtn.classList.add('opacity-50', 'cursor-not-allowed');
                         nextDayBtn.classList.remove('hover:bg-green-700');
                     }
                }
            };

            completeMissionBtn.addEventListener('click', () => {
                 const allChecked = Array.from(checklistItems).every(item => item.checked);
                 if (!allChecked) {
                     alert("Veuillez cocher toutes les actions de cette journée finale ! Célébrez votre succès.");
                 } else {
                     checkMissionStatus();
                 }
            });

            checklistItems.forEach(item => {
                item.addEventListener('change', checkMissionStatus);
            });
            
            nextDayBtn.addEventListener('click', (event) => {
                if (!isMissionComplete) {
                    event.preventDefault();
                    alert("Vous devez d'abord valider votre première victoire pour terminer la formation !");
                }
            });
            
            showVideoBtn.addEventListener('click', () => {
                floatingVideoContainer.classList.add('visible');
            });
            
            closeVideoBtn.addEventListener('click', () => {
                floatingVideoContainer.classList.remove('visible');
                if (videoElement) {
                    videoElement.pause();
                }
            });
        });
    </script>
</body>
</html>
				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		<enclosure url="https://storage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" length="158008374" type="video/mp4" />

			</item>
		<item>
		<title>Bonjour tout le monde !</title>
		<link>https://universbienetre.net/2023/11/08/bonjour-tout-le-monde/</link>
		
		<dc:creator><![CDATA[ougajean]]></dc:creator>
		<pubDate>Wed, 08 Nov 2023 15:25:17 +0000</pubDate>
				<category><![CDATA[Non classé]]></category>
		<guid isPermaLink="false">https://universbienetre.net/?p=1</guid>

					<description><![CDATA[Bienvenue sur WordPress. Ceci est votre premier article. Modifiez-le ou supprimez-le, puis commencez à écrire !]]></description>
										<content:encoded><![CDATA[
<p>Bienvenue sur WordPress. Ceci est votre premier article. Modifiez-le ou supprimez-le, puis commencez à écrire !</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
