Styled Container - Copy this React, Mui Component to your project
Design a simple, responsive sign in and sign up page that works well on all devices (mobile, tablet, and desktop). The page should include: Sign In Form: Fields: Email, Password. A "Forgot Password?" link under the password field. A submit button with the label "Sign In." Sign Up Form: Fields: Name, Email, Password, Confirm Password. A submit button with the label "Sign Up." Switch Between Forms: A link to toggle between the Sign In and Sign Up forms, labeled "Don't have an account? Sign Up" on the Sign In form and "Already have an account? Sign In" on the Sign Up form. Styling: Clean, minimal design using a modern, sans serif font. Both forms should be centered vertically and horizontally on the page. Use a consistent color scheme with soft background colors. Form elements should be responsive: on mobile, they should stack vertically, while on desktop, the forms should remain centered with appropriate padding and margin. Use buttons with hover effects for interaction. Mobile Optimization: Ensure the form input fields and buttons are easily tappable on mobile. Use media queries for responsive layouts. Accessibility: Include proper labels for form fields. Ensure good contrast for readability. Make sure the form is keyboard navigable.
