{"id":69,"date":"2026-03-14T19:12:04","date_gmt":"2026-03-14T18:12:04","guid":{"rendered":"https:\/\/loup-blanc.tech\/?page_id=69"},"modified":"2026-03-20T19:16:49","modified_gmt":"2026-03-20T18:16:49","slug":"home-template","status":"publish","type":"page","link":"https:\/\/loup-blanc.tech\/test\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr-FR\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Loup-Blanc.Tech \u2013 Devenez rare, professionnel et recherch\u00e9<\/title>\n    <!-- Polices et ic\u00f4nes -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;800&#038;family=Open+Sans&#038;display=swap\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons\" rel=\"stylesheet\">\n    <style>\n        \/* === STYLES GLOBAUX === *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        body {\n            background: #0a0a14;\n            color: #f8fafc;\n            font-family: 'Open Sans', sans-serif;\n            line-height: 1.7;\n            overflow-x: hidden;\n        }\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n        section {\n            padding: 80px 0;\n            border-bottom: 1px solid #2a2a3c;\n        }\n        h1, h2, h3 {\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 800;\n            line-height: 1.2;\n        }\n        h2 {\n            font-size: clamp(2rem, 5vw, 2.8rem);\n            margin-bottom: 20px;\n            color: #fff;\n        }\n        .section-subtitle {\n            color: #f5a623;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            font-size: 0.9rem;\n            font-weight: 700;\n            margin-bottom: 10px;\n            display: block;\n        }\n        .btn {\n            display: inline-block;\n            padding: 15px 36px;\n            border-radius: 8px;\n            font-weight: 700;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            border: none;\n        }\n        .btn-primary {\n            background: #f5a623;\n            color: #000;\n            box-shadow: 0 0 20px rgba(245,166,35,0.3);\n        }\n        .btn-primary:hover {\n            background: #ffb347;\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(245,166,35,0.5);\n        }\n        .btn-secondary {\n            background: transparent;\n            color: #00d4aa;\n            border: 2px solid #00d4aa;\n        }\n        .btn-secondary:hover {\n            background: rgba(0,212,170,0.1);\n            transform: translateY(-2px);\n        }\n        .grid-2, .grid-3, .grid-4 {\n            display: grid;\n            gap: 24px;\n        }\n        .grid-2 { grid-template-columns: repeat(2, 1fr); }\n        .grid-3 { grid-template-columns: repeat(3, 1fr); }\n        .grid-4 { grid-template-columns: repeat(4, 1fr); }\n        @media (max-width: 768px) {\n            .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }\n        }\n        .card {\n            background: #111120;\n            border: 1px solid #2a2a3c;\n            border-radius: 16px;\n            padding: 30px 20px;\n            transition: all 0.3s;\n        }\n        .card:hover {\n            transform: translateY(-5px);\n            border-color: #f5a623;\n            box-shadow: 0 0 30px rgba(245,166,35,0.2);\n        }\n        .card-icon {\n            font-size: 3rem;\n            margin-bottom: 20px;\n            display: block;\n        }\n        .card h3 {\n            font-size: 1.2rem;\n            margin-bottom: 10px;\n            color: #f5a623;\n        }\n        .card p {\n            color: #94a3b8;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            margin: 0;\n        }\n        .hero-section {\n            background: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(124,92,255,0.25) 0%, transparent 70%), #0a0a14;\n            padding-top: 100px;\n            text-align: center;\n        }\n        .hero-emoji {\n            font-size: 5rem;\n            margin-bottom: 20px;\n            animation: float 4s ease-in-out infinite;\n            display: block;\n        }\n        @keyframes float {\n            0%,100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- CONTENU PRINCIPAL (toutes les sections) -->\n    <div id=\"lb-wrap\">\n        <!-- HERO -->\n        <section class=\"hero-section\">\n            <div class=\"container\">\n                <span class=\"hero-emoji\">\ud83d\udc3a<\/span>\n                <h1 style=\"font-size: clamp(2.5rem, 8vw, 5rem); font-weight: 900; color: #fff; line-height: 1.1; margin-bottom: 20px;\">\n                    La Strat\u00e9gie <span style=\"color: #f5a623;\">du Loup Blanc<\/span>\n                <\/h1>\n                <p style=\"font-size: 1.3rem; color: #94a3b8; max-width: 700px; margin: 0 auto 40px;\">\n                    La formation gratuite en 365 missions pour ma\u00eetriser l&rsquo;IA, d\u00e9crocher des certifications et g\u00e9n\u00e9rer des revenus en partageant ce que vous apprenez.\n                <\/p>\n                <div style=\"display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;\">\n                    <a href=\"\/rejoindre-le-club\/\" class=\"btn btn-primary\">\ud83d\ude80 Rejoindre la formation (gratuit)<\/a>\n                    <a href=\"#programme\" class=\"btn btn-secondary\">D\u00e9couvrir les 8 niveaux<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- NIVEAUX -->\n        <section id=\"programme\" style=\"background: #181828;\">\n            <div class=\"container\">\n                <span class=\"section-subtitle\">Le parcours complet<\/span>\n                <h2>365 missions pour transformer votre vie<\/h2>\n                <div class=\"grid-4\">\n                    <div class=\"card\"><span class=\"card-icon\">\ud83e\uddd8<\/span><h3>Niv.0 \u2013 Corps &#038; Esprit<\/h3><p>Fitness, m\u00e9ditation, bases physiques.<\/p><\/div>\n                    <div class=\"card\"><span class=\"card-icon\">\ud83e\udde0<\/span><h3>Niv.1 \u2013 Cerveau<\/h3><p>Logique, m\u00e9moire, langues (PIX, Duolingo).<\/p><\/div>\n                    <div class=\"card\"><span class=\"card-icon\">\ud83d\udcb0<\/span><h3>Niv.2 \u2013 Revenus passifs<\/h3><p>Honeygain, Pi Network, WeWard\u2026<\/p><\/div>\n                    <div class=\"card\"><span class=\"card-icon\">\ud83d\udcca<\/span><h3>Niv.3 \u2013 Finance<\/h3><p>\u00c9pargne, investissements, coop\u00e9ratives.<\/p><\/div>\n                    <div class=\"card\"><span class=\"card-icon\">\ud83d\udcbb<\/span><h3>Niv.4 \u2013 Langages<\/h3><p>Anglais, code (Mimo, freeCodeCamp).<\/p><\/div>\n                    <div class=\"card\"><span class=\"card-icon\">\ud83c\udff0<\/span><h3>Niv.5 \u2013 Empire Web<\/h3><p>Domaine .ws, site, certifications Google.<\/p><\/div>\n                    <div class=\"card\"><span class=\"card-icon\">\ud83e\udd16<\/span><h3>Niv.6 \u2013 IA &#038; Automatisation<\/h3><p>Gemini, Claude, Make, cr\u00e9ation vid\u00e9o IA.<\/p><\/div>\n                    <div class=\"card\"><span class=\"card-icon\">\ud83d\udd17<\/span><h3>Niv.7 \u2013 Web3 &#038; DAO<\/h3><p>MetFi, blockchain, pr\u00e9paration carri\u00e8re.<\/p><\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- METIERS -->\n        <section style=\"background: #0a0a14;\">\n            <div class=\"container\">\n                <span class=\"section-subtitle\">Devenez un expert recherch\u00e9<\/span>\n                <h2>Des comp\u00e9tences concr\u00e8tes, des certifications reconnues<\/h2>\n                <div class=\"grid-3\">\n                    <div class=\"card\"><span class=\"card-icon\">\ud83c\udf93<\/span><h3>D\u00e9veloppeur Web \/ No-Code<\/h3><p>Certifications PIX, freeCodeCamp, Google. Salaire junior : 2 000 \u2013 3 500 \u20ac\/mois.<\/p><\/div>\n                    <div class=\"card\"><span class=\"card-icon\">\ud83d\udce2<\/span><h3>Community Manager \/ Copywriter IA<\/h3><p>Ma\u00eetrisez les outils d&rsquo;IA pour cr\u00e9er du contenu viral. Certifications Google.<\/p><\/div>\n                    <div class=\"card\"><span class=\"card-icon\">\u2699\ufe0f<\/span><h3>Sp\u00e9cialiste en Automatisation &#038; IA<\/h3><p>Make, Claude, Python. Salaire : 2 500 \u2013 5 000 \u20ac\/mois.<\/p><\/div>\n                    <div class=\"card\"><span class=\"card-icon\">\ud83d\udde3\ufe0f<\/span><h3>Assistant Virtuel Bilingue<\/h3><p>Anglais (Duolingo) + outils Google. Travail remote accessible.<\/p><\/div>\n                    <div class=\"card\"><span class=\"card-icon\">\ud83d\udc65<\/span><h3>Formateur \/ Leader r\u00e9seau<\/h3><p>Devenez r\u00e9f\u00e9rent, formez vos filleuls et g\u00e9n\u00e9rez des commissions r\u00e9currentes.<\/p><\/div>\n                    <div class=\"card\"><span class=\"card-icon\">\ud83c\udfac<\/span><h3>Cr\u00e9ateur de contenu viral<\/h3><p>Produisez des vid\u00e9os pro avec l&rsquo;IA et publiez automatiquement.<\/p><\/div>\n                <\/div>\n                <p style=\"text-align: center; color: #94a3b8; margin-top: 40px;\">Toutes ces formations sont gratuites \u2013 PIX, Google Ateliers Num\u00e9riques, freeCodeCamp, Mimo\u2026<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- AFFILIATION -->\n        <section style=\"background: #181828;\">\n            <div class=\"container\">\n                <span class=\"section-subtitle\">Le syst\u00e8me d&rsquo;affiliation<\/span>\n                <h2>Partagez la formation, gagnez des commissions<\/h2>\n                <div style=\"display: flex; flex-wrap: wrap; gap: 40px; align-items: center;\">\n                    <div style=\"flex: 1; min-width: 280px;\">\n                        <p style=\"color: #94a3b8; font-size: 1.1rem; margin-bottom: 20px;\">\n                            Chaque membre re\u00e7oit un lien de parrainage unique. Quand quelqu&rsquo;un s&rsquo;inscrit via ce lien et suit la formation, vous touchez une commission sur les outils qu&rsquo;il utilise (WeWard, Honeygain, Pi\u2026). <strong>Certaines commissions sont \u00e0 vie.<\/strong>\n                        <\/p>\n                        <ul style=\"list-style: none; padding: 0;\">\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: center; gap: 10px;\"><span style=\"color: #f5a623;\">\u2713<\/span> 1. Inscrivez-vous \u00e0 la formation<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: center; gap: 10px;\"><span style=\"color: #00d4aa;\">\u2713<\/span> 2. Obtenez votre lien personnalis\u00e9<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: center; gap: 10px;\"><span style=\"color: #7c5cff;\">\u2713<\/span> 3. Partagez avec vos proches (sans spam)<\/li>\n                            <li style=\"margin-bottom: 10px; display: flex; align-items: center; gap: 10px;\"><span style=\"color: #00e676;\">\u2713<\/span> 4. Gagnez des commissions chaque mois<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div style=\"flex: 1; min-width: 280px; background: #111120; border: 1px solid #2a2a3c; border-radius: 16px; padding: 30px; text-align: center;\">\n                        <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83d\udcc8<\/div>\n                        <p style=\"font-size: 2rem; font-weight: 800; color: #f5a623;\">500 \u2013 2 000 \u20ac+<\/p>\n                        <p style=\"color: #94a3b8;\">Potentiel mensuel estim\u00e9 selon votre r\u00e9seau<\/p>\n                        <a href=\"\/rejoindre-le-club\/\" class=\"btn btn-primary\" style=\"margin-top: 20px;\">Obtenir mon lien<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ACCOMPAGNEMENT -->\n        <section style=\"background: #0a0a14;\">\n            <div class=\"container\">\n                <span class=\"section-subtitle\">Vous n&rsquo;\u00eates jamais seul<\/span>\n                <h2>Un coach IA\u2026 et des humains si besoin<\/h2>\n                <div class=\"grid-2\" style=\"gap: 40px;\">\n                    <div class=\"card\" style=\"padding: 40px;\">\n                        <span class=\"card-icon\">\ud83e\udd16<\/span>\n                        <h3 style=\"color: #00d4aa;\">Coach IA sur Telegram<\/h3>\n                        <p style=\"color: #94a3b8;\">Int\u00e9gr\u00e9 \u00e0 la formation, il vous guide chaque jour, r\u00e9pond \u00e0 vos questions et suit votre progression. Accessible 24h\/24.<\/p>\n                        <div style=\"margin-top: 20px;\"><a href=\"https:\/\/t.me\/LoupBlanCoachBot?start=lechatdoc\" target=\"_blank\" rel=\"nofollow sponsored\" style=\"color:#00d4aa; font-weight:bold;\">\ud83d\udd17 Coach IA Telegram<\/a><\/div>\n                    <\/div>\n                    <div class=\"card\" style=\"padding: 40px;\">\n                        <span class=\"card-icon\">\ud83d\udc64<\/span>\n                        <h3 style=\"color: #f5a623;\">Besoin d&rsquo;un contact humain ?<\/h3>\n                        <p style=\"color: #94a3b8;\">Si vous rencontrez un blocage, nos coachs certifi\u00e9s Spiritech sont l\u00e0 pour vous d\u00e9bloquer. Accompagnement personnalis\u00e9 sur rendez-vous.<\/p>\n                        <button class=\"btn btn-secondary lba-trigger-btn\" style=\"margin-top: 20px;\">Contacter un coach<\/button>\n                    <\/div>\n                <\/div>\n                <p style=\"text-align: center; color: #94a3b8; margin-top: 40px; font-style: italic;\">L&rsquo;IA vous guide au quotidien, l&rsquo;humain vous aide \u00e0 franchir les obstacles.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- CTA FINAL -->\n        <section style=\"background: linear-gradient(135deg, #0a0a14 0%, #1a0a3e 50%, #0a1a1a 100%); border-bottom: none;\">\n            <div class=\"container\" style=\"text-align: center;\">\n                <h2 style=\"margin-bottom: 20px;\">Pr\u00eat \u00e0 commencer votre transformation ?<\/h2>\n                <p style=\"color: #94a3b8; font-size: 1.2rem; max-width: 600px; margin: 0 auto 40px;\">\n                    Inscription gratuite, acc\u00e8s imm\u00e9diat \u00e0 la mission 1, au Coach IA et \u00e0 votre espace parrain.\n                <\/p>\n                <a href=\"\/rejoindre-le-club\/\" class=\"btn btn-primary\" style=\"padding: 18px 50px; font-size: 1.2rem;\">\ud83d\udc3a Rejoindre la meute<\/a>\n                <p style=\"margin-top: 20px; color: #94a3b8;\">D\u00e9j\u00e0 membre ? <a href=\"\/dashboard\/\" style=\"color: #00d4aa; text-decoration: underline;\">Se connecter<\/a><\/p>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <!-- \n        NOTE IMPORTANTE : \n        Le widget \"Besoin d'aide\" (sph\u00e8re + modale) est g\u00e9r\u00e9 par le child theme.\n        NE PAS le dupliquer ici, sinon les IDs sont en double et rien ne fonctionne.\n    -->\n<script>\ndocument.querySelectorAll('.lba-trigger-btn').forEach(function(btn) {\n    btn.addEventListener('click', function(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        var modal = document.getElementById('lba-help-modal');\n        if (modal) modal.classList.add('open');\n    });\n});\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Loup-Blanc.Tech \u2013 Devenez rare, professionnel et recherch\u00e9 \ud83d\udc3a La Strat\u00e9gie du Loup Blanc La formation gratuite en 365 missions pour [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loup-blanc.tech\/test\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loup-blanc.tech\/test\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loup-blanc.tech\/test\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loup-blanc.tech\/test\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loup-blanc.tech\/test\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":28,"href":"https:\/\/loup-blanc.tech\/test\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":555,"href":"https:\/\/loup-blanc.tech\/test\/wp-json\/wp\/v2\/pages\/69\/revisions\/555"}],"wp:attachment":[{"href":"https:\/\/loup-blanc.tech\/test\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}