Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for a service that creates fake send Robux visuals. The main purpose is to attract users interested in Roblox customization tools, showcasing the service's features and encouraging conversions through calls to action.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a catchy tagline, a brief description of the service, and a prominent call-to-action button.
2. **Features Display**: A section highlighting the unique features of the service, such as customization options, user-friendly interface, and quick generation of visuals.
3. **Testimonials**: User reviews and feedback to build trust and showcase the effectiveness of the visuals created by the service.
4. **Call-to-Action**: Well-placed buttons encouraging users to try the service or sign up for updates.
5. **Contact Form**: A simple form for users to get in touch, ask questions, or request support.

## 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 full-width hero section at the top, followed by a grid or card layout for features, a dedicated testimonial slider, a prominent CTA section, and a contact form at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not necessary for this landing page but can be included if dynamic content is anticipated.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create Layout**: Develop the main layout structure with a header, main content area, and footer.
3. **Build Hero Section**: Design a hero section with an eye-catching background, tagline, description, and CTA button.
4. **Develop Features Section**: Create cards for each feature with icons or images, titles, and brief descriptions.
5. **Implement Testimonials**: Set up a slider or grid for testimonials, ensuring they are visually distinct and easy to read.
6. **Add Contact Form**: Create a simple contact form with fields for user input and a submit button.
7. **Style Components**: Utilize Tailwind CSS to style all components according to the design specifications, ensuring responsiveness on different devices.
8. **Review & Test**: Conduct thorough testing to ensure all sections function correctly, and the design is responsive.

## USER EXPERIENCE
Users will arrive at the landing page and be greeted by the hero section, which invites them to explore the service. As they scroll down, they will easily navigate through the features and read testimonials from satisfied users. The call-to-action buttons will be strategically placed to guide users towards trying the service or getting in touch. The contact form will provide a straightforward means for users to connect with the service for support or inquiries. The overall experience will be seamless, focusing on clarity, simplicity, and engagement.