Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project entails creating a cinematic landing page for a product, emphasizing a minimalist design approach. The purpose is to showcase the product through engaging visuals and animations, ensuring a captivating user experience that highlights key features and encourages conversions.

## CORE FEATURES
1. **Hero Section**: A visually striking hero area with a prominent product image and a compelling tagline to grab user attention immediately.
2. **Product Showcase**: A section dedicated to high-quality images of the product, featuring both in-hand and standalone shots to highlight its design and functionality.
3. **Features Overview**: A concise description of the product's key features, presented in an engaging and visually appealing format.
4. **Call to Action (CTA)**: A clear and compelling CTA encouraging visitors to take action, such as purchasing the product or signing up for more information.
5. **Testimonials**: A section for customer testimonials to build trust and credibility through social proof.
6. **Contact Information**: A simple contact section 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**: A single-column layout with sections stacked vertically, ensuring a seamless flow from one section to the next, utilizing white space effectively for readability.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using TypeScript and install Tailwind CSS.
2. **Create Main Layout**: Structure the main layout with a header, main content area, and footer using Tailwind CSS for styling.
3. **Build Hero Section**: Implement the hero section with a large product image, tagline, and primary CTA button styled with the primary color.
4. **Add Product Showcase**: Include image elements for the product in both hand and standalone positions, ensuring proper alignment and spacing.
5. **Features Section**: Create a visually appealing grid or card layout to present the product features.
6. **Testimonials Section**: Implement a carousel or grid for customer testimonials to enhance engagement and credibility.
7. **Contact Section**: Design a simple contact form or provide contact details with a CTA to encourage user interaction.
8. **Final Touches**: Add animations and transitions for a cinematic effect, ensuring the page loads quickly and is responsive across devices.

## USER EXPERIENCE
Users will be greeted by a captivating hero section that draws them in, followed by visually rich product showcases that provide a detailed view of the product. The features overview will succinctly communicate the value proposition, while testimonials will foster trust. The CTA will be prominently displayed, guiding users toward taking action and ensuring a smooth navigation experience throughout the landing page. 

This comprehensive prompt outlines a clear path to building a cinematic, minimalist landing page that effectively showcases the product and engages potential customers.