Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a minimalist landing page for users interested in a fictional service related to Roblox, where they can simulate sending Robux with infinite and false robots. The primary goal is to attract users with a clean design and clear call-to-action while providing essential information about the service.

## CORE FEATURES
1. **Hero Section**: A prominent introductory area featuring a catchy headline and subheadline, along with a call-to-action button prompting users to "Get Started".
2. **Features Overview**: A section outlining the benefits of using the service, presented in a concise and appealing manner.
3. **How It Works**: A simple guide explaining the process of sending Robux, highlighting the ease of use and fun aspects.
4. **Testimonials**: A section showcasing user testimonials to build trust and credibility.
5. **Contact Form**: An easy-to-use contact form for users to reach out with questions or feedback.
6. **FAQ Section**: A dedicated area to address common questions and concerns about the service.

## 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 follow a single-page scroll format, ensuring smooth navigation between sections with a sticky navigation bar at the top. Each section will be well-spaced and clearly defined, maintaining a balanced and visually appealing structure.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required for this landing page, but could be considered for handling form submissions or interactions.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create the Layout**: Set up a basic structure for the landing page, including a navigation bar, hero section, and additional content sections.
3. **Add Typography and Styling**: Integrate Inter font from Google Fonts and apply the specified colors and border radius using Tailwind CSS classes.
4. **Implement Hero Section**: Develop the hero section with a headline, subheadline, and call-to-action button linked to the features section.
5. **Build Features and How It Works Sections**: Create visually appealing layouts for these sections, using cards or simple lists to present information.
6. **Add Testimonials and FAQ**: Design the testimonials section with user quotes and the FAQ section for common questions.
7. **Contact Form Integration**: Implement a contact form using shadcn/ui components, ensuring it is easy to use and responsive.
8. **Test for Responsiveness**: Ensure the application looks great on all device sizes by utilizing Tailwind's responsive utilities.
9. **Deploy the Application**: Use a platform like Vercel or Netlify for deployment once testing is complete.

## USER EXPERIENCE
> The user experience will be smooth and intuitive, with a focus on simplicity and ease of navigation. Users will be able to scroll through sections seamlessly, with clear calls to action guiding them towards signing up or learning more. The contact form will be straightforward, ensuring users can easily submit inquiries without frustration. The overall design will encourage users to explore and engage with the content while providing a fun and memorable experience.