Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to promote a fake Robux sender service, allowing users to engage with a simple and clean interface. The primary goal is to attract attention and guide potential users towards taking action, either by signing up or learning more about the service.

## CORE FEATURES
1. **Hero Section**: A prominent area at the top of the page that captures attention with a catchy headline, subheadline, and a call-to-action button to entice users to learn more or sign up.
2. **Features Overview**: A section that outlines the main benefits of using the fake Robux sender, including ease of use, security, and speed of transactions.
3. **Testimonials**: A section featuring user feedback or testimonials to build credibility and trust, showcasing positive experiences with the service.
4. **Call-to-Action (CTA)**: Strategically placed buttons throughout the page encouraging users to take action, such as signing up or contacting support.
5. **Contact Information**: A simple section providing users with ways to get in touch for support or inquiries, including a form or links to social media.

## 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 sections stacked vertically, including a hero section, features, testimonials, a CTA, and contact information.

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

## IMPLEMENTATION STEPS
1. Set up a new React project with TypeScript and install Tailwind CSS for styling.
2. Create the main components: 
   - HeroSection
   - FeaturesSection
   - TestimonialsSection
   - CTASection
   - ContactSection
3. Implement the layout using Tailwind CSS classes to ensure a minimalist aesthetic with ample white space.
4. Use the Inter font from Google Fonts, applying it to headings and body text.
5. Apply the primary color #1978E5 to buttons and links, ensuring a consistent branding approach.
6. Ensure all sections are responsive, adjusting layouts and elements for different screen sizes.

## USER EXPERIENCE
The user journey should be seamless and engaging. Users will land on the page and be immediately drawn to the hero section with an inviting headline and CTA button. As they scroll down, they will encounter clear and concise information about the service, supported by testimonials that build trust. The layout will guide them towards the CTA, encouraging them to take action or reach out for more information. The overall experience will be straightforward and user-friendly, focusing on clarity and simplicity.