Add 2 files

index.html

@@ -8,19 +8,22 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         .gradient-bg {
-            background: linear-gradient(135deg, #1e3a8a, #3b82f6);
+            background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #1e40af 100%);
         }
         .domain-card {
             transition: all 0.3s ease;
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+            background: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(10px);
         }
         .domain-card:hover {
             transform: translateY(-5px);
-            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
+            box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
         }
         .progress-bar {
             height: 6px;
             transition: width 0.5s ease;
+            background: linear-gradient(90deg, #3b82f6 0%, #10b981 100%);
         }
         .pulse {
             animation: pulse 2s infinite;
@@ -31,28 +34,23 @@
             100% { transform: scale(1); }
         }
         .feature-icon {
-            width: 60px;
-            height: 60px;
+            width: 80px;
+            height: 80px;
             display: flex;
             align-items: center;
             justify-content: center;
-            border-radius: 50%;
-            margin: 0 auto 1rem;
+            border-radius: 20px;
+            margin: 0 auto 1.5rem;
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
         }
-        .dns-server {
-            position: relative;
-            padding-left: 30px;
+        .tech-card {
+            transition: all 0.3s ease;
+            background: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(10px);
         }
-        .dns-server:before {
-            content: "";
-            position: absolute;
-            left: 0;
-            top: 50%;
-            transform: translateY(-50%);
-            width: 20px;
-            height: 20px;
-            background-color: #10b981;
-            border-radius: 50%;
+        .tech-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
         }
         .modal {
             display: none;
@@ -63,34 +61,7 @@
             width: 100%;
             height: 100%;
             background-color: rgba(0,0,0,0.7);
-        }
-        .modal-content {
-            background-color: white;
-            margin: 5% auto;
-            padding: 30px;
-            border-radius: 12px;
-            width: 90%;
-            max-width: 800px;
-            max-height: 90vh;
-            overflow-y: auto;
-        }
-        .log-entry {
-            font-family: monospace;
-            padding: 5px 0;
-            border-bottom: 1px solid #eee;
-        }
-        .log-time {
-            color: #6b7280;
-            margin-right: 10px;
-        }
-        .log-success {
-            color: #10b981;
-        }
-        .log-warning {
-            color: #f59e0b;
-        }
-        .log-error {
-            color: #ef4444;
+            backdrop-filter: blur(5px);
         }
         .hero-image {
             background-image: url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
@@ -98,25 +69,38 @@
             background-position: center;
             background-blend-mode: overlay;
         }
-        .testimonial-img {
-            width: 50px;
-            height: 50px;
-            object-fit: cover;
-            border-radius: 50%;
+        .testimonial-card {
+            background: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(10px);
+            transition: all 0.3s ease;
         }
-        .tech-image {
-            width: 100%;
-            height: 200px;
-            object-fit: cover;
-            border-radius: 8px;
-            margin-bottom: 16px;
+        .testimonial-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
+        }
+        .price-card {
+            transition: all 0.3s ease;
+            background: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(10px);
+        }
+        .price-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
+        }
+        .search-box {
+            background: rgba(255, 255, 255, 0.2);
+            backdrop-filter: blur(10px);
+            border: 1px solid rgba(255, 255, 255, 0.2);
+        }
+        .search-box input::placeholder {
+            color: rgba(255, 255, 255, 0.8);
         }
     </style>
 </head>
 <body class="font-sans bg-gray-50">
     <!-- Header -->
-    <header class="gradient-bg text-white">
-        <div class="container mx-auto px-4 py-6">
+    <header class="gradient-bg text-white sticky top-0 z-50">
+        <div class="container mx-auto px-4 py-4">
             <div class="flex justify-between items-center">
                 <div class="flex items-center space-x-3">
                     <img src="https://cdn-icons-png.flaticon.com/512/681/681618.png" alt="Logo" class="h-10 w-10">
@@ -142,32 +126,34 @@
     </header>
 
     <!-- Hero Section -->
-    <section class="gradient-bg hero-image text-white py-20">
+    <section class="gradient-bg hero-image text-white py-24">
         <div class="container mx-auto px-4 text-center">
-            <h2 class="text-4xl md:text-5xl font-bold mb-6">Enregistrement de Domaines Automatisé</h2>
-            <p class="text-xl md:text-2xl mb-10 max-w-3xl mx-auto">
-                Obtenez votre domaine, SSL, DNS et référencement en <span class="font-bold text-yellow-300">quelques secondes</span> avec notre système 24/7
-            </p>
-            
-            <div class="max-w-2xl mx-auto bg-white bg-opacity-10 backdrop-blur-sm rounded-xl p-2 flex">
-                <input type="text" id="domainSearch" placeholder="Recherchez votre domaine..." class="flex-grow px-6 py-4 rounded-l-xl bg-white bg-opacity-20 text-white placeholder-white placeholder-opacity-70 focus:outline-none">
-                <button id="searchBtn" class="bg-yellow-400 text-blue-900 px-8 py-4 rounded-r-xl hover:bg-yellow-300 transition font-bold">
-                    <i class="fas fa-search mr-2"></i>Rechercher
-                </button>
-            </div>
-            
-            <div class="mt-8 flex flex-wrap justify-center gap-4">
-                <div class="flex items-center">
-                    <i class="fas fa-check-circle text-yellow-300 mr-2"></i>
-                    <span>Propagation DNS instantanée</span>
-                </div>
-                <div class="flex items-center">
-                    <i class="fas fa-check-circle text-yellow-300 mr-2"></i>
-                    <span>SSL automatique</span>
+            <div class="max-w-4xl mx-auto">
+                <h2 class="text-4xl md:text-5xl font-bold mb-6 leading-tight">Enregistrement de Domaines Automatisé</h2>
+                <p class="text-xl md:text-2xl mb-10 opacity-90">
+                    Obtenez votre domaine, SSL, DNS et référencement en <span class="font-bold text-yellow-300">quelques secondes</span> avec notre système 24/7
+                </p>
+                
+                <div class="max-w-2xl mx-auto search-box rounded-xl p-2 flex">
+                    <input type="text" id="domainSearch" placeholder="Recherchez votre domaine..." class="flex-grow px-6 py-4 rounded-l-xl bg-transparent text-white focus:outline-none">
+                    <button id="searchBtn" class="bg-yellow-400 text-blue-900 px-8 py-4 rounded-r-xl hover:bg-yellow-300 transition font-bold">
+                        <i class="fas fa-search mr-2"></i>Rechercher
+                    </button>
                 </div>
-                <div class="flex items-center">
-                    <i class="fas fa-check-circle text-yellow-300 mr-2"></i>
-                    <span>Référencement immédiat</span>
+                
+                <div class="mt-8 flex flex-wrap justify-center gap-4">
+                    <div class="flex items-center bg-white bg-opacity-10 px-4 py-2 rounded-full">
+                        <i class="fas fa-check-circle text-yellow-300 mr-2"></i>
+                        <span>Propagation DNS instantanée</span>
+                    </div>
+                    <div class="flex items-center bg-white bg-opacity-10 px-4 py-2 rounded-full">
+                        <i class="fas fa-check-circle text-yellow-300 mr-2"></i>
+                        <span>SSL automatique</span>
+                    </div>
+                    <div class="flex items-center bg-white bg-opacity-10 px-4 py-2 rounded-full">
+                        <i class="fas fa-check-circle text-yellow-300 mr-2"></i>
+                        <span>Référencement immédiat</span>
+                    </div>
                 </div>
             </div>
         </div>
@@ -190,7 +176,7 @@
                     </div>
                     
                     <div class="mb-4 bg-gray-200 rounded-full h-2">
-                        <div id="processProgress" class="progress-bar bg-blue-600 rounded-full" style="width: 0%"></div>
+                        <div id="processProgress" class="progress-bar rounded-full" style="width: 0%"></div>
                     </div>
                     
                     <div id="processSteps" class="grid grid-cols-2 md:grid-cols-4 gap-4">
@@ -235,9 +221,9 @@
             <h2 class="text-3xl font-bold text-center mb-12">Fonctionnalités Avancées</h2>
             
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-                <div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition">
+                <div class="domain-card p-8 rounded-xl">
                     <div class="feature-icon bg-blue-100 text-blue-600">
-                        <img src="https://cdn-icons-png.flaticon.com/512/1006/1006771.png" alt="Enregistrement instantané" class="w-8 h-8">
+                        <img src="https://cdn-icons-png.flaticon.com/512/1006/1006771.png" alt="Enregistrement instantané" class="w-10 h-10">
                     </div>
                     <h3 class="text-xl font-semibold mb-3 text-center">Enregistrement Instantané</h3>
                     <p class="text-gray-600 text-center">
@@ -245,9 +231,9 @@
                     </p>
                 </div>
                 
-                <div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition">
+                <div class="domain-card p-8 rounded-xl">
                     <div class="feature-icon bg-green-100 text-green-600">
-                        <img src="https://cdn-icons-png.flaticon.com/512/2933/2933245.png" alt="SSL Automatique" class="w-8 h-8">
+                        <img src="https://cdn-icons-png.flaticon.com/512/2933/2933245.png" alt="SSL Automatique" class="w-10 h-10">
                     </div>
                     <h3 class="text-xl font-semibold mb-3 text-center">SSL Automatique</h3>
                     <p class="text-gray-600 text-center">
@@ -255,9 +241,9 @@
                     </p>
                 </div>
                 
-                <div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition">
+                <div class="domain-card p-8 rounded-xl">
                     <div class="feature-icon bg-purple-100 text-purple-600">
-                        <img src="https://cdn-icons-png.flaticon.com/512/2885/2885257.png" alt="DNS Haute Performance" class="w-8 h-8">
+                        <img src="https://cdn-icons-png.flaticon.com/512/2885/2885257.png" alt="DNS Haute Performance" class="w-10 h-10">
                     </div>
                     <h3 class="text-xl font-semibold mb-3 text-center">DNS Haute Performance</h3>
                     <p class="text-gray-600 text-center">
@@ -265,9 +251,9 @@
                     </p>
                 </div>
                 
-                <div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition">
+                <div class="domain-card p-8 rounded-xl">
                     <div class="feature-icon bg-yellow-100 text-yellow-600">
-                        <img src="https://cdn-icons-png.flaticon.com/512/4150/4150900.png" alt="Référencement Automatique" class="w-8 h-8">
+                        <img src="https://cdn-icons-png.flaticon.com/512/4150/4150900.png" alt="Référencement Automatique" class="w-10 h-10">
                     </div>
                     <h3 class="text-xl font-semibold mb-3 text-center">Référencement Automatique</h3>
                     <p class="text-gray-600 text-center">
@@ -275,9 +261,9 @@
                     </p>
                 </div>
                 
-                <div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition">
+                <div class="domain-card p-8 rounded-xl">
                     <div class="feature-icon bg-red-100 text-red-600">
-                        <img src="https://cdn-icons-png.flaticon.com/512/4260/4260882.png" alt="Monitoring 24/7" class="w-8 h-8">
+                        <img src="https://cdn-icons-png.flaticon.com/512/4260/4260882.png" alt="Monitoring 24/7" class="w-10 h-10">
                     </div>
                     <h3 class="text-xl font-semibold mb-3 text-center">Monitoring 24/7</h3>
                     <p class="text-gray-600 text-center">
@@ -285,9 +271,9 @@
                     </p>
                 </div>
                 
-                <div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition">
+                <div class="domain-card p-8 rounded-xl">
                     <div class="feature-icon bg-indigo-100 text-indigo-600">
-                        <img src="https://cdn-icons-png.flaticon.com/512/4299/4299427.png" alt="API Automatisée" class="w-8 h-8">
+                        <img src="https://cdn-icons-png.flaticon.com/512/4299/4299427.png" alt="API Automatisée" class="w-10 h-10">
                     </div>
                     <h3 class="text-xl font-semibold mb-3 text-center">API Automatisée</h3>
                     <p class="text-gray-600 text-center">
@@ -307,7 +293,7 @@
                 <div class="mb-12">
                     <div class="flex flex-col md:flex-row items-center gap-8 mb-8">
                         <div class="w-full md:w-1/2">
-                            <img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1974&q=80" alt="Infrastructure DNS" class="tech-image">
+                            <img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1974&q=80" alt="Infrastructure DNS" class="rounded-xl shadow-lg w-full">
                         </div>
                         <div class="w-full md:w-1/2">
                             <h3 class="text-xl font-semibold mb-4 text-blue-600">1. Infrastructure DNS Globale</h3>
@@ -315,23 +301,26 @@
                                 Notre réseau Anycast distribué sur 5 continents garantit des temps de réponse records :
                             </p>
                             <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
-                                <div class="bg-gray-50 p-4 rounded-lg">
-                                    <div class="dns-server">
-                                        <h4 class="font-medium">DNS Principal (Amsterdam)</h4>
-                                        <p class="text-sm text-gray-600">Temps moyen: 3ms</p>
+                                <div class="tech-card p-4 rounded-lg">
+                                    <div class="flex items-center">
+                                        <div class="w-3 h-3 bg-green-500 rounded-full mr-2"></div>
+                                        <h4 class="font-medium">Amsterdam</h4>
                                     </div>
+                                    <p class="text-sm text-gray-600 mt-1">Temps moyen: 3ms</p>
                                 </div>
-                                <div class="bg-gray-50 p-4 rounded-lg">
-                                    <div class="dns-server">
-                                        <h4 class="font-medium">DNS Secondaire (New York)</h4>
-                                        <p class="text-sm text-gray-600">Temps moyen: 5ms</p>
+                                <div class="tech-card p-4 rounded-lg">
+                                    <div class="flex items-center">
+                                        <div class="w-3 h-3 bg-green-500 rounded-full mr-2"></div>
+                                        <h4 class="font-medium">New York</h4>
                                     </div>
+                                    <p class="text-sm text-gray-600 mt-1">Temps moyen: 5ms</p>
                                 </div>
-                                <div class="bg-gray-50 p-4 rounded-lg">
-                                    <div class="dns-server">
-                                        <h4 class="font-medium">DNS Tertiaire (Singapour)</h4>
-                                        <p class="text-sm text-gray-600">Temps moyen: 7ms</p>
+                                <div class="tech-card p-4 rounded-lg">
+                                    <div class="flex items-center">
+                                        <div class="w-3 h-3 bg-green-500 rounded-full mr-2"></div>
+                                        <h4 class="font-medium">Singapour</h4>
                                     </div>
+                                    <p class="text-sm text-gray-600 mt-1">Temps moyen: 7ms</p>
                                 </div>
                             </div>
                         </div>
@@ -345,7 +334,7 @@
                             <p class="text-gray-700 mb-4">
                                 Grâce à nos partenariats avec les principaux registrars et fournisseurs DNS, votre domaine est disponible immédiatement :
                             </p>
-                            <div class="bg-gray-50 p-6 rounded-lg">
+                            <div class="tech-card p-6 rounded-lg">
                                 <div class="flex items-center mb-4">
                                     <div class="w-8 h-8 bg-blue-500 text-white rounded-full flex items-center justify-center mr-4">1</div>
                                     <div>
@@ -370,7 +359,7 @@
                             </div>
                         </div>
                         <div class="w-full md:w-1/2 order-1 md:order-2">
-                            <img src="https://images.unsplash.com/photo-1563013544-824ae1b704d3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Propagation instantanée" class="tech-image">
+                            <img src="https://images.unsplash.com/photo-1563013544-824ae1b704d3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Propagation instantanée" class="rounded-xl shadow-lg w-full">
                         </div>
                     </div>
                 </div>
@@ -378,14 +367,14 @@
                 <div>
                     <div class="flex flex-col md:flex-row items-center gap-8">
                         <div class="w-full md:w-1/2">
-                            <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Référencement Automatisé" class="tech-image">
+                            <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Référencement Automatisé" class="rounded-xl shadow-lg w-full">
                         </div>
                         <div class="w-full md:w-1/2">
                             <h3 class="text-xl font-semibold mb-4 text-blue-600">3. Référencement Automatisé</h3>
                             <p class="text-gray-700 mb-4">
                                 Notre système soumet automatiquement votre site aux moteurs de recherche :
                             </p>
-                            <div class="bg-gray-50 p-6 rounded-lg">
+                            <div class="tech-card p-6 rounded-lg">
                                 <div class="flex items-center mb-4">
                                     <div class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center mr-4">
                                         <i class="fab fa-google text-blue-600"></i>
@@ -427,8 +416,8 @@
             <h2 class="text-3xl font-bold text-center mb-12">Nos Offres</h2>
             
             <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
-                <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition">
-                    <div class="bg-gray-100 py-6 px-8">
+                <div class="price-card rounded-xl overflow-hidden">
+                    <div class="bg-gray-100 py-8 px-8">
                         <h3 class="text-xl font-semibold text-center">Starter</h3>
                         <div class="text-center mt-4">
                             <span class="text-4xl font-bold">€9.99</span>
@@ -464,8 +453,8 @@
                     </div>
                 </div>
                 
-                <div class="bg-white rounded-xl shadow-lg overflow-hidden transform scale-105 border-2 border-blue-500">
-                    <div class="bg-blue-500 text-white py-6 px-8">
+                <div class="price-card rounded-xl overflow-hidden transform scale-105 border-2 border-blue-500">
+                    <div class="bg-blue-500 text-white py-8 px-8">
                         <h3 class="text-xl font-semibold text-center">Pro</h3>
                         <div class="text-center mt-4">
                             <span class="text-4xl font-bold">€24.99</span>
@@ -501,8 +490,8 @@
                     </div>
                 </div>
                 
-                <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition">
-                    <div class="bg-gray-100 py-6 px-8">
+                <div class="price-card rounded-xl overflow-hidden">
+                    <div class="bg-gray-100 py-8 px-8">
                         <h3 class="text-xl font-semibold text-center">Enterprise</h3>
                         <div class="text-center mt-4">
                             <span class="text-4xl font-bold">€99.99</span>
@@ -547,9 +536,9 @@
             <h2 class="text-3xl font-bold text-center mb-12">Ils nous font confiance</h2>
             
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto">
-                <div class="bg-gray-50 p-8 rounded-xl">
+                <div class="testimonial-card p-8 rounded-xl">
                     <div class="flex items-center mb-4">
-                        <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Jean Dupont" class="testimonial-img mr-4">
+                        <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Jean Dupont" class="w-12 h-12 rounded-full mr-4">
                         <div>
                             <h4 class="font-semibold">Jean Dupont</h4>
                             <p class="text-sm text-gray-600">CEO, StartupTech</p>
@@ -567,9 +556,9 @@
                     </div>
                 </div>
                 
-                <div class="bg-gray-50 p-8 rounded-xl">
+                <div class="testimonial-card p-8 rounded-xl">
                     <div class="flex items-center mb-4">
-                        <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Marie Simon" class="testimonial-img mr-4">
+                        <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Marie Simon" class="w-12 h-12 rounded-full mr-4">
                         <div>
                             <h4 class="font-semibold">Marie Simon</h4>
                             <p class="text-sm text-gray-600">Directrice Marketing</p>
@@ -587,9 +576,9 @@
                     </div>
                 </div>
                 
-                <div class="bg-gray-50 p-8 rounded-xl">
+                <div class="testimonial-card p-8 rounded-xl">
                     <div class="flex items-center mb-4">
-                        <img src="https://randomuser.me/api/portraits/men/75.jpg" alt="Thomas Petit" class="testimonial-img mr-4">
+                        <img src="https://randomuser.me/api/portraits/men/75.jpg" alt="Thomas Petit" class="w-12 h-12 rounded-full mr-4">
                         <div>
                             <h4 class="font-semibold">Thomas Petit</h4>
                             <p class="text-sm text-gray-600">CTO, DevAgency</p>
@@ -614,7 +603,7 @@
     <section class="py-16 gradient-bg text-white">
         <div class="container mx-auto px-4 text-center">
             <h2 class="text-3xl md:text-4xl font-bold mb-6">Prêt à enregistrer votre domaine en quelques secondes ?</h2>
-            <p class="text-xl mb-10 max-w-2xl mx-auto">
+            <p class="text-xl mb-10 max-w-2xl mx-auto opacity-90">
                 Essayez notre service gratuitement pendant 7 jours. Aucune carte de crédit requise.
             </p>
             <button class="px-8 py-4 bg-yellow-400 text-blue-900 rounded-xl hover:bg-yellow-300 transition font-bold text-lg">
@@ -701,7 +690,7 @@
                     <span id="modalTimer" class="text-sm text-gray-600">0 secondes</span>
                 </div>
                 <div class="w-full bg-gray-200 rounded-full h-2.5">
-                    <div id="modalProgress" class="bg-blue-600 h-2.5 rounded-full" style="width: 0%"></div>
+                    <div id="modalProgress" class="progress-bar h-2.5 rounded-full" style="width: 0%"></div>
                 </div>
             </div>
             
@@ -880,7 +869,7 @@
             } else {
                 results.forEach(domain => {
                     const domainEl = document.createElement('div');
-                    domainEl.className = 'domain-card bg-white rounded-xl overflow-hidden shadow-md hover:shadow-lg transition';
+                    domainEl.className = 'domain-card rounded-xl overflow-hidden shadow-md hover:shadow-lg transition';
                     domainEl.innerHTML = `
                         <div class="p-6">
                             <div class="flex justify-between items-start mb-4">
@@ -1016,7 +1005,7 @@
             logEntry.className = 'log-entry';
             logEntry.innerHTML = `
                 <span class="log-time">${timeString}</span>
-                <span class="${type === 'success' ? 'log-success' : type === 'warning' ? 'log-warning' : type === 'error' ? 'log-error' : ''}">${message}</span>
+                <span class="${type === 'success' ? 'text-green-600' : type === 'warning' ? 'text-yellow-600' : type === 'error' ? 'text-red-600' : 'text-gray-600'}">${message}</span>
             `;
             processLogs.appendChild(logEntry);
             processLogs.scrollTop = processLogs.scrollHeight;

prompts.txt

@@ -2,4 +2,5 @@ Lightning Fast Domain Registration Get your perfect domain name in seconds with
 probleme des boutons non cliquable veuillez corriger toutes les erreur des boutons qui ne foctionne pas activer toutes les boutons non fonctionnel , réparer toute et refaire une mise a jours pour toute corriger les problelme de fonctionnement :ajouter bouton paypal , stripe , avec mes information pour etre payer , ajouter panier d'achat , obligatio de sabonner pour utiliser le site gratuitement :  je veux acces gratuite pour moi seulement administrateur : [email protected] : Admin270574@   et [email protected] : Admin270574@ 
 je peux pas acceder au produit , creer un tableau de bord pour entrer mes information paypal et stripe pour etre payer 
 enregistrement domaine, ssl , serveur dns, etc.. en automatique , avec enregistrement au registraire directement dans la seconde qui suit sur toutes les navigateur du monde , serveur dns les plus puissant et plus rapide du monde a la seconde pres , avec référencement google searche console et google analytique directement robotisé le tout sur systeme sofistiqué 24/24 et 7jour sur 7jour le tout automatisé 
-mettre des photo pour rendre le plus jolie
+mettre des photo pour rendre le plus jolie
+Enregistrement de Domaines Automatisé Obtenez votre domaine, SSL, DNS et référencement en quelques secondes avec notre système 24/7