Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a fake gifting Robux website. Its main purpose is to attract visitors with a clean and engaging interface, highlighting the benefits of using the site while encouraging conversions through calls-to-action.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that captures users' attention with a catchy tagline and a clear call-to-action button leading to the gifting process.
2. **Features Overview**: A section that outlines key benefits of using the site, such as fast gifting, user-friendly interface, and reliable service.
3. **Testimonials**: Showcase user reviews or success stories to build trust and credibility among potential users.
4. **Call to Action (CTA)**: Prominent buttons that guide users towards signing up or initiating a gift, ensuring a clear path to conversion.
5. **Contact Information**: A footer section that provides users with ways to get in touch for support or 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-column layout that flows vertically, with sections stacked to create a smooth scrolling experience, ensuring that each feature is distinct yet cohesive.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Structure**: Set up the main layout with a header, hero section, features section, testimonials, CTA, and footer.
3. **Style Components**: Use Tailwind CSS to apply the minimalist design, ensuring that the primary color, typography, and border radius specifications are implemented.
4. **Add Content**: Populate each section with relevant text, images, and links that align with the project’s vision.
5. **Test Responsiveness**: Ensure the layout is responsive, adjusting for various screen sizes while maintaining usability and aesthetic appeal.
6. **Deploy**: Host the landing page on a suitable platform for public access.

## USER EXPERIENCE
Users will be greeted with a clean hero section that draws them in with an engaging headline and a clear call-to-action button. As they scroll, they will encounter benefits that explain the site’s features, followed by testimonials that build trust. The experience is designed to be intuitive, guiding users effortlessly toward taking action, whether that’s signing up or reaching out for more information. The minimalist design ensures that users are not overwhelmed, allowing for a pleasant browsing experience.