Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote and provide information about Roblox gifting services. The primary goal is to attract users by highlighting key features, showcasing testimonials, and encouraging engagement through a clear call-to-action (CTA).

## CORE FEATURES
1. **Hero Section**: A visually appealing top section that introduces the service with a compelling headline, brief description, and a prominent CTA button to encourage immediate action.
2. **Features Overview**: A section outlining the key features of the gifting service, including how it works, benefits, and unique offerings to inform users effectively.
3. **Testimonials**: A dedicated section showcasing user testimonials to build trust and credibility with potential customers, enhancing the service's reliability.
4. **Call to Action (CTA)**: A strong CTA at the end of the page that encourages users to sign up or learn more about the gifting process, effectively converting visitors into users.
5. **Contact Information**: Easy-to-find contact details or a contact form for users to reach out with questions or support requests, ensuring user support is accessible.

## 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 featuring distinct sections for the hero, features, testimonials, CTA, and contact information. Each section should be visually distinct yet cohesive, utilizing ample white space for clarity.

## 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 Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout**: Develop the single-page layout structure using React components for each section (Hero, Features, Testimonials, CTA, Contact).
3. **Implement Styling**: Apply Tailwind CSS classes to style the components according to the design specifications. Ensure the primary color and typography are implemented correctly.
4. **Add Content**: Populate each section with the relevant content, including headlines, descriptions, and user testimonials.
5. **Implement CTA**: Ensure the CTA button is prominent and linked to the desired action (e.g., sign-up or learn more).
6. **Test Responsiveness**: Check the design on various screen sizes to ensure a seamless user experience across devices.
7. **Deploy**: Once complete, deploy the landing page to a suitable hosting platform.

## USER EXPERIENCE
Users will land on a clean and inviting page that clearly communicates the Roblox gifting service. The intuitive layout guides them through the features, reinforcing trust with testimonials and prompting action with a strong CTA. The minimalist design ensures that users can focus on the content without distractions, creating a smooth and engaging user journey.