Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to present a service that resembles a legitimate Robux sender for live transactions. The primary goal is to attract users through a clean and minimalist design that emphasizes trust and usability, while clearly communicating the service’s benefits and encouraging user engagement.

## CORE FEATURES
1. **Hero Section**: A prominent area at the top of the page featuring a compelling headline, a brief description of the service, and a strong call-to-action (CTA) button.
2. **How It Works**: A section explaining the steps users need to take to use the service, utilizing simple graphics or icons for clarity.
3. **Benefits**: Highlighting the key advantages of using this service with brief descriptions and icons to enhance visual appeal.
4. **Testimonials**: A section for user reviews or testimonials that build trust and credibility.
5. **Contact Information**: A simple contact form allowing 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 one-page vertical scroll layout with sections stacked on top of each other, ensuring a smooth flow from the hero section to the contact form.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React application using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Components**: Develop individual components for the Hero Section, How It Works, Benefits, Testimonials, and Contact Form.
4. **Implement Routing**: If necessary, set up routing for any potential future pages (though primarily it’s a single-page layout).
5. **Style Components**: Use Tailwind CSS to style each component according to the design specifications.
6. **Deploy the Application**: Use a platform like Vercel or Netlify to deploy the landing page.

## USER EXPERIENCE
Users will land on a visually appealing page that immediately captures their attention with a strong hero section. They will be guided through the service’s benefits and how to use it, with clear CTAs encouraging them to engage. The minimalist design ensures that users can navigate easily, with testimonials providing social proof to enhance trust. A straightforward contact form will be readily accessible for any inquiries, making the user experience seamless and efficient.