Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page for a makeup and skincare website focused on aesthetic appeal and simplicity. It aims to attract visitors with a clean design while showcasing products effectively, promoting conversions through a well-structured layout and engaging user experience.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero image with a tagline and a prominent call-to-action button encouraging visitors to explore products.
2. **Product Showcase**: A section featuring highlighted products with images, brief descriptions, and links to purchase or learn more.
3. **Testimonials**: A carousel or grid layout showcasing customer reviews and testimonials to build trust and credibility.
4. **About Section**: A brief description of the brand's philosophy and mission, establishing an emotional connection with visitors.
5. **Newsletter Signup**: A simple form for visitors to subscribe to updates and promotions, enhancing engagement and building a customer base.
6. **Contact Information**: Clear contact details and a simple contact form for inquiries to facilitate communication.

## 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 have a vertical flow with the hero section at the top, followed by product showcases, testimonials, the about section, a newsletter signup, and contact information at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified, as state management may not be necessary for a simple landing page.

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and configure it for the project.
3. **Create Components**: Develop reusable components such as `Hero`, `ProductCard`, `Testimonial`, `About`, `Newsletter`, and `ContactForm`.
4. **Implement Layout**: Utilize Tailwind CSS for layout styling, ensuring responsiveness and alignment with the minimalist design principles.
5. **Add Content**: Populate the components with relevant content, including images, text, and links.
6. **Test Responsiveness**: Ensure that the landing page is fully responsive across various devices and screen sizes.
7. **Deploy**: Deploy the landing page to a hosting service for public access.

## USER EXPERIENCE
Visitors will interact with the landing page through smooth scrolling to navigate between sections. The hero section will capture their attention with a strong visual and call to action. As they scroll, they'll encounter product showcases that entice them to learn more. Testimonials will provide social proof, while the about section will build a connection. The newsletter signup will encourage them to stay engaged, and the contact form will facilitate direct communication. The overall experience should feel seamless and inviting, encouraging conversions.