Lovable Prompt Creator - AI Prompt Generator

- ## APPLICATION OVERVIEW
This project is a web application designed to provide users with a simple and clean interface to engage with digital rewards. The minimalist design focuses on enhancing user experience through an intuitive layout, making it easy for users to navigate and access features efficiently.

## CORE FEATURES
1. **User Registration/Login**: Secure user authentication allowing users to create accounts and log in to access their rewards.
2. **Reward Generation**: A feature that enables users to generate and claim digital rewards effortlessly.
3. **Dashboard Overview**: A user-friendly dashboard that displays users’ earned rewards, transaction history, and account details.
4. **Support Section**: An accessible support area where users can find FAQs or submit inquiries for assistance.
5. **Responsive Design**: Optimized for all devices, ensuring functionality and aesthetics on mobile, tablet, and desktop views.

## 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**: A structured layout featuring a prominent hero section, followed by features, user testimonials, and a clear call-to-action (CTA) button, ensuring a smooth flow of information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript, and configure Tailwind CSS for styling.
2. **Design Layout**: Create a main layout component that includes the header, footer, and main content area.
3. **Implement Routing**: Use React Router for navigation between different parts of the application (e.g., login, dashboard, support).
4. **Build Authentication**: Set up user registration and login functionalities, integrating with a backend service for user data management.
5. **Create Dashboard**: Develop a dashboard component that fetches and displays rewards and transaction data for logged-in users.
6. **Add Reward Generation**: Implement the reward generation feature, ensuring it is user-friendly and integrates seamlessly with the dashboard.
7. **Design Support Section**: Create a support page with FAQs and a contact form for user inquiries.
8. **Optimize for Responsiveness**: Ensure all components are responsive and maintain usability across various device sizes.

## USER EXPERIENCE
Users will begin their journey on the landing page, where they can easily navigate to the login or registration options. Upon logging in, they will be directed to their personalized dashboard displaying their rewards and options to generate new ones. The interface will guide users through the features with minimal distractions, prioritizing clarity and efficiency. The support section will be easily accessible, allowing users to quickly find help when needed.