Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a "Fake Robux Gifting Site" that aims to attract visitors with a clean, minimalist design while providing information about the service. The landing page will focus on converting visitors into users through clear calls to action and informative content.

## CORE FEATURES
1. **Hero Section**: A striking introduction with a catchy headline, brief description, and a prominent call-to-action button directing users to get started.
2. **Features Overview**: A section highlighting the key features of the service, detailing how users can benefit from the gifting options.
3. **Testimonials**: A section showcasing user testimonials to build trust and credibility, featuring quotes and ratings from satisfied users.
4. **Call to Action (CTA)**: Multiple CTAs throughout the page encouraging users to sign up or learn more about the service.
5. **Contact Information**: A simple form for users to reach out with questions or support inquiries.

## 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 single-column layout with a top hero section, followed by features, testimonials, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Not required for a landing page, but can be added if necessary for future enhancements.

## IMPLEMENTATION STEPS
1. **Setup the React project**: Create a new React application using Create React App with TypeScript.
2. **Install Tailwind CSS**: Follow the Tailwind CSS installation guide to integrate it into the project.
3. **Import Google Fonts**: Add the Inter font from Google Fonts in the index.html file.
4. **Create Components**:
   - **HeroComponent**: Build a hero section with a catchy headline and CTA button.
   - **FeaturesComponent**: Develop a features section displaying key benefits.
   - **TestimonialsComponent**: Implement a testimonials section with user feedback.
   - **ContactComponent**: Create a simple contact form.
5. **Style Components**: Use Tailwind CSS classes to style components according to design specifications.
6. **Responsive Design**: Ensure all components are responsive and look good on various screen sizes.
7. **Testing**: Test the landing page functionality and visual design across different browsers and devices.

## USER EXPERIENCE
The landing page will provide a seamless experience, allowing users to easily navigate between sections. The prominent CTAs will encourage engagement, while the clean design will keep distractions to a minimum. Users will be able to scroll through the features and testimonials, leading them to the contact form or sign-up area effortlessly. The overall experience will focus on simplicity and clarity, driving conversions effectively.