Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project "fakerobuxgift.lovable.pp" is a minimalist landing page designed to promote a fictional gift service for Robux, the virtual currency used in Roblox. The main purpose of the landing page is to attract users with its clean design, showcase the service's features, and encourage visitors to engage through a clear call-to-action.

## CORE FEATURES
1. **Hero Section**: A prominent introduction area featuring an engaging headline, a brief description of the service, and a strong call-to-action button to grab user attention.
2. **Features Overview**: A section highlighting the key benefits of using the service, visually breaking down the advantages in a clear, concise manner.
3. **Testimonials**: A section for user reviews and experiences to build trust and credibility with potential customers.
4. **Call to Action (CTA)**: A clear and inviting CTA section prompting users to sign up or learn more about the service.
5. **Contact Information**: A simple contact form for inquiries, allowing users to reach out easily.

## 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 will consist of a full-width hero section at the top, followed by a features section with grid or card layouts, a testimonials area in a slider format, and a final CTA section before the contact form at the bottom of the page.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop separate components for the Hero, Features, Testimonials, CTA, and Contact sections.
3. **Design Layout**: Utilize Tailwind CSS for styling components according to the specified design guidelines.
4. **Integrate Typography**: Import Inter font from Google Fonts and apply it to headings and body text throughout the application.
5. **Implement Responsiveness**: Ensure that the layout is responsive, adapting to various screen sizes seamlessly.
6. **Testing**: Test the landing page for usability and responsiveness across different devices and browsers.

## USER EXPERIENCE
Users will land on a visually appealing hero section that immediately communicates the service's value. They will then scroll down to learn about the features, see testimonials from satisfied users, and find a prominent call-to-action encouraging them to engage further. The contact form at the bottom provides an easy way for users to reach out for more information or assistance, ensuring a smooth and inviting user experience.