Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Fakerobuxgift is a minimalist web application designed to provide users with a simple and intuitive platform to generate fake Robux gift cards. The main purpose of this application is to attract users looking for a straightforward way to simulate gift card giveaways, focusing on user engagement and aesthetic appeal.

## CORE FEATURES
1. **Hero Section**: A captivating introductory section that highlights the key value proposition of Fakerobuxgift, encouraging users to explore the features.
2. **Gift Card Generation**: A core feature that allows users to generate custom Robux gift card codes with an easy-to-use interface.
3. **User Testimonials**: A section showcasing user feedback and experiences, enhancing credibility and encouraging new users to engage.
4. **Call to Action (CTA)**: Prominent buttons throughout the application that guide users to generate gift cards or share the platform with friends.
5. **Contact Form**: A simple form for users to reach out for support or inquiries, ensuring a connection between the users and the developers.

## 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 layout should consist of a top navigation bar, a prominent hero section, followed by features displayed in a grid format, user testimonials in a carousel, and a footer with the contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing application state (if necessary)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for UI components.
3. **Configure Tailwind CSS**: Set up Tailwind CSS by creating the configuration file and adding it to the project.
4. **Create Layout Structure**: Develop the main layout components (Header, Hero, Features, Testimonials, Footer) using functional components.
5. **Implement Hero Section**: Design the hero section with an engaging headline, a brief description, and a CTA button.
6. **Develop Gift Card Generation Feature**: Create a form component for users to generate gift cards, including input fields and a submit button.
7. **Set Up Testimonials Section**: Implement a carousel or grid to display user testimonials, ensuring responsiveness.
8. **Build Contact Form**: Create a simple contact form with input fields for user inquiries and a submit button.
9. **Style Components**: Use Tailwind CSS to apply the specified design specifications across all components, ensuring a cohesive look.
10. **Test Functionality**: Conduct thorough testing to ensure all features work as intended and the application is responsive across devices.

## USER EXPERIENCE
Users will first land on the hero section, immediately attracted by the clean design and compelling CTA. They will be guided through the process of generating fake Robux gift cards with a straightforward form. The testimonials section will provide social proof, while the contact form allows for user engagement and support. The minimalist design ensures that users can navigate the application with ease, focusing on the core features without distraction.