Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a premium product landing page for Ray-Ban Meta Smart Glasses Version 2.0. This landing page will showcase the innovative features of the smart glasses while providing potential customers with all necessary information to make a purchase decision. The design will follow a modern, minimalist aesthetic with a focus on conversion.

## CORE FEATURES
- **Hero Banner**: A visually striking introduction featuring the tagline "The World's First AI Lifestyle Companion" and an engaging call-to-action.
- **Animated Product Showcase**: Interactive animations demonstrating the smart glasses in action, highlighting their unique features.
- **Features Section**: Detailed descriptions of the smart glasses' capabilities, including AI Assistant, Live Translation, Health Monitoring, Smart Navigation, Memory Capture, Gesture Control, Meeting Assistant, and Adaptive Lens Technology.
- **Comparison Section**: A clear comparison between Ray-Ban Meta 1.0 and Version 2.0, showcasing improvements and new features.
- **Pricing Plans**: Clearly outlined pricing options for the smart glasses and available accessories.
- **Customer Reviews**: Testimonials from users emphasizing the benefits and experiences with the smart glasses.
- **FAQ Section**: Answers to common questions about the product, privacy, and security features.

## 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 consist of a vertical scroll format, starting with the hero banner, followed by the animated showcase, features, comparison, pricing, reviews, FAQ, and a pre-order button at the end.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API (if needed).

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components.
3. **Create the Layout**: Build the main layout structure using React components, ensuring each section (Hero Banner, Features, etc.) is modular.
4. **Implement the Hero Banner**: Design the hero section with the tagline and call-to-action button using Tailwind CSS.
5. **Add Animated Product Showcase**: Integrate animations for the product showcase, ensuring responsiveness and interactivity.
6. **Develop Features Section**: Create a visually appealing features section with icons and descriptions for each smart glasses feature.
7. **Build Comparison Section**: Construct a comparison table to highlight the differences between versions 1.0 and 2.0.
8. **Set Up Pricing Plans**: Design a clear pricing plan section that outlines the cost of glasses and accessories.
9. **Incorporate Customer Reviews**: Add a carousel or grid layout for customer testimonials.
10. **Include FAQ Section**: Compile frequently asked questions with an accordion-style dropdown for answers.
11. **Finalize Pre-order Button**: Ensure that the pre-order button is prominently displayed and functional.
12. **Optimize for Responsiveness**: Test the landing page on various devices to ensure a seamless experience.

## USER EXPERIENCE
Users will be greeted with an engaging hero banner that immediately communicates the product's unique value. As they scroll, they will encounter interactive elements that showcase the smart glasses' capabilities, supported by clear, informative text. The comparison section will help users understand the improvements made, while customer reviews will build trust. The FAQ section will address any uncertainties, leading to a straightforward pre-order process. The overall experience will be smooth, visually appealing, and designed to drive conversions.