Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to promote a service that simulates sending Robux, a virtual currency used in the Roblox gaming platform. The landing page will aim to attract users with a clean interface, showcasing key features, testimonials, and a clear call-to-action.

## CORE FEATURES
1. **Hero Section**: A visually striking hero area that clearly communicates the purpose of the site and entices users to learn more.
2. **Features Overview**: A section that highlights the main features of the service, explaining how it works and its benefits.
3. **Testimonials**: A dedicated area showcasing user testimonials to build trust and credibility.
4. **Call to Action (CTA)**: Prominent buttons encouraging users to start using the service or sign up for updates.
5. **Contact Information**: A simple contact section for user inquiries, including a form for easy communication.

## 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 be a single-column format with a clear vertical flow, including a hero section at the top, followed by features, testimonials, a CTA, and contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Basic Structure**: Set up the main components for the hero section, features, testimonials, CTA, and contact.
4. **Style Components**: Use Tailwind CSS classes to implement the minimalist design as specified.
5. **Integrate Typography**: Import Inter from Google Fonts and apply it to the headings and body text.
6. **Add Interactivity**: Implement basic functionality for the CTA button, linking to a signup or information page.
7. **Test Responsiveness**: Ensure the design is responsive and looks good on various screen sizes.

## USER EXPERIENCE
Users will land on a clean and inviting page that quickly communicates the service's purpose. They can easily navigate through the features and testimonials, providing a smooth flow towards the call to action. The minimalist design will enhance the user experience, ensuring that the focus remains on the service being offered and encouraging users to engage further.