Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to help users earn Robux in the Roblox ecosystem. The app will provide a clean and simple interface, focusing on user engagement and conversion through effective features that encourage users to participate and interact. 

## CORE FEATURES
1. **Robux Earning Guide**: A comprehensive resource section that outlines various methods to earn Robux, including tips and strategies.
2. **Daily Challenge**: Users can participate in daily challenges to earn bonus Robux, promoting engagement and return visits.
3. **Reward Tracker**: A feature that allows users to track their progress and rewards earned through participation in various activities.
4. **Referral Program**: An integrated referral system that rewards users for bringing friends to the platform, enhancing community growth.
5. **User Profile Management**: Users can create and manage their profiles, keeping track of their earnings and progress.
6. **Feedback and Support**: A dedicated section for users to provide feedback or seek help, ensuring a responsive and user-centric experience.

## 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, a hero section for key features and CTAs, a grid layout for the features section, and a footer with contact information. The design will maintain a clear hierarchy and ample white space for simplicity and ease of navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React Context API for state management and user data handling.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Design the Layout**: Create the main layout structure following the design specifications, implementing the header, footer, and main content areas.
4. **Develop Core Features**: Build out the core features outlined above, starting with the Robux Earning Guide and Daily Challenge.
5. **Implement User Authentication**: Set up user authentication with secure login/signup functionality.
6. **Create Profile Management**: Develop the user profile section to manage earnings and progress.
7. **Integrate Feedback System**: Implement the feedback and support section for user assistance.
8. **Test Responsiveness**: Ensure the application is fully responsive across different devices and screen sizes.
9. **Launch and Iterate**: Deploy the application and gather user feedback for future improvements.

## USER EXPERIENCE
The application will provide an intuitive user experience with a focus on engagement. Users will easily navigate through the app, participate in daily challenges, manage their profiles, and track their progress seamlessly. Key interactions will include signing up for an account, accessing the earning guide, completing challenges, and referring friends, all designed to be straightforward and enjoyable.