Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for Livora, a dietary supplement that emphasizes its natural ingredients and certifications. The purpose of the landing page is to provide clear and engaging information about Livora, attract potential customers, and encourage them to make a purchase. The design will be tailored for an older audience, ensuring simplicity and ease of navigation.

## CORE FEATURES
1. **Hero Section**: Features the Livora logo prominently with engaging visuals of the product bottle, accompanied by key questions and answers that lead to the call-to-action button.
2. **Video Section**: Center-aligned video providing additional information about the product, enhancing user engagement.
3. **Offers Section**: Clear presentation of three product offers (Starter Pack, Complete Reset, Ultimate Support) with pricing and purchase buttons, tailored for both desktop and mobile views.
4. **Customer Reviews**: A testimonial section showcasing positive feedback from satisfied customers, helping to build trust and credibility.
5. **Special Offers**: Highlighting free ebooks for certain bundles, creating added value for potential customers.
6. **FAQ Section**: Addressing common queries to alleviate customer concerns and enhance user confidence.

## 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**: 
  - Header with logo and product name.
  - Hero section with product image and Q&A.
  - Video section with accompanying badges.
  - Offers section with horizontal alignment for desktop and vertical stacking for mobile.
  - Customer reviews and special offers below.
  - FAQ and contact information sections at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified but could use React Context or Redux if needed for state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling.
2. **Create Header Component**: Design a header that includes the Livora logo on the left and the product name centered.
3. **Build Hero Section**: Implement the hero section with the product bottle image, questions, and the "Get Livora" button.
4. **Add Video Section**: Integrate a video element below the hero section and include the specified badges underneath.
5. **Develop Offers Section**: Create a responsive layout for the offers, ensuring horizontal alignment on desktop and vertical stacking on mobile.
6. **Implement Customer Reviews**: Design a section for testimonials with fake reviews, ensuring visual appeal and legibility.
7. **Create Special Offers Section**: Highlight the free ebooks associated with the bundle offers.
8. **Add FAQ Section**: Include common questions and answers relevant to the product.
9. **Footer Section**: Implement contact buttons and legal information, ensuring all links direct to the correct pages.
10. **Test Responsiveness**: Ensure the page displays correctly across various devices and screen sizes.

## USER EXPERIENCE
Users will land on a visually engaging page, quickly identifying the product through clear headings and questions that resonate with their needs. The simple navigation and minimal text will guide them effortlessly through the offers and testimonials, encouraging them to make a purchase. The inclusion of FAQs and contact options will provide reassurance, while the clean layout will enhance readability for the target audience.