Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to mimic the aesthetics and functionality of a Roblox home page, but under the guise of a fake Robux gifting website. The primary goal is to create an engaging and visually appealing single-page site that entices visitors while maintaining a minimalist design ethos.

## CORE FEATURES
1. **Hero Section**: A visually striking hero area that captures attention with an appealing headline, subheadline, and a prominent call-to-action (CTA) button for users to engage with the gifting process.
   
2. **How It Works**: A section detailing the simple steps involved in gifting Robux, using clean icons and brief descriptions to enhance user understanding.
   
3. **Testimonials**: A carousel displaying fictional user testimonials to build trust and encourage interaction, using a minimalist presentation style.
   
4. **Features Overview**: A concise section that highlights key benefits of using the site, presented in a grid layout with succinct text and icons.
   
5. **Call to Action**: A final section with a strong CTA encouraging users to participate, reinforced by the site’s branding and color scheme.
   
6. **Contact Information**: A simple contact form at the bottom for inquiries, ensuring users can easily reach out for support or questions.

## 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 feature a single column structure, with sections stacked vertically for simplicity and ease of navigation, ensuring a responsive design that adapts to mobile views.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for utility-first styling.
- **UI Components**: shadcn/ui for building responsive and accessible UI components.
- **State Management**: Not required for this static landing page.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop individual components for the Hero Section, How It Works, Testimonials, Features Overview, Call to Action, and Contact Information.
4. **Implement Styling**: Use Tailwind CSS to style each component according to the design specifications, ensuring the primary color and typography are applied consistently.
5. **Responsive Design**: Test each component to ensure it displays well on mobile devices, adjusting layouts and font sizes as necessary.
6. **Deploy**: Host the landing page on a service like Vercel or Netlify for public access.

## USER EXPERIENCE
The user experience focuses on seamless navigation and interaction. Visitors will be greeted with a visually appealing hero section, followed by easy-to-understand steps on how to gift Robux. The testimonials will build credibility, and the clear call-to-action will encourage users to engage further. Contact information will be easily accessible, ensuring that users can reach out for help with minimal friction. The overall design will prioritize clarity and simplicity to facilitate a smooth user journey.