Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for user account verification and onboarding. It primarily focuses on facilitating user sign-ups through a secure verification process, ensuring a seamless experience from initial signup to successful account activation.

## CORE FEATURES
1. **User Registration**: A simple and intuitive registration form that collects essential user information.
2. **Email Verification**: A secure token-based email verification system to confirm user identities and activate accounts.
3. **User Dashboard**: A personalized dashboard for users to manage their profiles and settings after successful verification.
4. **Responsive Design**: Optimized for all devices, ensuring a smooth user experience whether on mobile or desktop.
5. **Support & Contact**: A section for users to reach out for support or inquiries related to their accounts.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout will consist of a header with navigation links, a hero section for the registration form, followed by a features section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand (if needed for global state management)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS and any necessary UI libraries (e.g., shadcn/ui) to the project.
3. **Create Components**: Develop reusable components for the header, registration form, email verification, dashboard, and footer.
4. **Implement Routing**: Use React Router to manage navigation between different views (e.g., registration, dashboard).
5. **Set Up State Management**: If necessary, configure React Context API or Zustand for managing user state.
6. **Implement Email Verification Logic**: Code the backend logic for sending verification emails and handling token validation.
7. **Test Responsiveness**: Ensure that all components are responsive and function well across different screen sizes.
8. **Deploy the Application**: Use a platform like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will begin by filling out the registration form, after which they will receive an email containing a verification link. Clicking this link will redirect them to the application, confirming their email and allowing access to their personalized dashboard. The design will prioritize clarity and ease of navigation, ensuring users can complete tasks with minimal friction.