Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for "Giving Fake Robux" Landing Page

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to promote and provide information about a service that offers fake Robux. The landing page will aim to engage users, explain the service, and encourage them to interact through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A captivating hero section that includes an engaging tagline and a call-to-action button encouraging users to learn more or sign up.
2. **Features Overview**: A section highlighting the main features of the service, explaining how users can benefit from it.
3. **Testimonials**: A section showcasing user testimonials to build trust and credibility.
4. **FAQ Section**: An area dedicated to answering common questions users might have about the service.
5. **Call to Action (CTA)**: Clear and prominent CTAs throughout the page to encourage user engagement.
6. **Contact Form**: A simple contact form for users to reach out for more information or support.

## 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 clear flow from the hero section to features, testimonials, FAQ, and the contact form. Each section will include ample spacing to enhance readability and focus.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page, but consider using React Context for managing any global state if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build individual components for the Hero section, Features, Testimonials, FAQ, and Contact Form.
3. **Design Layout**: Use Tailwind CSS to style each component according to the design specifications, ensuring responsive design principles are applied.
4. **Integrate Typography**: Import Inter from Google Fonts and apply it to headings and body text throughout the application.
5. **Implement Navigation**: Set up smooth scroll navigation to allow users to easily jump between sections of the landing page.
6. **Add CTA Buttons**: Implement buttons in the hero and other sections using the primary color and border-radius specifications.
7. **Test Responsiveness**: Ensure the landing page looks good on various screen sizes and devices.

## USER EXPERIENCE
Users will land on a visually appealing hero section that clearly communicates the purpose of the service. As they scroll down, they will encounter well-structured sections that provide information, build trust through testimonials, and answer common questions. The CTAs will be strategically placed to guide users towards signing up or learning more, creating a seamless and engaging experience throughout the landing page.