Spaces:
Running
Running
User Features: View turf details (e.g., location, pricing, amenities), check availability calendar, book slots, user registration/login, and confirmation emails/SMS (optional).
51448ca verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Login - UrbanTurf</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> | |
| .login-bg { | |
| background: linear-gradient(135deg, rgba(0, 176, 155, 0.1) 0%, rgba(150, 201, 61, 0.1) 100%); | |
| } | |
| .input-focus:focus { | |
| border-color: #10b981; | |
| box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2); | |
| } | |
| </style> | |
| </head> | |
| <body class="login-bg min-h-screen flex items-center justify-center"> | |
| <div class="max-w-md w-full space-y-8 p-10 bg-white rounded-xl shadow-lg"> | |
| <div class="text-center"> | |
| <i data-feather="grass" class="h-12 w-12 text-green-500 mx-auto"></i> | |
| <h2 class="mt-6 text-3xl font-extrabold text-gray-900"> | |
| Welcome back | |
| </h2> | |
| <p class="mt-2 text-sm text-gray-600"> | |
| Sign in to your UrbanTurf account | |
| </p> | |
| </div> | |
| <form class="mt-8 space-y-6" action="#" method="POST"> | |
| <input type="hidden" name="remember" value="true"> | |
| <div class="rounded-md shadow-sm space-y-4"> | |
| <div> | |
| <label for="email" class="sr-only">Email address</label> | |
| <div class="relative"> | |
| <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"> | |
| <i data-feather="mail" class="h-5 w-5 text-gray-400"></i> | |
| </div> | |
| <input id="email" name="email" type="email" autocomplete="email" required class="input-focus pl-10 block w-full | |
| </body> | |
| </html> |