Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
LUNÉ is a high-converting e-commerce landing page designed to showcase and sell a specific product. The focus is on creating a visually appealing and minimalist experience that emphasizes the product's benefits while ensuring a smooth user journey towards conversion.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a strong tagline, product image, and a prominent call-to-action (CTA) button encouraging visitors to buy now.
2. **Product Features**: A section detailing the unique selling points of the product, presented in a clean format with icons or visuals to enhance understanding.
3. **Testimonials**: A dedicated area showcasing customer reviews and ratings to build trust and credibility.
4. **Pricing Information**: Clear pricing details, including any discounts or special offers, presented in an attractive layout to encourage purchases.
5. **Newsletter Sign-up**: An optional sign-up form for users to subscribe to updates and promotions, fostering future engagement.
6. **Contact Information**: A simple contact form or details for customer support, ensuring users can easily reach out with inquiries.

## 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-page layout with sections stacked vertically, ensuring smooth scrolling and easy navigation. The hero section at the top, followed by features, testimonials, pricing, and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not necessary for a landing page but can use React Context if needed for managing form states.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or your preferred setup.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and components.
3. **Create Layout Structure**: Build the main components for the Hero, Features, Testimonials, Pricing, Newsletter, and Contact sections.
4. **Implement Styling**: Apply Tailwind CSS classes to achieve the minimalist design, utilizing the specified primary color and typography.
5. **Add Functionality**: Implement the CTA buttons and the newsletter sign-up functionality, ensuring proper linking and validation.
6. **Optimize for Responsiveness**: Ensure all sections are responsive and maintain usability across various devices and screen sizes.
7. **Test and Deploy**: Conduct thorough testing for functionality and user experience, followed by deployment on a suitable platform (e.g., Vercel or Netlify).

## USER EXPERIENCE
The user journey begins with an engaging hero section that invites visitors to explore LUNÉ. As they scroll down, they encounter product features that highlight the benefits, backed by authentic testimonials that bolster trust. The seamless navigation encourages users to reach the pricing section easily, where they can see any promotions. The newsletter sign-up offers a value-add for users looking to stay informed, while the contact section ensures they can ask questions or voice concerns, contributing to a positive overall experience.