Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a fake Robux sending service for live audiences. Its primary purpose is to attract users with a clean, minimalist design that highlights key features and encourages conversions through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A prominent introduction that captures attention with a catchy headline and a brief description of the service, along with a strong call to action button.
2. **Features Overview**: A section that outlines the main benefits of using the service, presented in a visually appealing manner to enhance understanding and interest.
3. **Testimonials**: A dedicated area for user testimonials to build trust and credibility, featuring quotes from satisfied users.
4. **Call to Action**: A clear and compelling CTA that encourages visitors to take immediate action, such as signing up or using the service.
5. **Contact Information**: A simple contact form to allow 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**: The layout should consist of a top navigation bar, followed by the hero section, features overview, testimonials, and a footer for contact information, ensuring a seamless flow and easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for basic functionality

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Main Layout**: Develop the layout structure including the navigation bar, hero section, features section, testimonials, and footer.
3. **Implement Typography**: Integrate Google Fonts to use Inter for all text elements.
4. **Style Components**: Use Tailwind CSS to apply styles, ensuring the primary color, border radius, and minimalist design principles are followed.
5. **Add Functionality for CTA**: Implement the call to action button functionality to redirect users to the desired action.
6. **Test Responsiveness**: Ensure the design is responsive across all devices, adjusting styles as necessary for optimal user experience.

## USER EXPERIENCE
Users will first encounter a visually appealing hero section that clearly explains the service with an engaging headline. As they scroll down, they will see distinct sections highlighting features and testimonials, making it easy for them to understand the value of the service. The clear call to action will encourage users to engage with the service immediately, while the contact form will provide a straightforward way for them to reach out for additional information. The overall experience will be smooth and intuitive, focusing on simplicity and ease of use.