Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project "fakerobuxgift.lovable.pp" is a landing page that aims to provide users with information about a service related to Robux gift management. The goal is to create an engaging and visually appealing marketing page that highlights the service's features, encourages user interaction, and drives conversions.

## CORE FEATURES
1. **Hero Section**: A visually captivating introduction with a clear value proposition and a prominent call-to-action button.
2. **Features Overview**: A section detailing the main benefits of the service, presented in an easy-to-read format.
3. **Testimonials**: User reviews and success stories that build trust and credibility for the service.
4. **Call to Action (CTA)**: Encouragement for users to take action, such as signing up or learning more about the service.
5. **Contact Information**: A simple form or contact details for users to reach out with 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**: A single-page layout with a top navigation menu linking to different sections (Hero, Features, Testimonials, CTA, Contact) for smooth scrolling.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this landing page.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop separate components for each section (Hero, Features, Testimonials, CTA, Contact).
3. **Design Layout**: Implement the layout structure using Flexbox or CSS Grid, ensuring responsive design for various screen sizes.
4. **Styling**: Apply Tailwind CSS classes to style components according to the design specifications.
5. **Add Inter Font**: Import Inter font from Google Fonts and apply it to the relevant components.
6. **Implement Smooth Scrolling**: Set up navigation links to scroll smoothly to each section.
7. **Testing**: Conduct thorough testing across different devices and browsers for compatibility and responsiveness.

## USER EXPERIENCE
Key user interactions will include navigating through the sections using the top menu, reading through features and testimonials, and clicking the CTA button to engage further with the service. The design will focus on providing a seamless experience with fast loading times and clear, concise information to guide users toward taking action.