Secure Server Features - Copy this Html, Tailwind Component to your project
make-that-in-"<!DOCTYPE-html>-<html-lang="fr">-<head>-<meta-charset="UTF-8">-<meta-name="viewport"-content="width=device-width,-initial-scale=1.0">-<meta-name="description"-content="Winterway-Protect---Sécurisez-votre-serveur-Discord-avec-notre-bot-de-protection-intelligente-et-nos-outils-de-modération-avancés.">-<title>Winterway-Protect---Sécurité-Avancée-pour-Discord</title>-<link-rel="icon"-href="https://cdn.discordapp.com/attachments/1304741133959561228/1308863060345360385/botbleu-removebg-preview.png?ex=673f7d37&is=673e2bb7&hm=a7c1ba2dab35001dd145bc02e2644dc11ccb64e12890b6ba5d041438bf18e51f&"-type="image/png">-<script-src="https://cdn.tailwindcss.com"></script>-<link-rel="stylesheet"-href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>-<link-href="https://unpkg.com/aos@2.3.1/dist/aos.css"-rel="stylesheet">-<style>-@import-url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');-html-{-scroll-behavior:-smooth;-}-.gradient-text-{-background-clip:-text;--webkit-background-clip:-text;-color:-transparent;-}-</style>-</head>-<body-class="bg-gray-50-dark:bg-gray-900-text-gray-900-dark:text-gray-100-font-inter-transition-colors-duration-300-min-h-screen-flex-flex-col">-<a-href="#main-content"-class="sr-only-focus:not-sr-only-focus:absolute-focus:p-4-focus:bg-blue-600-focus:text-white">Passer-au-contenu-principal</a>-<header-class="bg-white-dark:bg-gray-800-shadow-md-fixed-w-full-z-40">-<nav-class="container-mx-auto-px-4-py-4-flex-justify-between-items-center">-<div-class="flex-items-center-space-x-4-animate__animated-animate__fadeInLeft">-<img-src="https://cdn.discordapp.com/attachments/1304741133959561228/1308863060345360385/botbleu-removebg-preview.png?ex=673f7d37&is=673e2bb7&hm=a7c1ba2dab35001dd145bc02e2644dc11ccb64e12890b6ba5d041438bf18e51f&"-alt=""-class="h-10-w-10">-<h1-class="text-2xl-font-bold-text-blue-600-dark:text-blue-400">Winterway-Protect</h1>-</div>-<div-class="flex-items-center-space-x-6-animate__animated-animate__fadeInRight">-<a-href="#features"-class="text-gray-700-dark:text-gray-300-hover:text-blue-600-transition">Fonctionnalités</a>-<a-href="#faq"-class="text-gray-700-dark:text-gray-300-hover:text-blue-600-transition">FAQ</a>-<a-href="/tos"-class="text-gray-700-dark:text-gray-300-hover:text-blue-600-transition">TOS</a>-<button-id="darkModeToggle"-class="bg-gray-200-dark:bg-gray-700-p-2-rounded-full-shadow-lg-hover:bg-gray-300-dark:hover:bg-gray-600-transition-all"-aria-label="Basculer-mode-sombre">-<svg-xmlns="http://www.w3.org/2000/svg"-class="h-6-w-6-text-gray-800-dark:text-yellow-300"-fill="none"-viewBox="0-0-24-24"-stroke="currentColor">-<path-stroke-linecap="round"-stroke-linejoin="round"-stroke-width="2"-d="M12-3v1m0-16v1m9-9h-1M4-12H3m3.343-5.657L5.929-5.929m12.728-12.728L18.071-18.07M12-7a5-5-0-110-10-5-5-0-010-10z"-/>-</svg>-</button>-</div>-</nav>-</header>-<main-id="main-content"-class="flex-grow-pt-24">-<section-class="container-mx-auto-px-4-text-center-py-16">-<div-class="max-w-4xl-mx-auto">-<h2-class="text-5xl-font-bold-gradient-text-bg-gradient-to-r-from-blue-600-to-purple-600-mb-6-animate__animated-animate__fadeInDown">-Sécurisez-Votre-Serveur-Discord-</h2>-<p-class="text-xl-text-gray-600-dark:text-gray-300-mb-8-animate__animated-animate__fadeInUp-animate__delay-1s">-Winterway-Protect-offre-une-protection-intelligente-et-des-outils-de-modération-avancés-pour-votre-communauté-Discord.-</p>-<div-class="flex-flex-col-sm:flex-row-justify-center-space-y-4-sm:space-y-0-sm:space-x-4-animate__animated-animate__fadeInUp-animate__delay-2s">-<a-href="https://discord.com/oauth2/authorize?client_id=1274406415611727923&permissions=1239903759606&integration_type=0&scope=bot"-class="bg-blue-600-text-white-px-8-py-4-rounded-lg-hover:bg-blue-700-transition-transform-hover:scale-105">-Ajouter-au-Serveur-</a>-<a-href="https://discord.gg/vt7HVkttWc"-target="_blank"-rel="noopener-noreferrer"-class="bg-gray-200-dark:bg-gray-700-text-gray-800-dark:text-gray-200-px-8-py-4-rounded-lg-hover:bg-gray-300-dark:hover:bg-gray-600-transition-transform-hover:scale-105">-Serveur-Support-</a>-</div>-</div>-</section>-<section-id="features"-class="container-mx-auto-px-4-py-16-bg-gradient-to-b-from-gray-50-to-gray-100-dark:from-gray-900-dark:to-gray-800">-<h3-class="text-3xl-font-bold-text-center-mb-12-text-blue-600-dark:text-blue-400"-data-aos="fade-down">-Nos-Fonctionnalités-</h3>-<div-class="grid-md:grid-cols-3-gap-8">-<div-class="bg-white-dark:bg-gray-700-p-6-rounded-xl-shadow-lg-hover:shadow-xl-transition-group"-data-aos="fade-up"-data-aos-delay="100">-<svg-class="w-12-h-12-text-blue-600-dark:text-blue-400-mb-4-group-hover:scale-110-transition-transform"-fill="none"-stroke="currentColor"-viewBox="0-0-24-24"-xmlns="http://www.w3.org/2000/svg">-<path-stroke-linecap="round"-stroke-linejoin="round"-stroke-width="2"-d="M12-15v2m-6-4h12a2-2-0-002-2v-6a2-2-0-00-2-2H6a2-2-0-00-2-2v6a2-2-0-002-2zm10-10V7a4-4-0-00-8-0v4h8z"-/>-</svg>-<h4-class="text-xl-font-semibold-mb-2-group-hover:text-blue-600-transition">Protection-Anti-Raid</h4>-<p-class="text-gray-600-dark:text-gray-300">Détection-et-blocage-automatique-des-raids-malveillants.</p>-</div>-<div-class="bg-white-dark:bg-gray-700-p-6-rounded-xl-shadow-lg-hover:shadow-xl-transition-group"-data-aos="fade-up"-data-aos-delay="200">-<svg-class="w-12-h-12-text-green-600-dark:text-green-400-mb-4-group-hover:scale-110-transition-transform"-fill="none"-stroke="currentColor"-viewBox="0-0-24-24"-xmlns="http://www.w3.org/2000/svg">-<path-stroke-linecap="round"-stroke-linejoin="round"-stroke-width="2"-d="M9-12l2-2-4-4m6-2a9-9-0-11-18-0-9-9-0-0118-0z"-/>-</svg>-<h4-class="text-xl-font-semibold-mb-2-group-hover:text-green-600-transition">Modération-Avancée</h4>-<p-class="text-gray-600-dark:text-gray-300">Outils-complets-pour-la-gestion-et-la-modération-de-votre-serveur.</p>-</div>-<div-class="bg-white-dark:bg-gray-700-p-6-rounded-xl-shadow-lg-hover:shadow-xl-transition-group"-data-aos="fade-up"-data-aos-delay="300">-<svg-class="w-12-h-12-text-purple-600-dark:text-purple-400-mb-4-group-hover:scale-110-transition-transform"-fill="none"-stroke="currentColor"-viewBox="0-0-24-24"-xmlns="http://www.w3.org/2000/svg">-<path-stroke-linecap="round"-stroke-linejoin="round"-stroke-width="2"-d="M17-20h5v-2a3-3-0-00-5.356-1.857M17-20H7m10-0v-2c0-.768-.231-1.48-.637-2.022M7-20H2v-2a3-3-0-015.356-1.857M7-20v-2c0-.768.231-1.48.637-2.022m0-0a3-3-0-10-1.257-5.786-3-3-0-001.257-5.786z"-/>-</svg>-<h4-class="text-xl-font-semibold-mb-2-group-hover:text-purple-600-transition">Gestion-des-Membres</h4>-<p-class="text-gray-600-dark:text-gray-300">Système-de-tickets-et-gestion-efficace-des-rôles.</p>-</div>-</div>-</section>-<section-id="faq"-class="container-mx-auto-px-4-py-16">-<h3-class="text-3xl-font-bold-text-center-mb-12-text-blue-600-dark:text-blue-400"-data-aos="fade-down">-Foire-Aux-Questions-</h3>-<div-class="grid-md:grid-cols-2-gap-8"-data-aos="fade-up">-<div-class="bg-white-dark:bg-gray-800-p-6-rounded-xl-shadow-lg">-<h4-class="text-xl-font-semibold-mb-2">Comment-ajouter-Winterway-Protect-à-mon-serveur-?</h4>-<p-class="text-gray-600-dark:text-gray-300">Cliquez-sur-le-bouton-"Ajouter-au-Serveur"-en-haut-de-la-page-et-suivez-les-instructions-pour-autoriser-le-bot-sur-votre-serveur-Discord.</p>-</div>-<div-class="bg-white-dark:bg-gray-800-p-6-rounded-xl-shadow-lg">-<h4-class="text-xl-font-semibold-mb-2">Le-bot-est-il-gratuit-?</h4>-<p-class="text-gray-600-dark:text-gray-300">Oui,-Winterway-Protect-offre-une-version-gratuite-avec-des-fonctionnalités-essentielles.-Des-options-premium-seront-disponibles-à-l'avenir-pour-des-fonctionnalités-avancées.</p>-</div>-<div-class="bg-white-dark:bg-gray-800-p-6-rounded-xl-shadow-lg">-<h4-class="text-xl-font-semibold-mb-2">Comment-configurer-la-protection-anti-raid-?</h4>-<p-class="text-gray-600-dark:text-gray-300">Utilisez-la-commande-/antiraid-dans-votre-serveur-pour-accéder-aux-paramètres-de-protection.-Vous-pourrez-ajuster-les-seuils-et-les-actions-à-entreprendre-en-cas-de-raid.</p>-</div>-<div-class="bg-white-dark:bg-gray-800-p-6-rounded-xl-shadow-lg">-<h4-class="text-xl-font-semibold-mb-2">Où-puis-je-obtenir-de-l'aide-?</h4>-<p-class="text-gray-600-dark:text-gray-300">Rejoignez-notre-serveur-de-support-en-cliquant-sur-le-bouton-"Serveur-Support".-Notre-équipe-et-la-communauté-seront-là-pour-vous-aider.</p>-</div>-</div>-</section>-<section-class="bg-gradient-to-r-from-blue-600-to-purple-600-dark:from-blue-800-dark:to-purple-800-py-16-text-white">-<div-class="container-mx-auto-px-4-text-center">-<h3-class="text-3xl-font-bold-mb-6"-data-aos="fade-up">Prêt-à-sécuriser-votre-serveur-?</h3>-<a-href="https://discord.com/oauth2/authorize?client_id=1274406415611727923&permissions=1239903759606&integration_type=0&scope=bot"-class="inline-block-bg-white-text-blue-600-hover:text-purple-600-px-8-py-4-rounded-lg-font-semibold-hover:bg-gray-100-transition-transform-hover:scale-105-border-2-border-white-hover:border-gray-200"-data-aos="fade-up"-data-aos-delay="200">-Ajouter-Winterway-Protect-maintenant-</a>-</div>-</section>-</main>-<footer-class="bg-gray-100-dark:bg-gray-800-py-8-border-t-dark:border-gray-700">-<div-class="container-mx-auto-px-4-text-center">-<p-class="text-gray-600-dark:text-gray-400">©-2024-Winterway-Protect.-Tous-droits-réservés.</p>-<div-class="mt-4-space-x-4">-<a-href="/tos"-class="text-blue-600-dark:text-blue-400-hover:underline">Conditions-d'utilisation</a>-<a-href="/privacy"-class="text-blue-600-dark:text-blue-400-hover:underline">Politique-de-confidentialité</a>-</div>-</div>-</footer>-<script-src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>-<script>-AOS.init({-duration:-1000,-once:-true-});-const-darkModeToggle-=-document.getElementById('darkModeToggle');-const-htmlElement-=-document.documentElement;-function-setDarkMode(isDark)-{-htmlElement.classList.toggle('dark',-isDark);-localStorage.setItem('darkMode',-isDark);-}-const-userPreference-=-localStorage.getItem('darkMode');-if-(userPreference-===-'true')-{-setDarkMode(true);-}-else-if-(userPreference-===-null-&&-window.matchMedia('(prefers-color-scheme:-dark)').matches)-{-setDarkMode(true);-}-darkModeToggle.addEventListener('click',-()-=>-{-setDarkMode(!htmlElement.classList.contains('dark'));-});-window.matchMedia('(prefers-color-scheme:-dark)').addListener((e)-=>-{-if-(localStorage.getItem('darkMode')-===-null)-{-setDarkMode(e.matches);-}-});-</script>-</body>-</html>"-the-"pret-a-securiser-votre-serveur?"-background-matches-the-main-background,-same-for-"Nos-fonctionnalités"-do-not-change-anything-else.
