Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for a website that provides information about fake Robux. The main purpose is to attract users with a clean design and simple navigation while highlighting key features and calls to action.

## CORE FEATURES
1. **Hero Section**: An engaging introductory section with a catchy headline and a strong call-to-action button directing users to explore more.
2. **Features Overview**: A section showcasing the main benefits and features of using the service, presented in an easy-to-read format.
3. **Testimonials**: A section displaying user feedback or testimonials to build trust and credibility.
4. **Call to Action**: A prominent CTA encouraging users to sign up or learn more about the offerings.
5. **Contact Information**: A footer section with contact details to facilitate user inquiries.

## 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 follow a single-page structure with a hero section at the top, followed by features, testimonials, a CTA, and a contact section at the bottom. Each section will be clearly defined with ample spacing to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: shadcn/ui for pre-built components.
- **State Management**: Not required for this landing page as it is mostly static content.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and any necessary packages for shadcn/ui.
3. **Create Layout**: Set up the main layout structure with sections for the hero, features, testimonials, CTA, and contact.
4. **Implement Hero Section**: Design an eye-catching hero section with a headline, supporting text, and CTA button styled with the primary color.
5. **Add Features Overview**: Create a grid or list layout for features, using cards or icons for visual appeal.
6. **Include Testimonials**: Add a section for user testimonials, using a slider or simple list format for presentation.
7. **Design Call to Action**: Ensure the CTA stands out prominently with contrasting colors and clear text.
8. **Footer and Contact Details**: Create a footer section with relevant contact information and links.

## USER EXPERIENCE
Users will land on a minimalist page that immediately captures their attention with a striking hero section. They can easily navigate through the page to learn more about the benefits of using the service, read testimonials from other users, and get in touch for more information. The design will focus on providing a seamless experience with clear calls to action, ensuring users are encouraged to engage with the content effectively.