Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a fake Robux gift website, featuring a real profile interface. The main purpose is to attract users with a visually appealing and straightforward layout while providing them with a seamless experience for navigating through the site.

## CORE FEATURES
1. **User Profiles**: Users can create and manage profiles, showcasing their interests and Robux-related activities.
2. **Gift Claiming Interface**: A simple interface where users can claim fake Robux gifts, enhancing engagement and interaction.
3. **Leaderboards**: Display a leaderboard of users who have claimed the most gifts, fostering a sense of community and competition.
4. **Promotional Sections**: Highlight ongoing promotions or special events to retain user interest and encourage participation.
5. **Contact Form**: A straightforward contact form for users to reach out for support or inquiries, ensuring that communication is easy.

## 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 should include a hero section at the top, followed by features, user testimonials, and a clear call-to-action (CTA) button, with a footer for contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (for managing user states and profiles)

## IMPLEMENTATION STEPS
1. **Set up the React application**: Create a new React project with TypeScript using Create React App or Vite.
2. **Install required packages**: Add Tailwind CSS, shadcn/ui, and any other necessary dependencies.
3. **Design the layout**: Create components for the header, hero section, features, leaderboards, and footer.
4. **Implement user profiles**: Set up a profile management system using React Context for state management.
5. **Create the gift claiming interface**: Develop a simple form where users can interact with the fake gift claiming process.
6. **Add promotional sections**: Integrate dynamically updated sections for promotions.
7. **Style the components**: Use Tailwind CSS to apply the minimalist design specifications to all components.
8. **Test the application**: Ensure that all functionalities work as expected and the application is responsive across devices.

## USER EXPERIENCE
Users will land on a visually engaging hero section with a compelling call-to-action. They can easily navigate to their profiles, view leaderboards, and claim gifts. The minimalistic design ensures that users can focus on their tasks without distractions, while the responsive layout provides a consistent experience across all devices. Each interaction, from claiming gifts to reaching out via the contact form, is streamlined for efficiency and ease of use.