Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to mimic a free Robux sender mockup that resembles the Roblox sender page. The main purpose of the application is to present a clean and minimalist interface that attracts users and communicates the functionalities of sending Robux effectively.

## CORE FEATURES
1. **Hero Section**: A prominent header with a catchy tagline and a call-to-action (CTA) button allowing users to "Get Started" with the Robux sender.
2. **How it Works**: A simple, step-by-step guide explaining the process of sending Robux, featuring icons or illustrations for visual engagement.
3. **Benefits**: A section highlighting the advantages of using the Robux sender, such as speed, reliability, and ease of use.
4. **Testimonials**: User feedback showcasing positive experiences with the sender tool to build trust and credibility.
5. **FAQ Section**: Common questions and answers to address user concerns and provide clarity on the service.
6. **Contact Form**: A straightforward contact form for users to reach out for support or 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 clear hierarchy of information, allowing for easy navigation and a seamless user experience.

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

## IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Components**:
   - Build a `Hero` component for the main header.
   - Develop a `HowItWorks` component for the process description.
   - Create a `Benefits` component to list advantages.
   - Design a `Testimonials` section to display user feedback.
   - Implement a `FAQ` component to answer common questions.
   - Set up a `ContactForm` component for user inquiries.
4. **Style Components**: Use Tailwind CSS classes to apply the specified design specifications, ensuring a cohesive minimalist aesthetic.
5. **Testing**: Run the application to ensure responsiveness and functionality across different devices and screen sizes.
6. **Deployment**: Deploy the landing page on a web hosting service like Vercel or Netlify.

## USER EXPERIENCE
Users will land on a visually appealing page that clearly outlines the features of the Robux sender. The flow will encourage them to understand how it works through simple steps, followed by persuasive benefits and social proof via testimonials. The contact form will be easily accessible for users needing further assistance, ensuring a supportive user experience. The minimalist design will facilitate quick navigation and information retrieval, enhancing overall engagement.