Spaces:

docto41
/

web-master-pro

Running

App Files Files Community

docto41 commited on May 6, 2025

Commit

2a109f7

verified ·

1 Parent(s): 75a69f8

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +508 -19
prompts.txt +11 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Web Master Pro
-emoji: 🐠
-colorFrom: green
-colorTo: blue
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: web-master-pro
+emoji: 🐳
+colorFrom: red
+colorTo: red
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,508 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>WebMaster Pro - Déploiement Automatisé en 1 Clic</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, #1e3a8a 0%, #3b82f6 100%);
+        }
+        .feature-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
+        }
+        .glow {
+            box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);
+        }
+        .automation-card:hover {
+            transform: translateY(-5px);
+            transition: all 0.3s ease;
+        }
+        @keyframes pulse {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.5; }
+        }
+        .pulse-animation {
+            animation: pulse 2s infinite;
+        }
+        #loginModal, #paymentModal {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0,0,0,0.5);
+            z-index: 1000;
+            justify-content: center;
+            align-items: center;
+        }
+        .modal-content {
+            background-color: white;
+            padding: 2rem;
+            border-radius: 0.5rem;
+            width: 90%;
+            max-width: 500px;
+        }
+        .deploy-steps {
+            position: relative;
+        }
+        .deploy-steps::before {
+            content: "";
+            position: absolute;
+            left: 20px;
+            top: 0;
+            bottom: 0;
+            width: 2px;
+            background: linear-gradient(to bottom, #3b82f6, #10b981);
+        }
+    </style>
+</head>
+<body class="bg-gray-50 font-sans">
+    <!-- Header -->
+    <header class="bg-white shadow-sm sticky top-0 z-40">
+        <div class="max-w-7xl mx-auto px-4 py-4 sm:px-6 lg:px-8 flex justify-between items-center">
+            <div class="flex items-center">
+                <i class="fas fa-bolt text-blue-500 text-2xl mr-3"></i>
+                <h1 class="text-xl font-bold text-gray-900">WebMaster Pro</h1>
+            </div>
+            <div class="flex items-center space-x-4">
+                <button id="loginButton" class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-6 rounded-md transition duration-300">
+                    Connexion Admin
+                </button>
+            </div>
+        </div>
+    </header>
+    <!-- Hero Section -->
+    <section class="hero-gradient text-white">
+        <div class="max-w-7xl mx-auto px-4 py-20 sm:px-6 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
+                <div>
+                    <h1 class="text-4xl md:text-5xl font-bold mb-6">Infrastructure Web Automatisée en 1 Clic</h1>
+                    <p class="text-xl mb-8">Domaine, SSL, DNS et intégration Google - déployés automatiquement en secondes</p>
+                    <button id="deployNow" class="bg-white text-blue-600 hover:bg-gray-100 font-bold py-3 px-8 rounded-lg text-lg transition duration-300 flex items-center">
+                        <i class="fas fa-bolt mr-2"></i> Déployer Maintenant
+                    </button>
+                </div>
+                <div class="relative">
+                    <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
+                         alt="Infrastructure Web Automatisée"
+                         class="rounded-xl shadow-2xl border-4 border-white transform rotate-3 hover:rotate-0 transition duration-500">
+                    <div class="absolute -bottom-6 -left-6 bg-white p-4 rounded-lg shadow-lg">
+                        <div class="flex items-center">
+                            <div class="bg-green-100 p-2 rounded-full mr-3">
+                                <i class="fas fa-check-circle text-green-500 text-xl"></i>
+                            </div>
+                            <div>
+                                <p class="font-bold text-gray-800">100% Automatisé</p>
+                                <p class="text-sm text-gray-600">Déploiement en 30s</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Features Section -->
+    <section class="py-16 bg-white">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl font-bold text-gray-900 mb-4">Tout ce dont vous avez besoin en un seul clic</h2>
+                <p class="text-xl text-gray-600 max-w-3xl mx-auto">Notre plateforme automatise l'ensemble du processus de déploiement web</p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <div class="feature-card bg-white p-8 rounded-xl shadow-md border border-gray-100 transition duration-300">
+                    <div class="bg-blue-100 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
+                        <i class="fas fa-globe text-blue-500 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Enregistrement de Domaine</h3>
+                    <p class="text-gray-600 mb-4">Obtenez instantanément votre nom de domaine avec plus de 500 extensions disponibles.</p>
+                    <div class="flex items-center text-blue-500 font-medium">
+                        <span>En savoir plus</span>
+                        <i class="fas fa-arrow-right ml-2"></i>
+                    </div>
+                </div>
+                <div class="feature-card bg-white p-8 rounded-xl shadow-md border border-gray-100 transition duration-300">
+                    <div class="bg-green-100 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
+                        <i class="fas fa-lock text-green-500 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Certificat SSL Automatique</h3>
+                    <p class="text-gray-600 mb-4">Protection HTTPS activée automatiquement avec Let's Encrypt, renouvellement sans intervention.</p>
+                    <div class="flex items-center text-green-500 font-medium">
+                        <span>En savoir plus</span>
+                        <i class="fas fa-arrow-right ml-2"></i>
+                    </div>
+                </div>
+                <div class="feature-card bg-white p-8 rounded-xl shadow-md border border-gray-100 transition duration-300">
+                    <div class="bg-purple-100 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
+                        <i class="fas fa-server text-purple-500 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">DNS Ultra-Rapide</h3>
+                    <p class="text-gray-600 mb-4">Réseau Anycast global pour une résolution DNS en moins de 10ms partout dans le monde.</p>
+                    <div class="flex items-center text-purple-500 font-medium">
+                        <span>En savoir plus</span>
+                        <i class="fas fa-arrow-right ml-2"></i>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- How It Works -->
+    <section class="py-16 bg-gray-50">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl font-bold text-gray-900 mb-4">Comment ça marche</h2>
+                <p class="text-xl text-gray-600 max-w-3xl mx-auto">Déployez votre infrastructure complète en 3 étapes simples</p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <div class="deploy-steps pl-10 relative">
+                    <div class="bg-white p-1 rounded-full w-10 h-10 flex items-center justify-center absolute left-0 top-0 z-10 border-4 border-gray-50">
+                        <span class="text-blue-500 font-bold">1</span>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3 mt-2">Configurez</h3>
+                    <p class="text-gray-600">Entrez simplement le nom de votre projet et choisissez vos options.</p>
+                    <img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1374&q=80"
+                         alt="Configuration"
+                         class="mt-4 rounded-lg shadow-md">
+                </div>
+                <div class="deploy-steps pl-10 relative">
+                    <div class="bg-white p-1 rounded-full w-10 h-10 flex items-center justify-center absolute left-0 top-0 z-10 border-4 border-gray-50">
+                        <span class="text-blue-500 font-bold">2</span>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3 mt-2">Déployez</h3>
+                    <p class="text-gray-600">Cliquez sur le bouton et laissez notre système faire tout le travail.</p>
+                    <img src="https://images.unsplash.com/photo-1516321318423-f06f85e504d3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
+                         alt="Déploiement"
+                         class="mt-4 rounded-lg shadow-md">
+                </div>
+                <div class="deploy-steps pl-10 relative">
+                    <div class="bg-white p-1 rounded-full w-10 h-10 flex items-center justify-center absolute left-0 top-0 z-10 border-4 border-gray-50">
+                        <span class="text-blue-500 font-bold">3</span>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3 mt-2">Profitez</h3>
+                    <p class="text-gray-600">Votre site est en ligne avec toutes les intégrations configurées.</p>
+                    <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
+                         alt="Résultat"
+                         class="mt-4 rounded-lg shadow-md">
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Deployment Form -->
+    <section class="py-16 bg-white">
+        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 bg-white rounded-xl shadow-lg overflow-hidden">
+            <div class="p-8">
+                <h2 class="text-2xl font-bold text-gray-900 mb-6">Configurez votre déploiement</h2>
+                <form id="deploymentForm" class="space-y-6">
+                    <div>
+                        <label class="block text-sm font-medium text-gray-700 mb-1">Nom de votre projet</label>
+                        <input type="text" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500" placeholder="MonSitePro" required>
+                    </div>
+                    <div>
+                        <label class="block text-sm font-medium text-gray-700 mb-1">Nom de domaine</label>
+                        <div class="flex">
+                            <input type="text" class="flex-1 px-4 py-3 border border-gray-300 rounded-l-lg focus:ring-blue-500 focus:border-blue-500" placeholder="monsite" required>
+                            <select class="w-32 px-4 py-3 border-t border-b border-r border-gray-300 rounded-r-lg bg-gray-50">
+                                <option>.com</option>
+                                <option>.net</option>
+                                <option>.org</option>
+                                <option>.io</option>
+                                <option>.tech</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                        <div class="flex items-center">
+                            <input id="ssl-checkbox" type="checkbox" checked class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
+                            <label for="ssl-checkbox" class="ml-2 block text-sm text-gray-900">
+                                Certificat SSL Automatique (+€9.99/mois)
+                            </label>
+                        </div>
+                        <div class="flex items-center">
+                            <input id="dns-checkbox" type="checkbox" checked class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
+                            <label for="dns-checkbox" class="ml-2 block text-sm text-gray-900">
+                                DNS Premium (+€4.99/mois)
+                            </label>
+                        </div>
+                        <div class="flex items-center">
+                            <input id="google-checkbox" type="checkbox" checked class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
+                            <label for="google-checkbox" class="ml-2 block text-sm text-gray-900">
+                                Intégration Google (+€7.99/mois)
+                            </label>
+                        </div>
+                        <div class="flex items-center">
+                            <input id="backup-checkbox" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
+                            <label for="backup-checkbox" class="ml-2 block text-sm text-gray-900">
+                                Sauvegarde Quotidienne (+€5.99/mois)
+                            </label>
+                        </div>
+                    </div>
+                    <div class="pt-4">
+                        <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-lg font-bold text-lg transition duration-300 flex items-center justify-center">
+                            <i class="fas fa-bolt mr-2"></i> Déployer Maintenant - €29.99/mois
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </section>
+    <!-- Testimonials -->
+    <section class="py-16 bg-gray-50">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl font-bold text-gray-900 mb-4">Ils nous font confiance</h2>
+                <p class="text-xl text-gray-600 max-w-3xl mx-auto">Des milliers de professionnels utilisent notre solution</p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <div class="bg-white p-8 rounded-xl shadow-md">
+                    <div class="flex items-center mb-4">
+                        <img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Client" class="w-12 h-12 rounded-full mr-4">
+                        <div>
+                            <h4 class="font-bold">Sophie Martin</h4>
+                            <p class="text-sm text-gray-500">Fondatrice de WebSolutions</p>
+                        </div>
+                    </div>
+                    <p class="text-gray-600">"J'ai économisé des heures de configuration technique grâce à WebMaster Pro. Tout est automatisé et fonctionne parfaitement."</p>
+                    <div class="flex mt-4 text-yellow-400">
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                    </div>
+                </div>
+                <div class="bg-white p-8 rounded-xl shadow-md">
+                    <div class="flex items-center mb-4">
+                        <img src="https://randomuser.me/api/portraits/men/45.jpg" alt="Client" class="w-12 h-12 rounded-full mr-4">
+                        <div>
+                            <h4 class="font-bold">Thomas Leroy</h4>
+                            <p class="text-sm text-gray-500">Directeur Technique</p>
+                        </div>
+                    </div>
+                    <p class="text-gray-600">"La solution la plus complète que j'ai utilisée. L'intégration avec Google est particulièrement impressionnante."</p>
+                    <div class="flex mt-4 text-yellow-400">
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                    </div>
+                </div>
+                <div class="bg-white p-8 rounded-xl shadow-md">
+                    <div class="flex items-center mb-4">
+                        <img src="https://randomuser.me/api/portraits/women/65.jpg" alt="Client" class="w-12 h-12 rounded-full mr-4">
+                        <div>
+                            <h4 class="font-bold">Émilie Dubois</h4>
+                            <p class="text-sm text-gray-500">Entrepreneure</p>
+                        </div>
+                    </div>
+                    <p class="text-gray-600">"En tant que non-technicienne, pouvoir déployer un site professionnel en quelques clics est révolutionnaire pour moi."</p>
+                    <div class="flex mt-4 text-yellow-400">
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star-half-alt"></i>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Login Modal -->
+    <div id="loginModal">
+        <div class="modal-content">
+            <div class="flex justify-between items-center mb-4">
+                <h3 class="text-lg font-semibold">Connexion Administrateur</h3>
+                <button id="closeLoginModal" class="text-gray-500 hover:text-gray-700">
+                    <i class="fas fa-times"></i>
+                </button>
+            </div>
+            <form id="loginForm">
+                <div class="mb-4">
+                    <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
+                    <input type="email" id="loginEmail" class="w-full px-3 py-2 border border-gray-300 rounded-md" required>
+                </div>
+                <div class="mb-4">
+                    <label class="block text-sm font-medium text-gray-700 mb-1">Mot de passe</label>
+                    <input type="password" id="loginPassword" class="w-full px-3 py-2 border border-gray-300 rounded-md" required>
+                </div>
+                <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-md transition duration-300">
+                    Se connecter
+                </button>
+            </form>
+        </div>
+    </div>
+    <!-- Payment Modal -->
+    <div id="paymentModal">
+        <div class="modal-content">
+            <div class="flex justify-between items-center mb-4">
+                <h3 class="text-lg font-semibold">Paiement</h3>
+                <button id="closePaymentModal" class="text-gray-500 hover:text-gray-700">
+                    <i class="fas fa-times"></i>
+                </button>
+            </div>
+            <div class="mb-4">
+                <h4 class="font-medium mb-2">Méthode de paiement</h4>
+                <div class="flex space-x-4">
+                    <button id="paypalButton" class="flex-1 bg-blue-50 hover:bg-blue-100 text-blue-700 py-2 px-4 rounded-md border border-blue-200 transition duration-300 flex items-center justify-center">
+                        <i class="fab fa-paypal mr-2"></i> PayPal
+                    </button>
+                    <button id="stripeButton" class="flex-1 bg-purple-50 hover:bg-purple-100 text-purple-700 py-2 px-4 rounded-md border border-purple-200 transition duration-300 flex items-center justify-center">
+                        <i class="fab fa-stripe mr-2"></i> Stripe
+                    </button>
+                </div>
+            </div>
+            <div id="paymentDetails" class="hidden">
+                <div class="bg-gray-50 p-4 rounded-md mb-4">
+                    <h4 class="font-medium mb-2">Détails du paiement</h4>
+                    <p id="paymentDescription" class="text-sm"></p>
+                    <p id="paymentAmount" class="font-bold text-lg mt-2"></p>
+                </div>
+                <button id="confirmPayment" class="w-full bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded-md transition duration-300">
+                    Confirmer le paiement
+                </button>
+            </div>
+        </div>
+    </div>
+    <script>
+        // Variables globales
+        let isAdmin = false;
+        const adminAccounts = [
+            { email: "vgp.bavol@gmail.com", password: "Admin270574@" },
+            { email: "doctorblog.fr@gmail.com", password: "Admin270574@" }
+        ];
+        // Initialisation du DOM
+        document.addEventListener('DOMContentLoaded', function() {
+            // Gestion de la connexion
+            const loginButton = document.getElementById('loginButton');
+            const loginModal = document.getElementById('loginModal');
+            const closeLoginModal = document.getElementById('closeLoginModal');
+            const loginForm = document.getElementById('loginForm');
+            // Gestion du paiement
+            const paymentModal = document.getElementById('paymentModal');
+            const closePaymentModal = document.getElementById('closePaymentModal');
+            const paypalButton = document.getElementById('paypalButton');
+            const stripeButton = document.getElementById('stripeButton');
+            const paymentDetails = document.getElementById('paymentDetails');
+            const paymentDescription = document.getElementById('paymentDescription');
+            const paymentAmount = document.getElementById('paymentAmount');
+            const confirmPayment = document.getElementById('confirmPayment');
+            // Bouton de déploiement
+            const deployNowButton = document.getElementById('deployNow');
+            const deploymentForm = document.getElementById('deploymentForm');
+            // Événements de connexion
+            loginButton.addEventListener('click', () => {
+                loginModal.style.display = 'flex';
+            });
+            closeLoginModal.addEventListener('click', () => {
+                loginModal.style.display = 'none';
+            });
+            loginForm.addEventListener('submit', (e) => {
+                e.preventDefault();
+                const email = document.getElementById('loginEmail').value;
+                const password = document.getElementById('loginPassword').value;
+                // Vérification des identifiants admin
+                const isAdminAccount = adminAccounts.some(account =>
+                    account.email === email && account.password === password
+                );
+                if (isAdminAccount) {
+                    isAdmin = true;
+                    loginButton.textContent = 'Admin Connecté';
+                    loginButton.classList.remove('bg-blue-600', 'hover:bg-blue-700');
+                    loginButton.classList.add('bg-green-500', 'hover:bg-green-600');
+                    loginModal.style.display = 'none';
+                    // Afficher une notification de succès
+                    alert('Connexion réussie en tant qu\'administrateur. Accès gratuit activé.');
+                } else {
+                    alert('Identifiants incorrects. Seuls les administrateurs peuvent accéder gratuitement.');
+                }
+            });
+            // Événements de paiement
+            closePaymentModal.addEventListener('click', () => {
+                paymentModal.style.display = 'none';
+            });
+            // Événement de déploiement
+            deployNowButton.addEventListener('click', () => {
+                if (isAdmin) {
+                    alert('Déploiement en cours... (Mode Admin Gratuit)');
+                } else {
+                    paymentDescription.textContent = 'Abonnement WebMaster Pro - Infrastructure complète';
+                    paymentAmount.textContent = 'Total: €29.99/mois';
+                    paymentModal.style.display = 'flex';
+                    paymentDetails.classList.remove('hidden');
+                }
+            });
+            // Événement du formulaire de déploiement
+            deploymentForm.addEventListener('submit', (e) => {
+                e.preventDefault();
+                if (isAdmin) {
+                    alert('Déploiement réussi! Votre infrastructure est maintenant en ligne. (Mode Admin Gratuit)');
+                } else {
+                    paymentDescription.textContent = 'Abonnement WebMaster Pro - Infrastructure complète';
+                    paymentAmount.textContent = 'Total: €29.99/mois';
+                    paymentModal.style.display = 'flex';
+                    paymentDetails.classList.remove('hidden');
+                }
+            });
+            // Événements de paiement
+            paypalButton.addEventListener('click', () => {
+                alert('Redirection vers PayPal pour le paiement de €29.99/mois');
+            });
+            stripeButton.addEventListener('click', () => {
+                alert('Redirection vers Stripe pour le paiement de €29.99/mois');
+            });
+            confirmPayment.addEventListener('click', () => {
+                alert('Paiement confirmé! Votre infrastructure sera déployée dans quelques secondes.');
+                paymentModal.style.display = 'none';
+                // Simulation de déploiement
+                setTimeout(() => {
+                    alert('Déploiement réussi! Votre infrastructure est maintenant en ligne.');
+                }, 2000);
+            });
+        });
+    </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/web-master-pro" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1,11 @@

+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é
+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 : vgp.bavol@gmail.com : Admin270574@   et doctorblog.fr@gmail.com : Admin270574@
+toutes les bouton ne sont pas cliquable et fonctionne pas
+reconfigue tout , ne fonctionne pas
+je veux acces gratuit a toute les produit , je veux entrer mes information paypal et stripe
+je peux pas acceder au produit , creer un tableau de bord pour entrer mes information paypal et stripe pour etre payer
+aucun bouton fonctionne , veuillez corriger
+toutes les bouton du tableau de bord ne fonctionne pas
+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é
+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 : vgp.bavol@gmail.com : Admin270574@   et doctorblog.fr@gmail.com : Admin270574@
+Infrastructure Web Automatisée en 1 Clic Domaine, SSL, DNS et intégration Google - déployés automatiquement en secondes  avec une belle d'accueil avec desimages qui soit tres attirant