Spaces:
Running
Running
store create karne wala page banao abhi account create nahi ho raha ise thik karo design full professional karo live admin panel banao login page banao full working website banao jaldi please tum bahut der laga rahe ho jesa first prompt me kaha he same wesa hi admin panel banana
c728eba verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Register - StoreForge Pro</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| * { | |
| font-family: 'Inter', sans-serif; | |
| } | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); | |
| } | |
| .gradient-text { | |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| } | |
| .modal { | |
| transition: opacity 0.25s ease; | |
| } | |
| body.modal-active { | |
| overflow-x: hidden; | |
| overflow-y: visible ; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50 min-h-screen flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8"> | |
| <div class="absolute inset-0 gradient-bg opacity-10 z-0"></div> | |
| <div class="max-w-md w-full space-y-8 bg-white p-10 rounded-xl shadow-md z-10"> | |
| <div> | |
| <div class="flex justify-center"> | |
| <span class="text-2xl font-bold gradient-text">StoreForge Pro</span> | |
| </div> | |
| <h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900"> | |
| Create Your Account | |
| </h2> | |
| <p class="mt-2 text-center text-sm text-gray-600"> | |
| Start your e-commerce journey today | |
| </p> | |
| </div> | |
| <form class="mt-8 space-y-6" id="registerForm"> | |
| <div class="rounded-md shadow-sm -space-y-px"> | |
| <div> | |
| <label for="full-name" class="sr-only">Full Name</label> | |
| <input id="full-name" name="fullname" type="text" autocomplete="name" required class="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm" placeholder="Full Name"> | |
| </div> | |
| <div> | |
| <label for="email-address" class="sr-only">Email address</label> | |
| <input id="email-address" name="email" type="email" autocomplete="email" required class="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm" placeholder="Email address"> | |
| </div> | |
| <div> | |
| <label for="phone" class="sr-only">Phone Number</label> | |
| <input id="phone" name="phone" type="tel" autocomplete="tel" required class="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm" placeholder="Phone Number"> | |
| </div> | |
| <div> | |
| <label for="password" class="sr-only">Password</label> | |
| <input id="password" name="password" type="password" autocomplete="new-password" required class="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm" placeholder="Password (min. 8 characters)"> | |
| </div> | |
| <div> | |
| <label for="confirm-password" class="sr-only">Confirm Password</label> | |
| <input id="confirm-password" name="confirm-password" type="password" autocomplete="new-password" required class="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm" placeholder="Confirm Password"> | |
| </div> | |
| </div> | |
| <div class="flex items-center"> | |
| <input id="terms" name="terms" type="checkbox" required class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded"> | |
| <label for="terms" class="ml-2 block text-sm text-gray-900"> | |
| I agree to the <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">Terms & Conditions</a> and <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">Privacy Policy</a> | |
| </label> | |
| </div> | |
| <div> | |
| <button type="submit" class="group relative w-full flex justify-center py-3 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition"> | |
| <span class="absolute left-0 inset-y-0 flex items-center pl-3"> | |
| <i data-feather="user-plus" class="h-5 w-5 text-indigo-500 group-hover:text-indigo-400"></i> | |
| </span> | |
| Create Account | |
| </button> | |
| </div> | |
| </form> | |
| <div class="text-center"> | |
| <p class="text-sm text-gray-600"> | |
| Already have an account? | |
| <a href="login.html" class="font-medium text-indigo-600 hover:text-indigo-500">Sign in here</a> | |
| </p> | |
| </div> | |
| </div> | |
| <script> | |
| feather.replace(); | |
| document.getElementById('registerForm').addEventListener('submit', function(e) { | |
| e.preventDefault(); | |
| const password = document.getElementById('password').value; | |
| const confirmPassword = document.getElementById('confirm-password').value; | |
| if (password !== confirmPassword) { | |
| alert('Passwords do not match!'); | |
| return; | |
| } | |
| if (password.length < 8) { | |
| alert('Password must be at least 8 characters long!'); | |
| return; | |
| } | |
| // Simulate successful registration | |
| alert('Account created successfully! Redirecting to login...'); | |
| window.location.href = 'login.html'; | |
| }); | |
| </script> | |
| </body> | |
| </html> | |