Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a fake gift Robux website, aimed at attracting users with a clean, minimalist design. The main purpose of this page is to inform visitors about the offerings and encourage them to engage through calls to action, while maintaining a focus on visual appeal and simplicity.

## CORE FEATURES
1. **Hero Section**: A prominent hero area that grabs attention with a catchy tagline, a brief description of the site, and a strong call-to-action button to encourage visitors to explore further.
2. **Features Overview**: A section highlighting the key advantages of using the site, such as ease of use, security, and the variety of gift options available.
3. **Testimonials**: A section displaying user testimonials to build credibility and trust among potential users, showcasing positive experiences.
4. **Call to Action (CTA)**: Strategically placed CTA buttons throughout the page to guide users towards taking action, such as signing up or learning more.
5. **Contact Information**: A simple contact form that allows users to reach out with inquiries or support requests, 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 be a single-column structure with a fixed header, followed by the hero section, features overview, testimonials, CTA, and contact information, all spaced evenly for a balanced look.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page but can be considered for form handling.

## IMPLEMENTATION STEPS
1. Set up a new React project using Create React App with TypeScript.
2. Install Tailwind CSS and configure it for styling.
3. Create a layout component that includes a header and a footer.
4. Develop the hero section with a catchy tagline and a call-to-action button styled with the primary color.
5. Build the features overview section using cards that describe each feature with appropriate spacing and typography.
6. Implement the testimonials section with user quotes, styled to enhance readability.
7. Add the CTA buttons throughout the page for conversions.
8. Create a simple contact form that captures user inquiries.
9. Test the responsiveness of the layout across various devices to ensure a seamless user experience.
10. Deploy the landing page on a web hosting platform.

## USER EXPERIENCE
The user will interact with the landing page through a straightforward navigation experience. The hero section will draw users in, while the features overview highlights the benefits effectively. Testimonials will provide social proof, enhancing trust. Clear CTA buttons will lead users to take desired actions, such as signing up or contacting support. The minimalist design ensures that users can quickly find information without unnecessary distractions, all while enjoying a responsive layout that adapts to different screen sizes.