Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a minimalist landing page designed for a service that offers "fake robux plus gift" options. Its main purpose is to attract users and convert them into potential customers through a clean and straightforward interface, showcasing offerings while emphasizing a user-friendly experience.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a clear value proposition and a prominent Call-to-Action (CTA) button.
2. **Features Display**: Highlight key offerings of fake robux and gifts, detailing the benefits and unique selling points.
3. **Testimonials**: Showcase user reviews and experiences to build trust and credibility with new visitors.
4. **CTA Section**: A clear and compelling section encouraging users to take action, such as signing up or making a purchase.
5. **Contact Information**: Easy access to contact details for user inquiries or support, enhancing user engagement.

## 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 be structured in a single-page format, with a full-width hero section at the top, followed by features in a grid format, testimonials in a carousel, a prominent CTA section, and a footer with 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 React Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Tailwind CSS**: Follow the Tailwind CSS installation guide to integrate it into your project.
3. **Create Components**: Develop individual components for the hero section, features display, testimonials, CTA, and contact information.
4. **Apply Styles**: Use Tailwind CSS classes to implement the minimalist design, focusing on whitespace and typography as specified.
5. **Add Inter Font**: Include the Inter font from Google Fonts in your project for consistent typography.
6. **Responsive Design**: Ensure all components are responsive, utilizing Tailwind's responsive utilities.
7. **Testing**: Conduct user testing to ensure functionality and user experience are optimal.
8. **Deployment**: Deploy the landing page using a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will land on a visually appealing homepage where they are immediately greeted by a strong value proposition. They can scroll through features that highlight the offerings, read testimonials that build trust, and easily find contact information for any inquiries. The CTA will guide them towards taking actionable steps, whether it’s signing up or exploring the services further. The minimalist design ensures a seamless and enjoyable browsing experience across all devices.