Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a service that simulates sending Robux, the virtual currency used in the gaming platform Roblox. The main purpose of the page is to attract users and inform them about the service while encouraging them to engage through calls to action.

## CORE FEATURES
1. **Hero Section**: A prominent introductory section that captures attention with a brief description of the service and a call-to-action button to get started.
2. **Features Overview**: A section outlining the key features of the service, explaining how it works and the benefits users can expect.
3. **Testimonials**: A section that showcases user feedback and success stories to build trust and credibility.
4. **Call to Action (CTA)**: Strategically placed buttons throughout the page that encourage users to take action, such as signing up or learning more.
5. **Contact Information**: A section with contact details or a simple contact form for users to reach out with 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 structure focusing on vertical scrolling, with each section distinctly separated by whitespace for clarity and ease of reading.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not needed for this landing page as it is static and does not require complex state handling.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or a similar boilerplate.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI component needs.
3. **Create Layout**: Develop the main layout structure according to the design specifications, ensuring that the hero, features, testimonials, and contact sections are included.
4. **Develop Components**: Build individual React components for each section (Hero, Features, Testimonials, CTA, Contact).
5. **Styling**: Apply Tailwind CSS classes to components, ensuring adherence to the minimalist design guidelines and use of the specified primary color and typography.
6. **Test Responsiveness**: Ensure the landing page is responsive across different device sizes, adjusting styles as necessary.

## USER EXPERIENCE
Users will land on a clean and inviting page that clearly explains the service. The hero section captures their attention with a strong value proposition and a prominent CTA button. As they scroll, they will encounter the features that highlight the benefits of the service, followed by testimonials that build trust. Throughout the page, CTAs will guide users toward engaging further, whether that be signing up or contacting support for more information. The overall experience will be seamless, with a focus on clarity and ease of navigation.