Login Page - Copy this React, Tailwind Component to your project
Generate responsive signup pages for a React web application styled with Tailwind CSS. The design should include: A modern, clean dark theme matching the rest of the app, with subtle hover effects and clear typography. On both pages, the form should be centered on the screen with a card like structure. The login form should have fields for 'Email' and 'Password', along with a 'Login' button and a 'Forgot Password?' link. The signup form should include 'Full Name', 'Email', 'Password', and 'Confirm Password' fields. Both forms should have clear validation, with error messages displayed below the inputs. Add a toggle link below each form: 'Don't have an account? Sign up' on the login page, and 'Already have an account? Login' on the signup page. Ensure both pages are fully responsive for mobile, tablet, and desktop views. Include Tailwind CSS classes for responsive layouts and spacing, and add hover and focus states for inputs and buttons. Make sure to use a consistent color scheme to align with the dark theme, with appropriate padding and margin adjustments for smaller screens.
