Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed for a "fake robux senter," aimed at engaging visitors by presenting the concept in a clean and minimalist format. The main purpose is to inform users about the service, highlight its features, and encourage them to take action through a clear call-to-action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a compelling tagline and a prominent call-to-action button encouraging users to learn more or get started.
2. **Features Overview**: A section detailing the main features of the service, presented with icons or images and brief descriptions to illustrate benefits.
3. **Testimonials**: A section featuring user testimonials to build trust and credibility among potential users.
4. **Call to Action (CTA)**: A standout CTA section that prompts users to sign up or explore further, reinforced by attractive visuals and clear messaging.
5. **Contact Information**: A simple contact form or info section allowing users to reach out with inquiries or feedback.

## 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 vertical stack layout with the hero section at the top, followed by features, testimonials, and a final CTA, ensuring easy navigation and readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not necessary for this landing page; simple props and state can be managed locally.

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Create a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling components.
3. **Create Components**: Develop the layout components including Hero, Features, Testimonials, and Contact sections.
4. **Style Components**: Use Tailwind CSS classes to implement the minimalist design and ensure adherence to the specified design specifications.
5. **Responsive Design**: Ensure all components are responsive, adjusting layouts for various screen sizes.
6. **Deploy**: Use platforms like Vercel or Netlify for easy deployment of the landing page.

## USER EXPERIENCE
Users will first encounter a visually appealing hero section that clearly communicates the purpose of the service. As they scroll down, they will be engaged by the features overview, which explains the value proposition succinctly. Testimonials will provide social proof, and the CTA will guide them toward the next step, whether that's signing up or learning more. The minimalist design will ensure a smooth and enjoyable browsing experience, with easy navigation and clear calls to action.