@section('title', 'Conditions Générales d'Utilisation')

@section('content')
<div class="container mx-auto px-4 py-8">
    <div class="max-w-4xl mx-auto bg-white dark:bg-slate-800 rounded-lg shadow-lg p-8 mt-14">
        <h1 class="text-3xl font-bold text-gray-900 dark:text-slate-100 mb-6">Conditions Générales d'Utilisation de SnapBlog</h1>
        
        <div class="text-sm text-gray-600 dark:text-slate-300 mb-8">
            Dernière mise à jour : 09/05/2025
        </div>

        <div class="prose prose-lg dark:prose-invert max-w-none">
            <div class="bg-yellow-50 dark:bg-yellow-900/20 border-l-4 border-yellow-400 dark:border-yellow-700 p-4 mb-8">
                <p class="text-yellow-700 dark:text-yellow-300">
                    <strong>Avis Important :</strong> Ce document établit les termes légaux régissant l'accès et l'utilisation de la plateforme SnapBlog ("Plateforme" ou "Service"). En créant un compte, en naviguant ou en utilisant toute fonctionnalité de la Plateforme, vous ("Utilisateur" ou "Client") déclarez avoir lu, compris et accepté intégralement ces Termes et Conditions, notre Politique de Confidentialité et, le cas échéant, l'Accord de Traitement des Données (DPA). En cas de désaccord avec une quelconque disposition, veuillez cesser immédiatement l'utilisation.
                </p>
            </div>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">1. Définitions</h2>
                <ul class="list-disc pl-6 space-y-2">
                    <li><strong>SnapBlog</strong> – Plateforme SaaS d'automatisation de blog qui utilise l'intelligence artificielle (IA) pour créer, éditer et publier du contenu sur le blog d'un site web du Client, pouvant se connecter au compte Instagram du Client pour importer des données ou fonctionner en mode manuel.</li>
                    <li><strong>Contenu de l'Utilisateur</strong> – Données, images, textes, audios, vidéos, métadonnées, hashtags et autres informations fournies, importées ou générées par l'Utilisateur sur la Plateforme.</li>
                    <li><strong>Contenu Généré par l'IA</strong> – Résultat produit par les modèles d'IA de SnapBlog à partir du Contenu de l'Utilisateur ou des instructions fournies par l'Utilisateur.</li>
                    <li><strong>Plans</strong> – Modalités d'abonnement (Basic, Pro, Enterprise) avec des fonctionnalités, des limites de stockage ("Storage") et des prix différenciés.</li>
                    <li><strong>Dépassement (Overage)</strong> – Utilisation excédentaire des ressources au-delà des limites du Plan.</li>
                    <li><strong>LGPD</strong> – Loi Générale de Protection des Données Personnelles, Loi n° 13.709/2018 (Brésil).</li>
                    <li><strong>API Instagram</strong> – Interfaces programmatiques disponibles pour l'intégration d'applications tierces avec Instagram.</li>
                </ul>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">2. Éligibilité</h2>
                <p class="mb-4">Pour utiliser la Plateforme, l'Utilisateur doit :</p>
                <ul class="list-disc pl-6 space-y-2">
                    <li>Avoir au moins 18 (dix-huit) ans ou la majorité légale dans sa juridiction ;</li>
                    <li>Posséder la pleine capacité juridique de conclure des contrats ;</li>
                    <li>Fournir des informations véridiques et complètes lors de l'inscription ;</li>
                    <li>Accepter ces Termes et la Politique de Confidentialité.</li>
                </ul>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">3. Description du Service</h2>
                <p class="mb-4">SnapBlog propose :</p>
                <ul class="list-disc pl-6 space-y-2">
                    <li><strong>Automatisation de Contenu</strong> – Génération d'articles de blog à partir de publications Instagram Business/Creator liées ou à partir d'invites manuelles ;</li>
                    <li><strong>Éditeur Avancé</strong> – Ajustement de texte, traduction, SEO assisté et planification de publications ;</li>
                    <li><strong>Hébergement de Médias</strong> – Stockage d'images, de vidéos et de fichiers liés au blog selon le Plan ;</li>
                    <li><strong>Tableaux de Bord (Dashboards)</strong> – Métriques de performance, historique des publications et utilisation du stockage ;</li>
                    <li><strong>API</strong> – (pour les Plans Business/Enterprise) intégration de tiers ;</li>
                    <li><strong>Support</strong> – Canaux de service client conformes au SLA du Plan.</li>
                </ul>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">4. Intégration avec Instagram et Obligations de l'Utilisateur</h2>
                <ul class="list-disc pl-6 space-y-2">
                    <li><strong>Consentement</strong> – Pour activer la fonctionnalité automatique, l'Utilisateur devra connecter son compte Instagram Business ou Creator via OAuth et accorder les autorisations demandées.</li>
                    <li><strong>Conformité avec Meta</strong> – L'Utilisateur s'engage à respecter les Politiques de la Plateforme Meta for Developers et les Conditions d'Utilisation de l'API Instagram. Le non-respect peut entraîner la suspension immédiate de l'accès à la fonctionnalité.</li>
                    <li><strong>Révocation d'Accès</strong> – L'Utilisateur peut, à tout moment, déconnecter son compte Instagram dans les paramètres. La révocation n'affecte pas la légalité du traitement effectué avant la révocation.</li>
                    <li><strong>Indépendance</strong> – SnapBlog n'est ni affiliée, ni sponsorisée, ni approuvée par Instagram ou Meta Platforms, Inc.</li>
                </ul>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">5. Inscription, Accès au Compte et Sécurité</h2>
                <ul class="list-disc pl-6 space-y-2">
                    <li>Chaque compte est individuel et intransférable. L'Utilisateur doit garder ses identifiants confidentiels.</li>
                    <li>L'Utilisateur est responsable des activités effectuées sous ses identifiants.</li>
                    <li>Les soupçons d'utilisation non autorisée doivent être signalés immédiatement à SnapBlog.</li>
                </ul>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">6. Plans, Prix, Facturation et Taxes</h2>
                <ul class="list-disc pl-6 space-y-2">
                    <li><strong>Abonnement</strong> – Les Plans sont proposés avec un renouvellement mensuel ou annuel, avec facturation anticipée via carte de crédit, boleto (pour le Brésil) ou PIX (pour le Brésil).</li>
                    <li><strong>Changement de Plan</strong> – L'Utilisateur peut migrer de Plan à tout moment, sous réserve d'une facturation proportionnelle.</li>
                    <li><strong>Dépassement (Overage)</strong> – Si l'utilisation du stockage ou la génération d'articles dépasse la limite du Plan, des tarifs de Dépassement seront appliqués conformément au tableau en vigueur, facturés lors du cycle suivant.</li>
                    <li><strong>Réajustement</strong> – SnapBlog pourra réajuster les prix moyennant un préavis de 30 (trente) jours.</li>
                    <li><strong>Droit de Rétractation</strong> – L'Utilisateur résidant au Brésil pourra annuler l'abonnement dans un délai de 7 (sept) jours calendaires après la souscription, avec un remboursement intégral, conformément à l'art. 49 du Code de la Consommation (CDC) brésilien.</li>
                    <li><strong>Taxes</strong> – Les prix affichés incluent les taxes fédérales et étatiques applicables, sauf indication contraire.</li>
                </ul>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">7. Licence d'Utilisation et Propriété Intellectuelle</h2>
                <ul class="list-disc pl-6 space-y-2">
                    <li><strong>Licence à la Plateforme</strong> – SnapBlog accorde à l'Utilisateur une licence limitée, non exclusive, non transférable et révocable pour accéder et utiliser le Service pendant la durée du Plan.</li>
                    <li><strong>Contenu de l'Utilisateur</strong> – L'Utilisateur conserve tous les droits sur le Contenu de l'Utilisateur. En le soumettant, il accorde à SnapBlog une licence mondiale, gratuite et sous-licenciable pour héberger, traiter et afficher le Contenu exclusivement dans le but de fournir le Service.</li>
                    <li><strong>Contenu Généré par l'IA</strong> – Sauf indication contraire, l'Utilisateur est titulaire des droits sur le Contenu Généré par l'IA conformément aux lois en vigueur, étant responsable de sa révision, de sa validation et de s'assurer que son utilisation ne viole pas les droits de tiers.</li>
                    <li><strong>Marques</strong> – SnapBlog et ses logos sont des marques déposées. Leur utilisation est interdite sans autorisation préalable.</li>
                </ul>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">8. Contenu Généré par l'IA – Avis et Limitations</h2>
                <ul class="list-disc pl-6 space-y-2">
                    <li><strong>Résultats Variables</strong> – Le Contenu Généré par l'IA peut contenir des imprécisions factuelles, des opinions ou des biais. Une révision humaine est recommandée avant la publication.</li>
                    <li><strong>Responsabilité</strong> – L'Utilisateur est seul responsable de la vérification de la véracité et de la conformité légale (y compris les droits d'auteur, la publicité et la confidentialité) du Contenu Généré par l'IA.</li>
                    <li><strong>Formation des Modèles</strong> – Les données de l'Utilisateur ne sont pas utilisées pour réentraîner des modèles d'IA publics sans consentement exprès.</li>
                    <li><strong>Exclusion de Garanties</strong> – SnapBlog ne garantit pas que le Contenu Généré par l'IA sera original, exempt de réclamations de tiers ou adapté à un usage spécifique.</li>
                </ul>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">9. Limites d'Utilisation, Stockage et Dépassement (Overage)</h2>
                <ul class="list-disc pl-6 space-y-2">
                    <li>Chaque Plan inclut des limites de Stockage (Go), la quantité d'articles par mois et les intégrations simultanées.</li>
                    <li>Une fois les limites dépassées, l'Utilisateur pourra choisir de :
                        <ul class="list-disc pl-6 mt-2">
                            <li>Réduire l'utilisation dans la limite dans les 72 heures ; ou</li>
                            <li>Accepter les tarifs de Dépassement ou migrer vers un Plan supérieur.</li>
                        </ul>
                    </li>
                    <li>Le non-ajustement ou le non-paiement du Dépassement pourra entraîner la suspension partielle du Service.</li>
                </ul>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">10. Utilisation Acceptable et Conduites Prohibées</h2>
                <p class="mb-4">Il est interdit de :</p>
                <ul class="list-disc pl-6 space-y-2">
                    <li>Violar les lois, règlements ou droits de tiers ;</li>
                    <li>Publier ou générer du contenu illégal, diffamatoire, obscène, violent ou promouvant le discours de haine ;</li>
                    <li>Tenter la rétro-ingénierie, la décompilation ou le piratage de la Plateforme ;</li>
                    <li>Utiliser la Plateforme à des fins de spam, de phishing ou de scraping non autorisé ;</li>
                    <li>Soumettre des données personnelles sensibles de tiers sans base légale.</li>
                </ul>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">11. Confidentialité et Protection des Données (LGPD/GPDR)</h2>
                <ul class="list-disc pl-6 space-y-2">
                    <li>Nous traitons les données personnelles conformément à la LGPD et, le cas échéant, au RGPD.</li>
                    <li>Droits du titulaire : confirmation du traitement, accès, correction, anonymisation, portabilité, suppression et opposition.</li>
                    <li>Délégué à la Protection des Données (DPO) : dpo@snapblog.ai.</li>
                    <li>Les transferts internationaux respectent des garanties appropriées (Clauses Contractuelles Types ou similaires).</li>
                    <li>Des détails supplémentaires sont disponibles dans la Politique de Confidentialité et le DPA.</li>
                </ul>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">12. Confidentialité</h2>
                <p>Les deux parties conviennent de maintenir confidentielles les informations techniques, commerciales et stratégiques reçues et de ne pas les rendre publiques sans consentement, sauf lorsque la loi l'exige.</p>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">13. Sécurité</h2>
                <p>Nous adoptons des pratiques de sécurité administratives, techniques et physiques pour protéger les données, y compris le chiffrement en transit (TLS 1.2+), les sauvegardes quotidiennes et la surveillance 24h/24 et 7j/7. Cependant, aucun système n'est 100% sécurisé.</p>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">14. Garanties Limitées</h2>
                <p class="mb-4">Le Service est fourni "tel quel" ("as is"). Nous ne garantissons pas que :</p>
                <ul class="list-disc pl-6 space-y-2">
                    <li>il sera exempt d'erreurs ou d'interruptions ;</li>
                    <li>il répondra à des besoins spécifiques ;</li>
                    <li>le Contenu Généré par l'IA sera précis ou fiable.</li>
                </ul>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">15. Limitation de Responsabilité</h2>
                <p>Dans toute la mesure permise par la loi, la responsabilité totale de SnapBlog pour les dommages directs sera limitée à la valeur effectivement payée par l'Utilisateur au cours des 12 (douze) mois précédant l'événement. SnapBlog n'est pas responsable des pertes de profits, des dommages indirects, spéciaux, punitifs ou consécutifs.</p>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">16. Indemnisation</h2>
                <p>L'Utilisateur s'engage à indemniser et à dégager de toute responsabilité SnapBlog, ses contrôleurs, directeurs et collaborateurs de toute réclamation ou dépense découlant de l'utilisation de la Plateforme en violation des présentes Conditions.</p>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">17. Suspension et Résiliation</h2>
                <p class="mb-4">Nous pouvons suspendre ou annuler le compte :</p>
                <ul class="list-disc pl-6 space-y-2">
                    <li>pour violation matérielle des présentes Conditions ;</li>
                    <li>sur ordre judiciaire ou des autorités ;</li>
                    <li>pour un retard de paiement supérieur à 15 jours ;</li>
                    <li>si l'utilisation compromet la sécurité de la Plateforme.</li>
                </ul>
                <p class="mt-4">En cas de résiliation, l'Utilisateur pourra télécharger son Contenu au format standard pendant 30 jours maximum.</p>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">18. Modifications des Conditions ou du Service</h2>
                <p>Nous pouvons modifier ces Conditions ou les fonctionnalités de la Plateforme moyennant un préavis d'au moins 30 jours. La poursuite de l'utilisation après l'entrée en vigueur des modifications implique l'acceptation.</p>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">19. Dispositions d'Abonnement et de Renouvellement Automatique</h2>
                <p>Pour les résidents au Brésil, le renouvellement automatique est préalablement informé et peut être annulé à tout moment par le même canal de souscription, conformément à l'art. 39 du CDC et aux pratiques recommandées du Procon. Un avis de renouvellement sera envoyé au moins 7 jours avant l'échéance.</p>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">20. Loi Applicable et Juridiction</h2>
                <p>Ces Conditions sont régies par les lois de la République Fédérative du Brésil. Le tribunal du district de la Capitale de l'État de São Paulo est choisi pour régler les litiges, sauf compétence légale spécifique.</p>
            </section>

            <section class="mb-8">
                <h2 class="text-2xl font-semibold text-gray-900 dark:text-slate-100 mb-4">21. Contact</h2>
                <div class="bg-gray-50 dark:bg-slate-900 p-6 rounded-lg">
                    <p class="mb-2">Les questions, demandes ou réclamations peuvent être adressées à :</p>
                    <p class="mb-1">SnapBlog Ltda.</p>
                    <p class="mb-1">CNPJ 00.000.000/0001-00</p>
                    <p class="mb-1">Rua Exemplo, 123 – São Paulo/SP – CEP 00000-000</p>
                    <p class="mb-1">E-mail : suporte@snapblog.ai</p>
                    <p>DPO : dpo@snapblog.ai</p>
                </div>
            </section>
        </div>
    </div>
</div>
@endsection

 
<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script>
        (function () {
            try {
                var t = localStorage.getItem('theme');
                var dark = t === 'dark' || ((!t || t === 'system') && matchMedia('(prefers-color-scheme: dark)').matches);
                if (dark) document.documentElement.classList.add('dark');
                document.documentElement.style.colorScheme = dark ? 'dark' : 'light';
            } catch (e) {}
        })();
    </script>
    <meta name="robots" content="max-snippet:-1,max-image-preview:large,max-video-preview:-1">
<link rel="canonical" href="https://snapblog.ai/fr/term">
<link rel="sitemap" title="Sitemap" href="/sitemap.xml" type="application/xml">
<meta name="description" content="Serviço que transforma automaticamente suas postagens das redes sociais em conteúdo de blog otimizado para SEO com inteligência artificial. Economize tempo e atraia mais visitantes.">
<meta name="author" content="SnapBlog">
<title data-inertia>Term</title>
<meta name="image" content="https://snapblog.ai/images/landpage/hero.webp">
<link href="https://snapblog.ai/favicon.ico" rel="shortcut icon">
<meta property="og:title" content="Term">
<meta property="og:description" content="Serviço que transforma automaticamente suas postagens das redes sociais em conteúdo de blog otimizado para SEO com inteligência artificial. Economize tempo e atraia mais visitantes.">
<meta property="og:locale" content="fr">
<meta property="og:image" content="https://snapblog.ai/images/landpage/hero.webp">
<meta property="og:image:width" content="1875">
<meta property="og:image:height" content="1250">
<meta property="og:url" content="https://snapblog.ai/fr/term">
<meta property="og:site_name" content="SnapBlog">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Term">
<meta name="twitter:description" content="Serviço que transforma automaticamente suas postagens das redes sociais em conteúdo de blog otimizado para SEO com inteligência artificial. Economize tempo e atraia mais visitantes.">
<meta name="twitter:site" content="@snapblog">
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebPage","name":"Term","description":"Servi\u00e7o que transforma automaticamente suas postagens das redes sociais em conte\u00fado de blog otimizado para SEO com intelig\u00eancia artificial. Economize tempo e atraia mais visitantes.","publisher":{"@type":"Organization","name":"SnapBlog","logo":{"@type":"ImageObject","url":"https:\/\/snapblog.ai\/images\/logo.png"}}}</script>

                            <link rel="alternate" hreflang="pt" href="https://snapblog.ai/term" />
                    <link rel="alternate" hreflang="en" href="https://snapblog.ai/en/term" />
                    <link rel="alternate" hreflang="es" href="https://snapblog.ai/es/term" />
                    <link rel="alternate" hreflang="fr" href="https://snapblog.ai/fr/term" />
                    <link rel="alternate" hreflang="zh" href="https://snapblog.ai/zh/term" />
                    <link rel="alternate" hreflang="hi" href="https://snapblog.ai/hi/term" />
                    <link rel="alternate" hreflang="ar" href="https://snapblog.ai/ar/term" />
                    <link rel="alternate" hreflang="de" href="https://snapblog.ai/de/term" />
                    <link rel="alternate" hreflang="it" href="https://snapblog.ai/it/term" />
                    <link rel="alternate" hreflang="ja" href="https://snapblog.ai/ja/term" />
                    <link rel="alternate" hreflang="ko" href="https://snapblog.ai/ko/term" />
                    <link rel="alternate" hreflang="ru" href="https://snapblog.ai/ru/term" />
                <link rel="alternate" hreflang="x-default"
            href="https://snapblog.ai/term" />
        
        <meta property="og:locale" content="fr_FR" />
                                    <meta property="og:locale:alternate" content="pt_BR" />
                                                <meta property="og:locale:alternate" content="en_US" />
                                                <meta property="og:locale:alternate" content="es_ES" />
                                                                    <meta property="og:locale:alternate" content="zh_CN" />
                                                <meta property="og:locale:alternate" content="hi_IN" />
                                                <meta property="og:locale:alternate" content="ar_AR" />
                                                <meta property="og:locale:alternate" content="de_DE" />
                                                <meta property="og:locale:alternate" content="it_IT" />
                                                <meta property="og:locale:alternate" content="ja_JP" />
                                                <meta property="og:locale:alternate" content="ko_KR" />
                                                <meta property="og:locale:alternate" content="ru_RU" />
                                    <link rel="preload" as="style" href="https://snapblog.ai/build/assets/app-BQi3sbxU.css" /><link rel="preload" as="style" href="https://snapblog.ai/build/assets/aos-NsfwMQwS.css" /><link rel="preload" as="style" href="https://snapblog.ai/build/assets/app-DOg8h1BU.css" /><link rel="modulepreload" as="script" href="https://snapblog.ai/build/assets/app--I-Lb92S.js" /><link rel="modulepreload" as="script" href="https://snapblog.ai/build/assets/rolldown-runtime-QTnfLwEv.js" /><link rel="modulepreload" as="script" href="https://snapblog.ai/build/assets/aos-DzrvmPN2.js" /><link rel="modulepreload" as="script" href="https://snapblog.ai/build/assets/preload-helper-DBKfEBcf.js" /><link rel="stylesheet" href="https://snapblog.ai/build/assets/app-BQi3sbxU.css" /><link rel="stylesheet" href="https://snapblog.ai/build/assets/aos-NsfwMQwS.css" /><link rel="stylesheet" href="https://snapblog.ai/build/assets/app-DOg8h1BU.css" /><script type="module" src="https://snapblog.ai/build/assets/app--I-Lb92S.js"></script>        <!-- Google Tag Manager -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-RW07QLBR3L"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'G-RW07QLBR3L');
    </script>
    <!-- Meta Pixel Code -->
    <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', '23902289586078418');
        fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none"
            src="https://www.facebook.com/tr?id=23902289586078418&ev=PageView&noscript=1" /></noscript>
    <meta name="adopt-website-id" content="461d0f82-dbf4-4d9f-91e4-fe375ccef317" />
    <script>
        window.adoptConsentModeSettings = [{
            ad_storage: 'denied',
            ad_user_data: 'denied',
            ad_personalization: 'denied',
            analytics_storage: 'granted',
            functionality_storage: 'denied',
            personalization_storage: 'denied',
            security_storage: 'granted'
        }]
    </script>
    <script src="//tag.goadopt.io/injector.js?website_code=461d0f82-dbf4-4d9f-91e4-fe375ccef317" class="adopt-injector">
    </script>
    <!-- End Meta Pixel Code -->
    </head>

<body>
        <div id="loader" class="fixed inset-0 z-[10000] items-center justify-center bg-black/70 hidden">
        <div class="w-30 h-30 border-8 text-cyan-500 border-t-transparent rounded-full animate-spin"></div>
    </div>
    <div class="font-sans text-gray-800 bg-gradient-to-br from-blue-50 via-white to-cyan-50 dark:text-slate-200 dark:from-slate-950 dark:via-slate-900 dark:to-slate-950 overflow-x-hidden" id="page-content">
        <!-- Navbar -->
        <nav class="fixed w-[100vw] z-50 h-16 bg-white dark:bg-slate-900 dark:border-b dark:border-slate-800">
            <div class="px-4 sm:px-24 py-3 flex items-center justify-between">
                <div class="flex items-center gap-12">
                    <div class="flex items-center ">
                        <a href="https://snapblog.ai/fr" class="hover:opacity-80">
                            <img src="https://snapblog.ai/images/logo.png" alt="SnapBlog" width="146" height="42" class="dark:hidden">
                            <img src="https://snapblog.ai/images/logo_white.png" alt="SnapBlog" width="146" height="42" class="hidden dark:block">
                        </a>
                    </div>
                    <div class="hidden lg:flex space-x-4 gap-4">
                        <div class="relative group">
                            <button class="text-gray-600 hover:text-cyan-600 dark:text-slate-300 dark:hover:text-cyan-400 transition flex items-center">
                                Navigation
                                <i class="fas fa-chevron-down ml-1 text-xs"></i>
                            </button>
                            <div
                                class="absolute left-0 mt-2 w-64 bg-white dark:bg-slate-800 rounded-md shadow-lg py-2 z-50 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200">
                                <a href="https://snapblog.ai/fr#video-explicativo"
                                    class="block px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400">Découvrez SnapBlog</a>
                                <a href="https://snapblog.ai/fr#recursos"
                                    class="block px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400">Fonctionnalités</a>
                                <a href="https://snapblog.ai/fr#como-funciona"
                                    class="block px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400">Comment ça marche</a>
                                <a href="https://snapblog.ai/fr#nichos-atendidos"
                                    class="block px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400">Niches desservies</a>
                                <a href="https://snapblog.ai/fr#integracoes"
                                    class="block px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400">Intégrations</a>
                                <a href="https://snapblog.ai/fr#blogs-exemplo"
                                    class="block px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400">Exemples</a>
                                <a href="https://snapblog.ai/fr#testemunhos"
                                    class="block px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400">Témoignages</a>
                            </div>
                        </div>
                        <a href="https://snapblog.ai/fr#precos"
                            class="text-gray-600 hover:text-cyan-600 dark:text-slate-300 dark:hover:text-cyan-400 transition">Prix</a>
                                                <a href="https://blog.snapblog.ai"
                            class="text-gray-600 hover:text-cyan-600 dark:text-slate-300 dark:hover:text-cyan-400 transition">Blog</a>
                        <a href="https://snapblog.ai/fr/faq"
                            class="text-gray-600 hover:text-cyan-600 dark:text-slate-300 dark:hover:text-cyan-400 transition">FAQ</a>
                                            </div>
                </div>
                <div class="flex items-center gap-2">
                    <details class="landpage-lang-switcher relative">
        <summary
            class="inline-flex cursor-pointer list-none items-center gap-2 whitespace-nowrap rounded-md h-9 px-3 text-sm font-medium text-gray-600 hover:text-cyan-600 dark:text-slate-300 dark:hover:text-cyan-400 transition-colors"
            aria-label="Mudar idioma">
            <i class="fa-solid fa-language text-base"></i>
            <span class="uppercase">fr</span>
            <i class="fa-solid fa-chevron-down text-xs"></i>
        </summary>
        <div
            class="absolute right-0 z-50 mt-2 max-h-80 min-w-[10rem] overflow-y-auto rounded-md border border-gray-100 bg-white py-1 shadow-lg dark:border-slate-700 dark:bg-slate-800">
                            <a href="https://snapblog.ai/term" hreflang="pt"
                    class="flex items-center justify-between gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400 ">
                    <span>Português</span>
                                    </a>
                            <a href="https://snapblog.ai/en/term" hreflang="en"
                    class="flex items-center justify-between gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400 ">
                    <span>English</span>
                                    </a>
                            <a href="https://snapblog.ai/es/term" hreflang="es"
                    class="flex items-center justify-between gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400 ">
                    <span>Español</span>
                                    </a>
                            <a href="https://snapblog.ai/fr/term" hreflang="fr"
                    class="flex items-center justify-between gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400 font-semibold">
                    <span>Français</span>
                                            <i class="fa-solid fa-check text-xs text-cyan-600 dark:text-cyan-400"></i>
                                    </a>
                            <a href="https://snapblog.ai/zh/term" hreflang="zh"
                    class="flex items-center justify-between gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400 ">
                    <span>中文</span>
                                    </a>
                            <a href="https://snapblog.ai/hi/term" hreflang="hi"
                    class="flex items-center justify-between gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400 ">
                    <span>हिन्दी</span>
                                    </a>
                            <a href="https://snapblog.ai/ar/term" hreflang="ar"
                    class="flex items-center justify-between gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400 ">
                    <span>العربية</span>
                                    </a>
                            <a href="https://snapblog.ai/de/term" hreflang="de"
                    class="flex items-center justify-between gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400 ">
                    <span>Deutsch</span>
                                    </a>
                            <a href="https://snapblog.ai/it/term" hreflang="it"
                    class="flex items-center justify-between gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400 ">
                    <span>Italiano</span>
                                    </a>
                            <a href="https://snapblog.ai/ja/term" hreflang="ja"
                    class="flex items-center justify-between gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400 ">
                    <span>日本語</span>
                                    </a>
                            <a href="https://snapblog.ai/ko/term" hreflang="ko"
                    class="flex items-center justify-between gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400 ">
                    <span>한국어</span>
                                    </a>
                            <a href="https://snapblog.ai/ru/term" hreflang="ru"
                    class="flex items-center justify-between gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-cyan-50 hover:text-cyan-600 dark:text-slate-300 dark:hover:bg-slate-700 dark:hover:text-cyan-400 ">
                    <span>Русский</span>
                                    </a>
                    </div>
    </details>
                    <button type="button" id="theme-toggle" aria-label="Changer de thème"
                        class="text-gray-600 hover:text-cyan-600 dark:text-slate-300 dark:hover:text-cyan-400 transition w-9 h-9 inline-flex items-center justify-center rounded-md">
                        <i class="fa-solid fa-moon dark:hidden"></i>
                        <i class="fa-solid fa-sun hidden dark:inline"></i>
                    </button>
                                    <div>
                        <a href="https://snapblog.ai/fr/register"
                            class="bg-white text-cyan-600 border border-cyan-600 dark:bg-transparent dark:text-cyan-400 dark:border-cyan-400 inline-block px-6 py-2 sm:min-w-36 whitespace-nowrap max-sm:hidden text-center rounded-md hover:bg-cyan-50 dark:hover:bg-slate-800 transition mr-2">S&#039;inscrire</a>
                        <a href="https://snapblog.ai/fr/login"
                            class="bg-gradient-to-r from-cyan-500 to-teal-500 hover:from-cyan-600 hover:to-teal-600 inline-block text-center text-white px-6 py-2 sm:min-w-36 whitespace-nowrap rounded-md transition shadow-lg">Connexion</a>
                    </div>
                                                </div>
            </div>
        </nav>
        <div class="h-16"></div>
        <div class="overflow-x-hidden">
                    </div>
        <!-- Footer -->
        <footer class="bg-gray-900 text-white py-12">
            <div class="container mx-auto px-4">
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8">
                    <div>
                        <img src="https://snapblog.ai/images/logo_white.png" alt="SnapBlog" width="146" height="42">
                        <p class="text-gray-400">
                            Transforme vos blogs avec la puissance de l&#039;intelligence artificielle et l&#039;intégration des réseaux sociaux.
                        </p>
                    </div>
                    <div>
                        <h3 class="text-xl font-bold mb-4">Navigation</h3>
                        <ul class="space-y-2">
                            <li><a href="https://snapblog.ai/fr#video-explicativo"
                                    class="text-gray-400 hover:text-white">Découvrez SnapBlog</a></li>
                            <li><a href="https://snapblog.ai/fr#recursos"
                                    class="text-gray-400 hover:text-white">Fonctionnalités</a></li>
                            <li><a href="https://snapblog.ai/fr#como-funciona"
                                    class="text-gray-400 hover:text-white">Comment ça marche</a></li>
                            <li><a href="https://snapblog.ai/fr#nichos-atendidos"
                                    class="text-gray-400 hover:text-white">Niches desservies</a></li>
                            <li><a href="https://snapblog.ai/fr#integracoes"
                                    class="text-gray-400 hover:text-white">Intégrations</a></li>
                            <li><a href="https://snapblog.ai/fr#demo"
                                    class="text-gray-400 hover:text-white">Démo</a></li>
                            <li><a href="https://snapblog.ai/fr#blogs-exemplo"
                                    class="text-gray-400 hover:text-white">Exemples</a></li>
                            <li><a href="https://snapblog.ai/fr#testemunhos"
                                    class="text-gray-400 hover:text-white">Témoignages</a></li>
                            <li><a href="https://snapblog.ai/fr#precos"
                                    class="text-gray-400 hover:text-white">Prix</a></li>
                        </ul>
                    </div>
                    <div>
                        <h3 class="text-xl font-bold mb-4">Liens utiles</h3>
                        <ul class="space-y-2">
                                                        <li><a href="https://snapblog.ai/fr/faq"
                                class="text-gray-400 hover:text-white">FAQ</a></li>
                            <li><a href="https://blog.snapblog.ai"
                                    class="text-gray-400 hover:text-white">Blog</a></li>
                            <li><a target="_blank" href="https://snapblog.gitbook.io/snapblog-docs"
                                    class="text-gray-400 hover:text-white">Documentation</a></li>
                            <li><a target="_blank" href="https://snapblog.ai/docs/api"
                                    class="text-gray-400 hover:text-white">API</a></li>
                        </ul>
                    </div>
                    <div>
                        <h3 class="text-xl font-bold mb-4">Contact</h3>
                        <ul class="space-y-2">
                            <li class="flex items-center text-gray-400">
                                <i class="fa-solid fa-envelope mr-2"></i>
                                <a href="mailto:contato@snapblog.ai" class="hover:text-white">contato@snapblog.ai</a>
                            </li>
                            <li class="flex items-center text-gray-400">
                                <i class="fa-brands fa-whatsapp mr-2"></i>
                                <a target="_blank"
                                    href="https://wa.me/5548996825173?text=Ol%C3%A1%2C%20estou%20chegando%20pelo%20SnapBlog!"
                                    class="hover:text-white">+55 48 99682-5173</a>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <h3 class="text-xl font-bold mb-4">Réseaux sociaux</h3>
                        <div class="flex space-x-4">
                            
                            <a href="https://www.instagram.com/snapblog.ai" target="_blank"
                                class="text-gray-400 hover:text-white">
                                <span class="sr-only">Instagram</span>
                                <i class="fa-brands fa-xl fa-instagram h-8 w-8"></i>
                            </a>
                            
                            <a href="https://www.linkedin.com/company/snapblog/" target="_blank"
                                class="text-gray-400 hover:text-white">
                                <span class="sr-only">LinkedIn</span>
                                <i class="fa-brands fa-xl fa-linkedin h-8 w-8"></i>
                            </a>
                        </div>
                        <div class="mt-6">
                            <h4 class="text-lg font-semibold mb-3">Abonnez-vous à notre newsletter</h4>
                            <form class="flex">
                                <input type="email" placeholder="Votre e-mail"
                                    class="px-4 py-2 w-full rounded-l bg-gray-800 text-white border-0 focus:ring-2 focus:ring-cyan-500 focus:outline-none" />
                                <button type="submit"
                                    class="bg-gradient-to-r from-cyan-500 to-teal-500 hover:from-cyan-600 hover:to-teal-600 px-4 py-2 rounded-r text-white transition">S&#039;abonner</button>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="border-t border-gray-800 mt-8 pt-8 text-sm text-gray-400 text-center">
                    <p>&copy; 2025 SnapBlog. Tous droits réservés.</p>
                    <div class="mt-2 flex justify-center space-x-4">
                        <a href="https://snapblog.ai/fr/term"
                            class="hover:text-white">Conditions d&#039;utilisation</a>
                        <a href="https://snapblog.ai/fr/privacy"
                            class="hover:text-white">Politique de confidentialité</a>
                        <a href="https://snapblog.ai/fr/cookies"
                            class="hover:text-white">Cookies</a>
                    </div>
                </div>
            </div>
            <!-- Botão flutuante do WhatsApp -->
            <a href="https://wa.me/5548996825173?text=Ol%C3%A1%2C%20estou%20chegando%20pelo%20SnapBlog!"
                target="_blank"
                class="fixed bottom-6 right-6 z-50 bg-green-500 hover:bg-green-600 text-white rounded-full shadow-lg flex items-center justify-center w-16 h-16 transition-all duration-200"
                style="box-shadow: 0 4px 24px rgba(0,0,0,0.18);">
                <i class="fa-brands fa-whatsapp fa-2xl"></i>
                <span class="sr-only">WhatsApp</span>
            </a>
        </footer>
    </div>
</body>
</html>