Lovable Prompt Creator - AI Prompt Generator

> ## APPLICATION OVERVIEW
The project is a minimalist landing page designed for a visual gifting platform for Robux, aimed at providing users with a simple and intuitive way to send and receive Robux gifts. The landing page will focus on presenting the service clearly, showcasing its features, and encouraging user engagement through calls to action.

## CORE FEATURES
1. **Hero Section**: An engaging introduction to the platform, featuring a catchy headline, supporting tagline, and a prominent call-to-action button encouraging users to get started.
2. **Features Overview**: A section highlighting key features of the gifting service, such as easy gifting options, secure transactions, and user-friendly interface.
3. **Testimonials**: A dedicated area for user testimonials to build trust and credibility, showcasing positive experiences from previous users.
4. **Call to Action (CTA)**: Strategically placed CTAs throughout the page to guide users toward signing up or starting their gifting journey.
5. **Contact Information**: A simple contact form or section for users to reach out for support or inquiries, 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 main layout will feature a full-width hero section at the top, followed by a grid layout for features, a testimonials slider, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop the main components for the landing page: Hero, Features, Testimonials, and Contact sections.
4. **Style the Components**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring to use the specified primary color and typography.
5. **Implement Responsiveness**: Ensure that the layout is responsive and adapts well to different screen sizes.
6. **Test and Deploy**: Test the landing page for functionality and user experience before deploying to a hosting platform.

## USER EXPERIENCE
Users will land on a visually appealing hero section that quickly communicates the purpose of the site. They can scroll down to explore the features and read testimonials from other users, creating a sense of community. The CTAs will be prominent, guiding users seamlessly to engage with the platform. The contact form will allow users to easily reach out for assistance, enhancing overall user satisfaction.