Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote gifting services related to Roblox, ideal for platforms such as TikTok and YouTube. The main purpose is to engage visitors with a clean and modern interface, encouraging them to understand the gifting process and take action, such as signing up or making a purchase.

## CORE FEATURES
1. **Hero Section**: A prominent area at the top featuring a catchy headline, a brief description of the services offered, and a strong call-to-action button that directs users to sign up or learn more.
2. **Features Overview**: A section that highlights the key benefits of using the gifting service, presented in a concise and visually appealing format.
3. **Testimonials**: A section showcasing user reviews or testimonials that build trust and credibility for the gifting service.
4. **Call to Action (CTA)**: A clear and compelling CTA section encouraging visitors to take the next step, whether it's signing up or exploring more options.
5. **Contact Information**: A simple contact form for inquiries, allowing potential customers to reach out easily.

## 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 should feature a vertical scrolling structure, with the hero section at the top, followed by features, testimonials, and a final CTA section. Each section should be distinct yet cohesive, encouraging smooth navigation and readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page, but can use Context API if needed for form handling.

## IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create the Layout**: Build the main layout structure using components for the hero section, features, testimonials, and CTA.
3. **Implement Styling**: Use Tailwind CSS classes to ensure the design is minimalist, adhering to the specified design specifications.
4. **Add Content**: Populate the sections with relevant text and images that align with the branding of the gifting service.
5. **Implement Responsive Design**: Ensure all sections are mobile-friendly, using responsive Tailwind utilities to adjust layout and text sizes.
6. **Test Functionality**: Check for any bugs and ensure all links and forms work as expected.

## USER EXPERIENCE
Visitors will experience a smooth and engaging interaction with the landing page, starting from the hero section that captures attention with its bold headline and clear CTA. As they scroll down, they will encounter concise information in the features overview, followed by trustworthy testimonials that enhance credibility. The final CTA will prompt users to take action seamlessly. The overall focus on white space and minimalism will ensure users can navigate without distractions, leading to higher conversion rates.