Auto Workshop Dashboard - Copy this Html, Tailwind Component to your project

Create an authentication system using HTML and TailwindCSS for an automotive workshop management system. The interface should include both a **Login Page** and a **Registration Page**, ensuring that new clients can register their vehicle at the same time. ### **Login Page (For All Users)** 1️⃣ **Login Form:** - Fields: **Email, Password** - "Remember Me" checkbox - "Forgot Password?" link - "Login" button with hover effects - A link to the registration page ("Don't have an account? Sign up") 2️⃣ **Forgot Password Modal:** - Field for entering email - "Send Reset Link" button - Close button to return to login --- ### **Registration Page (For Clients Only)** 1️⃣ **Personal Information Section:** - Full Name (Required) - Email (Required, unique validation) - Password & Confirm Password (Validation for strength & match) - Phone Number (Optional) 2️⃣ **Vehicle Information Section:** - Type (Dropdown: Sedan, SUV, Truck, etc.) - License Plate (Required, unique validation) - Year (Dropdown or Number Input) - Brand (Dropdown: Toyota, Honda, Ford, etc.) - Model (Text Input) 3️⃣ **Register Button:** - Validate all fields before submission - Show a confirmation message upon successful registration --- ### **Design Requirements** 🔹 Use **TailwindCSS** for a clean, modern, and responsive UI. 🔹 Implement **form validation** to prevent empty or incorrect inputs. 🔹 Use **modal pop-ups** for password recovery and registration confirmation. 🔹 Include **visual feedback** (e.g., success messages, error handling). 🔹 Ensure a **mobile-friendly layout**. ### **Actors Involved:** 🔹 **Client**: Registers and logs in with their personal and vehicle details. The interface should be **interactive, user-friendly, and visually appealing** without requiring database integration for now.