Spaces:

docto41
/

free-domain

Running

App Files Files Community

docto41 commited on May 11, 2025

Commit

5c4fcee

verified ·

1 Parent(s): 795c5e7

Add 2 files

Browse files

Files changed (2) hide show

index.html +304 -64
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -3,12 +3,15 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FreeDomain - Enregistrement de domaine gratuit en ligne</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         .hero-gradient {
-            background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
         }
         .domain-card:hover {
             transform: translateY(-5px);
@@ -19,10 +22,10 @@
         }
         .feature-card:hover .feature-icon {
             transform: scale(1.1);
-            color: #3b82f6;
         }
         .search-box:focus-within {
-            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
         }
         @keyframes float {
             0%, 100% { transform: translateY(0); }
@@ -31,11 +34,6 @@
         .floating {
             animation: float 6s ease-in-out infinite;
         }
-        .tabs button.active {
-            border-bottom: 3px solid #3b82f6;
-            color: #3b82f6;
-            font-weight: 600;
-        }
         #domain-result {
             display: none;
         }
@@ -53,6 +51,14 @@
             from { opacity: 0; transform: translateY(10px); }
             to { opacity: 1; transform: translateY(0); }
         }
     </style>
 </head>
 <body class="font-sans antialiased text-gray-800 bg-gray-50">
@@ -62,20 +68,19 @@
             <div class="flex items-center justify-between">
                 <!-- Logo -->
                 <div class="flex items-center space-x-3">
-                    <div class="w-10 h-10 bg-blue-600 rounded-lg flex items-center justify-center text-white font-bold text-xl">
-                        FD
                     </div>
-                    <span class="text-xl font-semibold">FreeDomain</span>
                 </div>
                 <!-- Liens de navigation -->
                 <div class="hidden md:flex items-center space-x-8">
-                    <a href="#accueil" class="text-blue-600 font-medium hover:text-blue-800 transition">Accueil</a>
-                    <a href="#domaines" class="hover:text-blue-600 transition">Domaines</a>
-                    <a href="#serveurs" class="hover:text-blue-600 transition">Serveurs</a>
-                    <a href="#outils" class="hover:text-blue-600 transition">Outils</a>
-                    <a href="#aide" class="hover:text-blue-600 transition">Aide</a>
-                    <a href="#connexion" class="bg-blue-600 text-white px-6 py-2 rounded-lg font-medium hover:bg-blue-700 transition">Connexion</a>
                 </div>
                 <!-- Menu mobile -->
@@ -86,12 +91,11 @@
             <!-- Menu mobile déroulant -->
             <div id="mobile-menu" class="hidden md:hidden mt-4 pb-4">
-                <a href="#accueil" class="block py-2 text-gray-800 hover:text-blue-600">Accueil</a>
-                <a href="#domaines" class="block py-2 text-gray-800 hover:text-blue-600">Domaines</a>
-                <a href="#serveurs" class="block py-2 text-gray-800 hover:text-blue-600">Serveurs</a>
-                <a href="#outils" class="block py-2 text-gray-800 hover:text-blue-600">Outils</a>
-                <a href="#aide" class="block py-2 text-gray-800 hover:text-blue-600">Aide</a>
-                <a href="#connexion" class="mt-2 inline-block bg-blue-600 text-white px-6 py-2 rounded-lg font-medium hover:bg-blue-700 transition">Connexion</a>
             </div>
         </div>
     </nav>
@@ -103,21 +107,24 @@
         <div class="absolute bottom-0 left-0 w-full h-20 bg-gradient-to-t from-gray-50 to-transparent"></div>
         <div class="container mx-auto px-6 text-center relative z-10">
             <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">Enregistrez votre <span class="text-yellow-300">domaine gratuitement</span></h1>
-            <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto opacity-90">Obtenez un nom de domaine professionnel sans frais et lancez votre présence en ligne dès aujourd'hui.</p>
             <!-- Recherche de domaine -->
             <div class="max-w-2xl mx-auto bg-white rounded-lg overflow-hidden shadow-xl">
                 <div class="flex flex-col md:flex-row">
-                    <input type="text" id="domain-input" placeholder="Recherchez votre domaine..." class="px-6 py-4 text-gray-800 w-full focus:outline-none">
                     <select id="domain-extension" class="px-4 py-4 text-gray-700 border-l border-gray-200 focus:outline-none bg-gray-100">
-                        <option>.free</option>
                         <option>.gratis</option>
                         <option>.web</option>
-                        <option>.site</option>
                         <option>.online</option>
                     </select>
-                    <button id="check-domain" class="bg-blue-600 text-white px-8 py-4 font-semibold hover:bg-blue-700 transition duration-300">
                         <i class="fas fa-search mr-2"></i> Vérifier
                     </button>
                 </div>
@@ -128,7 +135,7 @@
                 <div class="flex items-center justify-between">
                     <div>
                         <span id="result-domain-name" class="font-bold"></span>
-                        <span id="result-domain-ext" class="text-blue-600 font-bold"></span>
                     </div>
                     <div id="domain-availability" class="flex items-center">
                         <span id="availability-text" class="font-semibold"></span>
@@ -136,9 +143,13 @@
                     </div>
                 </div>
                 <div id="domain-actions" class="mt-4 hidden">
-                    <button id="register-button" class="bg-green-600 text-white px-6 py-2 rounded-lg font-medium hover:bg-green-700 transition">
-                        <i class="fas fa-cart-plus mr-2"></i> Enregistrer maintenant
                     </button>
                 </div>
             </div>
@@ -153,16 +164,252 @@
                 </div>
             </div>
-            <div class="mt-8 flex justify-center space-x-4">
-                <span class="text-sm opacity-80">Extensions populaires:</span>
-                <span class="text-yellow-300 font-medium">.free</span>
-                <span class="text-white">.gratis</span>
-                <span class="text-white">.web</span>
-                <span class="text-white">.online</span>
             </div>
         </div>
     </section>
     <!-- Scripts JavaScript -->
     <script>
         // Menu mobile
@@ -197,7 +444,7 @@
             resultDiv.classList.add('show');
             // Simuler une vérification de disponibilité (aléatoire pour la démo)
-            const isAvailable = Math.random() > 0.5;
             if (isAvailable) {
                 availabilityText.textContent = 'Disponible';
@@ -220,17 +467,17 @@
             const successText = document.getElementById('success-text');
             // Confirmation avant enregistrement
-            const confirmRegister = confirm(`Voulez-vous vraiment enregistrer le domaine ${domainInput.value}${domainExtension.value} ?`);
             if (confirmRegister) {
                 // Afficher le message de succès
-                successText.textContent = `Le domaine ${domainInput.value}${domainExtension.value} a été enregistré avec succès !`;
                 successMessage.classList.add('show');
                 // Masquer le message après 5 secondes
                 setTimeout(() => {
                     successMessage.classList.remove('show');
-                }, 5000);
                 // Réinitialiser le formulaire
                 domainInput.value = '';
@@ -256,28 +503,6 @@
             });
         });
-        // Onglets FAQ
-        document.querySelectorAll('.tabs-button').forEach(button => {
-            button.addEventListener('click', function() {
-                // Retirer la classe active de tous les boutons
-                document.querySelectorAll('.tabs-button').forEach(btn => {
-                    btn.classList.remove('active');
-                });
-                // Ajouter la classe active au bouton cliqué
-                this.classList.add('active');
-                // Cacher tous les contenus d'onglet
-                document.querySelectorAll('.tab-content').forEach(content => {
-                    content.classList.add('hidden');
-                });
-                // Afficher le contenu de l'onglet sélectionné
-                const tabId = this.getAttribute('data-tab');
-                document.getElementById(tabId + '-tab').classList.remove('hidden');
-            });
-        });
         // Animation au défilement
         document.addEventListener('DOMContentLoaded', function() {
             const observerOptions = {
@@ -336,6 +561,21 @@
                 }
             });
         });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=docto41/free-domain" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Domaine Gratuit - Hébergement, Email et WordPress Inclus</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         .hero-gradient {
+            background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
+        }
+        .domain-card {
+            transition: all 0.3s ease;
         }
         .domain-card:hover {
             transform: translateY(-5px);
         }
         .feature-card:hover .feature-icon {
             transform: scale(1.1);
+            color: #4f46e5;
         }
         .search-box:focus-within {
+            box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.3);
         }
         @keyframes float {
             0%, 100% { transform: translateY(0); }
         .floating {
             animation: float 6s ease-in-out infinite;
         }
         #domain-result {
             display: none;
         }
             from { opacity: 0; transform: translateY(10px); }
             to { opacity: 1; transform: translateY(0); }
         }
+        .badge {
+            animation: pulse 2s infinite;
+        }
+        @keyframes pulse {
+            0% { transform: scale(1); }
+            50% { transform: scale(1.05); }
+            100% { transform: scale(1); }
+        }
     </style>
 </head>
 <body class="font-sans antialiased text-gray-800 bg-gray-50">
             <div class="flex items-center justify-between">
                 <!-- Logo -->
                 <div class="flex items-center space-x-3">
+                    <div class="w-10 h-10 bg-indigo-600 rounded-lg flex items-center justify-center text-white font-bold text-xl">
+                        <i class="fas fa-globe"></i>
                     </div>
+                    <span class="text-xl font-semibold">DomaineGratuit</span>
                 </div>
                 <!-- Liens de navigation -->
                 <div class="hidden md:flex items-center space-x-8">
+                    <a href="#accueil" class="text-indigo-600 font-medium hover:text-indigo-800 transition">Accueil</a>
+                    <a href="#features" class="hover:text-indigo-600 transition">Fonctionnalités</a>
+                    <a href="#domaines" class="hover:text-indigo-600 transition">Extensions</a>
+                    <a href="#faq" class="hover:text-indigo-600 transition">FAQ</a>
+                    <a href="#connexion" class="bg-indigo-600 text-white px-6 py-2 rounded-lg font-medium hover:bg-indigo-700 transition">Connexion</a>
                 </div>
                 <!-- Menu mobile -->
             <!-- Menu mobile déroulant -->
             <div id="mobile-menu" class="hidden md:hidden mt-4 pb-4">
+                <a href="#accueil" class="block py-2 text-gray-800 hover:text-indigo-600">Accueil</a>
+                <a href="#features" class="block py-2 text-gray-800 hover:text-indigo-600">Fonctionnalités</a>
+                <a href="#domaines" class="block py-2 text-gray-800 hover:text-indigo-600">Extensions</a>
+                <a href="#faq" class="block py-2 text-gray-800 hover:text-indigo-600">FAQ</a>
+                <a href="#connexion" class="mt-2 inline-block bg-indigo-600 text-white px-6 py-2 rounded-lg font-medium hover:bg-indigo-700 transition">Connexion</a>
             </div>
         </div>
     </nav>
         <div class="absolute bottom-0 left-0 w-full h-20 bg-gradient-to-t from-gray-50 to-transparent"></div>
         <div class="container mx-auto px-6 text-center relative z-10">
+            <div class="inline-block bg-yellow-400 text-yellow-900 px-4 py-1 rounded-full text-sm font-bold mb-4 badge">
+                <i class="fas fa-crown mr-1"></i> OFFRE LIMITÉE
+            </div>
             <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">Enregistrez votre <span class="text-yellow-300">domaine gratuitement</span></h1>
+            <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto opacity-90">Obtenez un nom de domaine professionnel avec hébergement, email et WordPress inclus - sans frais cachés!</p>
             <!-- Recherche de domaine -->
             <div class="max-w-2xl mx-auto bg-white rounded-lg overflow-hidden shadow-xl">
                 <div class="flex flex-col md:flex-row">
+                    <input type="text" id="domain-input" placeholder="Entrez votre nom de domaine..." class="px-6 py-4 text-gray-800 w-full focus:outline-none">
                     <select id="domain-extension" class="px-4 py-4 text-gray-700 border-l border-gray-200 focus:outline-none bg-gray-100">
                         <option>.gratis</option>
+                        <option>.free</option>
                         <option>.web</option>
                         <option>.online</option>
+                        <option>.site</option>
                     </select>
+                    <button id="check-domain" class="bg-indigo-600 text-white px-8 py-4 font-semibold hover:bg-indigo-700 transition duration-300">
                         <i class="fas fa-search mr-2"></i> Vérifier
                     </button>
                 </div>
                 <div class="flex items-center justify-between">
                     <div>
                         <span id="result-domain-name" class="font-bold"></span>
+                        <span id="result-domain-ext" class="text-indigo-600 font-bold"></span>
                     </div>
                     <div id="domain-availability" class="flex items-center">
                         <span id="availability-text" class="font-semibold"></span>
                     </div>
                 </div>
                 <div id="domain-actions" class="mt-4 hidden">
+                    <button id="register-button" class="bg-green-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-green-700 transition w-full">
+                        <i class="fas fa-cart-plus mr-2"></i> Enregistrer maintenant - GRATUIT
                     </button>
+                    <div class="mt-2 text-sm text-gray-600 flex items-center">
+                        <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                        <span>Hébergement, Email et WordPress inclus</span>
+                    </div>
                 </div>
             </div>
                 </div>
             </div>
+            <div class="mt-8 flex flex-wrap justify-center gap-4">
+                <div class="flex items-center bg-white bg-opacity-10 px-3 py-1 rounded-full">
+                    <i class="fas fa-check-circle text-yellow-300 mr-2"></i>
+                    <span class="text-sm">WordPress inclus</span>
+                </div>
+                <div class="flex items-center bg-white bg-opacity-10 px-3 py-1 rounded-full">
+                    <i class="fas fa-check-circle text-yellow-300 mr-2"></i>
+                    <span class="text-sm">Hébergement gratuit</span>
+                </div>
+                <div class="flex items-center bg-white bg-opacity-10 px-3 py-1 rounded-full">
+                    <i class="fas fa-check-circle text-yellow-300 mr-2"></i>
+                    <span class="text-sm">Emails professionnels</span>
+                </div>
+                <div class="flex items-center bg-white bg-opacity-10 px-3 py-1 rounded-full">
+                    <i class="fas fa-check-circle text-yellow-300 mr-2"></i>
+                    <span class="text-sm">Certificat SSL</span>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Fonctionnalités -->
+    <section id="features" class="py-20 bg-white">
+        <div class="container mx-auto px-6">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4">Tout ce dont vous avez besoin pour réussir en ligne</h2>
+                <p class="text-xl text-gray-600 max-w-3xl mx-auto">Notre offre gratuite inclut toutes ces fonctionnalités premium</p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+                <!-- Carte 1 -->
+                <div class="feature-card bg-gray-50 rounded-xl p-6 border border-gray-100 hover:border-indigo-100 transition">
+                    <div class="w-14 h-14 bg-indigo-100 text-indigo-600 rounded-lg flex items-center justify-center mb-4 feature-icon">
+                        <i class="fas fa-rocket text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-2">Hébergement rapide</h3>
+                    <p class="text-gray-600">Serveurs optimisés pour des performances maximales avec 99.9% uptime.</p>
+                </div>
+                <!-- Carte 2 -->
+                <div class="feature-card bg-gray-50 rounded-xl p-6 border border-gray-100 hover:border-indigo-100 transition">
+                    <div class="w-14 h-14 bg-indigo-100 text-indigo-600 rounded-lg flex items-center justify-center mb-4 feature-icon">
+                        <i class="fab fa-wordpress text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-2">WordPress pré-installé</h3>
+                    <p class="text-gray-600">Installez WordPress en 1 clic avec des thèmes premium inclus.</p>
+                </div>
+                <!-- Carte 3 -->
+                <div class="feature-card bg-gray-50 rounded-xl p-6 border border-gray-100 hover:border-indigo-100 transition">
+                    <div class="w-14 h-14 bg-indigo-100 text-indigo-600 rounded-lg flex items-center justify-center mb-4 feature-icon">
+                        <i class="fas fa-envelope text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-2">Emails professionnels</h3>
+                    <p class="text-gray-600">Créez des adresses email @votredomaine pour une image professionnelle.</p>
+                </div>
+                <!-- Carte 4 -->
+                <div class="feature-card bg-gray-50 rounded-xl p-6 border border-gray-100 hover:border-indigo-100 transition">
+                    <div class="w-14 h-14 bg-indigo-100 text-indigo-600 rounded-lg flex items-center justify-center mb-4 feature-icon">
+                        <i class="fas fa-lock text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-2">SSL Gratuit</h3>
+                    <p class="text-gray-600">Certificat SSL inclus pour sécuriser votre site et améliorer le SEO.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Extensions de domaine -->
+    <section id="domaines" class="py-20 bg-gray-50">
+        <div class="container mx-auto px-6">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4">Extensions de domaine disponibles</h2>
+                <p class="text-xl text-gray-600 max-w-3xl mx-auto">Choisissez l'extension qui correspond à votre projet</p>
+            </div>
+            <div class="grid grid-cols-2 md:grid-cols-5 gap-4 max-w-4xl mx-auto">
+                <!-- Extension 1 -->
+                <div class="domain-card bg-white rounded-lg p-4 text-center shadow-sm hover:shadow-md cursor-pointer">
+                    <div class="text-3xl font-bold text-indigo-600 mb-2">.gratis</div>
+                    <div class="text-sm text-gray-500">Gratuit à vie</div>
+                </div>
+                <!-- Extension 2 -->
+                <div class="domain-card bg-white rounded-lg p-4 text-center shadow-sm hover:shadow-md cursor-pointer">
+                    <div class="text-3xl font-bold text-indigo-600 mb-2">.free</div>
+                    <div class="text-sm text-gray-500">Gratuit à vie</div>
+                </div>
+                <!-- Extension 3 -->
+                <div class="domain-card bg-white rounded-lg p-4 text-center shadow-sm hover:shadow-md cursor-pointer">
+                    <div class="text-3xl font-bold text-indigo-600 mb-2">.web</div>
+                    <div class="text-sm text-gray-500">Gratuit à vie</div>
+                </div>
+                <!-- Extension 4 -->
+                <div class="domain-card bg-white rounded-lg p-4 text-center shadow-sm hover:shadow-md cursor-pointer">
+                    <div class="text-3xl font-bold text-indigo-600 mb-2">.online</div>
+                    <div class="text-sm text-gray-500">Gratuit à vie</div>
+                </div>
+                <!-- Extension 5 -->
+                <div class="domain-card bg-white rounded-lg p-4 text-center shadow-sm hover:shadow-md cursor-pointer">
+                    <div class="text-3xl font-bold text-indigo-600 mb-2">.site</div>
+                    <div class="text-sm text-gray-500">Gratuit à vie</div>
+                </div>
             </div>
         </div>
     </section>
+    <!-- FAQ -->
+    <section id="faq" class="py-20 bg-white">
+        <div class="container mx-auto px-6 max-w-4xl">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4">Questions fréquentes</h2>
+                <p class="text-xl text-gray-600">Trouvez les réponses à vos questions</p>
+            </div>
+            <div class="space-y-4">
+                <!-- Question 1 -->
+                <div class="border border-gray-200 rounded-lg overflow-hidden">
+                    <button class="faq-question w-full px-6 py-4 text-left font-medium flex items-center justify-between">
+                        <span>Est-ce vraiment gratuit sans frais cachés?</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </button>
+                    <div class="faq-answer px-6 pb-4 hidden">
+                        <p class="text-gray-600">Oui, notre offre est 100% gratuite sans frais cachés. Vous obtenez un nom de domaine, un hébergement, WordPress et des emails professionnels sans aucun coût. Nous finançons ce service grâce à des partenariats avec des entreprises technologiques.</p>
+                    </div>
+                </div>
+                <!-- Question 2 -->
+                <div class="border border-gray-200 rounded-lg overflow-hidden">
+                    <button class="faq-question w-full px-6 py-4 text-left font-medium flex items-center justify-between">
+                        <span>Comment installer WordPress?</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </button>
+                    <div class="faq-answer px-6 pb-4 hidden">
+                        <p class="text-gray-600">Après avoir enregistré votre domaine, vous aurez accès à un panneau de contrôle où vous pourrez installer WordPress en un seul clic. Aucune compétence technique n'est requise. Nous fournissons également des guides étape par étape pour vous aider.</p>
+                    </div>
+                </div>
+                <!-- Question 3 -->
+                <div class="border border-gray-200 rounded-lg overflow-hidden">
+                    <button class="faq-question w-full px-6 py-4 text-left font-medium flex items-center justify-between">
+                        <span>Puis-je transférer mon domaine plus tard?</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </button>
+                    <div class="faq-answer px-6 pb-4 hidden">
+                        <p class="text-gray-600">Oui, vous pouvez transférer votre domaine vers un autre registraire à tout moment. Nous ne verrouillons pas vos domaines et fournissons toutes les informations nécessaires pour un transfert en douceur.</p>
+                    </div>
+                </div>
+                <!-- Question 4 -->
+                <div class="border border-gray-200 rounded-lg overflow-hidden">
+                    <button class="faq-question w-full px-6 py-4 text-left font-medium flex items-center justify-between">
+                        <span>Quelles sont les limitations de l'offre gratuite?</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </button>
+                    <div class="faq-answer px-6 pb-4 hidden">
+                        <p class="text-gray-600">L'offre gratuite inclut 5GB d'espace de stockage, 50GB de bande passante mensuelle et jusqu'à 5 adresses email. Pour la plupart des sites personnels et petites entreprises, cela est largement suffisant. Nous proposons également des options premium pour ceux qui ont besoin de plus de ressources.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- CTA -->
+    <section class="py-16 bg-indigo-600 text-white">
+        <div class="container mx-auto px-6 text-center">
+            <h2 class="text-3xl md:text-4xl font-bold mb-6">Prêt à lancer votre site web?</h2>
+            <p class="text-xl mb-8 max-w-2xl mx-auto opacity-90">Enregistrez votre domaine gratuit dès maintenant et profitez de toutes nos fonctionnalités premium.</p>
+            <a href="#accueil" class="bg-white text-indigo-600 px-8 py-4 rounded-lg font-bold text-lg hover:bg-gray-100 transition inline-block">
+                <i class="fas fa-globe mr-2"></i> Trouver un domaine
+            </a>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="bg-gray-900 text-gray-400 py-12">
+        <div class="container mx-auto px-6">
+            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
+                <!-- Colonne 1 -->
+                <div>
+                    <div class="flex items-center space-x-3 mb-4">
+                        <div class="w-10 h-10 bg-indigo-600 rounded-lg flex items-center justify-center text-white font-bold text-xl">
+                            <i class="fas fa-globe"></i>
+                        </div>
+                        <span class="text-xl font-semibold text-white">DomaineGratuit</span>
+                    </div>
+                    <p class="mb-4">Le moyen le plus simple d'obtenir une présence en ligne professionnelle sans frais.</p>
+                    <div class="flex space-x-4">
+                        <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a>
+                        <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a>
+                        <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
+                    </div>
+                </div>
+                <!-- Colonne 2 -->
+                <div>
+                    <h3 class="text-white font-bold text-lg mb-4">Services</h3>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="hover:text-white transition">Enregistrement de domaine</a></li>
+                        <li><a href="#" class="hover:text-white transition">Hébergement web</a></li>
+                        <li><a href="#" class="hover:text-white transition">WordPress</a></li>
+                        <li><a href="#" class="hover:text-white transition">Emails professionnels</a></li>
+                        <li><a href="#" class="hover:text-white transition">Certificats SSL</a></li>
+                    </ul>
+                </div>
+                <!-- Colonne 3 -->
+                <div>
+                    <h3 class="text-white font-bold text-lg mb-4">Support</h3>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="hover:text-white transition">Centre d'aide</a></li>
+                        <li><a href="#" class="hover:text-white transition">Tutoriels</a></li>
+                        <li><a href="#" class="hover:text-white transition">Forum</a></li>
+                        <li><a href="#" class="hover:text-white transition">Contact</a></li>
+                        <li><a href="#" class="hover:text-white transition">Statut</a></li>
+                    </ul>
+                </div>
+                <!-- Colonne 4 -->
+                <div>
+                    <h3 class="text-white font-bold text-lg mb-4">Entreprise</h3>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="hover:text-white transition">À propos</a></li>
+                        <li><a href="#" class="hover:text-white transition">Carrières</a></li>
+                        <li><a href="#" class="hover:text-white transition">Blog</a></li>
+                        <li><a href="#" class="hover:text-white transition">Partenaires</a></li>
+                        <li><a href="#" class="hover:text-white transition">Presse</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
+                <p>© 2023 DomaineGratuit. Tous droits réservés.</p>
+                <div class="mt-4 md:mt-0">
+                    <a href="#" class="text-sm hover:text-white mr-4">Conditions</a>
+                    <a href="#" class="text-sm hover:text-white mr-4">Confidentialité</a>
+                    <a href="#" class="text-sm hover:text-white">Cookies</a>
+                </div>
+            </div>
+        </div>
+    </footer>
     <!-- Scripts JavaScript -->
     <script>
         // Menu mobile
             resultDiv.classList.add('show');
             // Simuler une vérification de disponibilité (aléatoire pour la démo)
+            const isAvailable = Math.random() > 0.3; // 70% de chance d'être disponible
             if (isAvailable) {
                 availabilityText.textContent = 'Disponible';
             const successText = document.getElementById('success-text');
             // Confirmation avant enregistrement
+            const confirmRegister = confirm(`Voulez-vous vraiment enregistrer le domaine ${domainInput.value}${domainExtension.value} gratuitement ?\n\nCe domaine inclut:\n- Hébergement web\n- WordPress pré-installé\n- 5 emails professionnels\n- Certificat SSL`);
             if (confirmRegister) {
                 // Afficher le message de succès
+                successText.textContent = `Félicitations! Le domaine ${domainInput.value}${domainExtension.value} a été enregistré avec succès.\n\nVous allez recevoir un email avec vos identifiants pour accéder à votre panneau de contrôle.`;
                 successMessage.classList.add('show');
                 // Masquer le message après 5 secondes
                 setTimeout(() => {
                     successMessage.classList.remove('show');
+                }, 8000);
                 // Réinitialiser le formulaire
                 domainInput.value = '';
             });
         });
         // Animation au défilement
         document.addEventListener('DOMContentLoaded', function() {
             const observerOptions = {
                 }
             });
         });
+        // Sélection automatique d'extension de domaine
+        document.querySelectorAll('.domain-card').forEach(card => {
+            card.addEventListener('click', function() {
+                const extension = this.querySelector('div:first-child').textContent;
+                document.getElementById('domain-extension').value = extension;
+                // Scroll vers le champ de recherche
+                document.getElementById('domain-input').focus();
+                window.scrollTo({
+                    top: document.getElementById('accueil').offsetTop,
+                    behavior: 'smooth'
+                });
+            });
+        });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=docto41/free-domain" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

prompts.txt CHANGED Viewed

@@ -14,4 +14,5 @@ creer du code de site web en html de 2000 ligne avec visuel en automatique
 creer du code de site web en html de 2000 ligne avec visuel en automatique avec description
 enregistrement domaine gratuite en ligne , registrat adresse , serveur domain , sst toutes les outils avec une tres belle interfaces
 le bouton verifier ne fonctionne pas
-le bouton enregistrer maintenant ne fonctionne pas

 creer du code de site web en html de 2000 ligne avec visuel en automatique avec description
 enregistrement domaine gratuite en ligne , registrat adresse , serveur domain , sst toutes les outils avec une tres belle interfaces
 le bouton verifier ne fonctionne pas
+le bouton enregistrer maintenant ne fonctionne pas
+ GRATUIT Enregistrez votre domaine gratuit Obtenez un nom de domaine professionnel gratuitement avec hébergement, email et outils SEO inclus. wordpress comprix