Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a "Fake Robux Send" site. The main purpose of this page is to attract users with a clean and minimalist design, effectively communicating the site's features and encouraging visitors to engage with the call-to-action (CTA).

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a clear headline and a brief description of the service, accompanied by a prominent CTA button to encourage users to start using the site.
2. **Features Highlight**: A concise overview of the key features offered by the site, such as ease of use, speed of transactions, and security assurances.
3. **Testimonials**: A section featuring user testimonials to build trust and credibility with potential users.
4. **Call-to-Action (CTA)**: A clear and motivating CTA that guides users to get started with the service.
5. **Contact Form**: A simple form for users to reach out with inquiries or feedback, enhancing user interaction and support.

## 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 include a full-width hero section at the top, followed by a features section in a grid layout, testimonials in a card format, and a footer containing the contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not necessary for this landing page, as it will maintain a simple structure without complex state interactions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and configure it for your project.
3. **Create Components**:
   - Build the Hero component with a headline, description, and CTA button.
   - Develop the Features component displaying key features in a grid layout.
   - Create the Testimonials component with user feedback cards.
   - Implement the Contact Form component for user inquiries.
4. **Styling**: Use Tailwind CSS to apply styles as per the design specifications, ensuring the minimalist aesthetic is maintained.
5. **Responsive Design**: Test and ensure that the layout is responsive and looks good on various devices.
6. **Deploy**: Use a platform like Vercel or Netlify for deployment to make the landing page live.

## USER EXPERIENCE
Users will land on a clean and engaging hero section that introduces the service. They will easily navigate through the features and testimonials, with clear CTAs guiding them to engage further. The contact form will be easily accessible, encouraging users to reach out with any questions, thereby enhancing interaction and support. The overall focus on simplicity ensures a smooth user experience, inviting users to explore the service without distractions.