Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Fakerobuxgift.lovable.pp is a minimalist landing page designed to promote a digital gift card service. The main purpose of this landing page is to provide users with an engaging and straightforward experience that showcases gift card options, highlights user benefits, and encourages conversions through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a strong headline and call-to-action button, inviting users to explore gift card options.
2. **Features Overview**: A section highlighting the benefits of using the service, including easy gifting, instant delivery, and a wide selection of cards.
3. **Testimonials**: User reviews and testimonials to build trust and showcase positive experiences.
4. **Call to Action (CTA)**: A prominent section encouraging users to sign up or purchase a gift card, with buttons leading to further actions.
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 layout should consist of a full-width hero section at the top, followed by a grid of feature cards, a testimonial slider, and a final CTA section before the footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, as it is primarily informational and conversion-focused.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop reusable components for the hero section, features overview, testimonials, and CTA.
3. **Design Layout**: Use Tailwind CSS to implement a responsive layout based on the design specifications, ensuring all elements are well-spaced and visually appealing.
4. **Implement Typography**: Import Inter font from Google Fonts and apply it to headings and body text.
5. **Style Components**: Apply the primary color (#1978E5) to buttons and links, and set the border radius to 8px for all applicable components.
6. **Add Content**: Populate the components with relevant text and images, focusing on clarity and engagement.
7. **Test Responsiveness**: Ensure the landing page looks good on various devices and screen sizes, adjusting styles as necessary.

## USER EXPERIENCE
Users will encounter a clean and engaging landing page that guides them through the value proposition of the gift card service. The intuitive layout allows for easy navigation, with clearly defined sections leading users from the hero area to features and testimonials, concluding with a strong call to action. Users will appreciate the minimal design and straightforward interactions, making the experience seamless and enjoyable.