Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a landing page for a Robux affiliate program. The main purpose is to inform visitors about the program, highlight its benefits, and encourage sign-ups through a clear call-to-action. The design will focus on simplicity and effective communication to maximize conversions.

## CORE FEATURES
1. **Hero Section**: An engaging introduction with a strong value proposition and a prominent call-to-action button.
2. **Features Overview**: A section that highlights the main benefits of the affiliate program, detailing how users can earn Robux.
3. **Testimonials**: A section showcasing user testimonials to build trust and credibility among potential affiliates.
4. **Call to Action**: Multiple strategically placed call-to-action buttons throughout the page to encourage sign-ups.
5. **Contact Information**: A simple contact form or section for inquiries, allowing potential affiliates to reach out for more information.

## 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 main layout will be a single-column format, ensuring that content flows naturally from the hero section through to the testimonials and contact information. Each section will be distinctly separated with ample white space to enhance readability.

## 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 the Project**: Initialize a new React project with TypeScript and install necessary dependencies, including Tailwind CSS and shadcn/ui.
2. **Create the Hero Section**: Design a full-width hero section with a compelling headline, subheadline, and call-to-action button styled with the primary color.
3. **Develop the Features Section**: Create a grid or list layout to display the benefits of the affiliate program, ensuring each feature is visually distinct and easy to read.
4. **Add Testimonials**: Implement a carousel or a static section displaying user testimonials, incorporating design elements that align with the minimalist approach.
5. **Integrate Call to Action**: Place multiple call-to-action buttons throughout the page, ensuring they are easily accessible and eye-catching.
6. **Build the Contact Section**: Design a simple contact form with fields for name, email, and message, styled to match the overall aesthetic.
7. **Test Responsiveness**: Ensure that the layout adapts smoothly across different screen sizes, maintaining usability and aesthetics.

## USER EXPERIENCE
Users will have a seamless experience navigating the landing page. The hero section will capture attention immediately, followed by an easy-to-understand features overview. Testimonials will reinforce credibility, and the clear calls to action will guide users toward signing up for the affiliate program. The minimalist design ensures that the focus remains on the content, facilitating a straightforward user journey from interest to action.