Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page for ruboxgiftfake.lovable.app, designed to showcase the service and drive user engagement. The main purpose is to provide information about the service, highlight its features, and encourage visitors to take action through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually appealing introductory area that captures attention with a brief description of the service and a prominent call to action button.
2. **Features Overview**: A section that outlines the key features of the service, using icons and short descriptions for clarity and impact.
3. **Testimonials**: A section to display user testimonials and feedback, enhancing credibility and trust.
4. **Call to Action**: A clear and compelling CTA section directing users to sign up or learn more about the service.
5. **Contact Information**: A simple contact form allowing users to reach out for inquiries or 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 main layout includes a full-width hero section at the top, followed by a features overview in a grid format, testimonials in a carousel format, and a final CTA section, with a simple footer for contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for consistent design elements.
- **State Management**: Not needed for this landing page.

## IMPLEMENTATION STEPS
1. **Set up the development environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create a basic file structure**: Organize components, pages, and styles according to best practices.
3. **Build the Hero Section**: Implement a full-width hero component with a catchy headline, subheading, and a call to action button styled with the primary color.
4. **Develop the Features Overview**: Create a grid component to showcase features with icons and descriptions, using Tailwind CSS for layout.
5. **Implement Testimonials Section**: Use a carousel component to display user testimonials, ensuring it's responsive.
6. **Create the CTA Section**: Design a compelling call to action that encourages users to engage, with a matching button style.
7. **Add Contact Information**: Create a simple contact form with fields for name, email, and message, styled according to design specifications.
8. **Test for responsiveness**: Ensure the layout adapts well to different screen sizes and devices.

## USER EXPERIENCE
Key user interactions include navigating from the hero section to feature details, reading testimonials, and easily accessing the contact form. The design focuses on simplicity and clarity, making it easy for users to understand the service and take the desired action without distractions. Responsive design ensures a seamless experience across various devices.