Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Robux Free" project is a minimalist landing page designed to attract users interested in obtaining Robux without cost. The primary goal is to provide a straightforward and engaging user experience that encourages visitors to learn more about the offerings and take action through a clear call-to-action (CTA).

## CORE FEATURES
1. **Hero Section**: A captivating introduction that conveys the value proposition of obtaining Robux for free, accompanied by an eye-catching CTA button.
2. **Features Overview**: A concise display of key features that highlight how users can benefit, including methods to earn Robux and user testimonials.
3. **Testimonials Section**: Real user experiences and success stories that build trust and encourage new users to engage.
4. **Call to Action**: A prominent CTA section that encourages users to sign up or learn more, reinforced with engaging visuals and clear messaging.
5. **Contact Information**: A simple contact form for users to reach out for support or inquiries, ensuring 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 follow a single-column format with sections stacked vertically, including a hero section at the top, followed by features, testimonials, and a contact form, ensuring easy navigation and readability.

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

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Create a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Layout Components**: Develop reusable components for the hero section, features, testimonials, and contact form.
4. **Implement Styling**: Utilize Tailwind CSS classes to achieve the minimalist design and apply the specified colors and typography.
5. **Add Content**: Populate the sections with engaging text and visuals that resonate with the target audience.
6. **Optimize for Responsiveness**: Ensure the layout is mobile-friendly and looks great on all screen sizes by using responsive design principles.
7. **Deploy the Landing Page**: Use a platform like Vercel or Netlify for easy deployment of the landing page.

## USER EXPERIENCE
Key user interactions include clicking on the CTA button to learn more about obtaining Robux, scrolling through the features and testimonials seamlessly, and submitting inquiries through the contact form. The design prioritizes clarity and ease of navigation, ensuring that users can quickly access the information they need and engage with the content without distractions.