Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase affiliate products from Shopee, specifically targeting fashion items and cute accessories for women. The main purpose is to provide recommendations that link to affiliate products, enabling users to earn commissions while maintaining a clean and girly aesthetic.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a catchy tagline and call-to-action button that leads users to featured products.
2. **Product Recommendations**: A curated list of affiliate products with images, descriptions, and direct links to Shopee for easy purchasing.
3. **Categories Section**: Different sections for various types of outfits or accessories, allowing users to easily navigate through recommendations.
4. **Testimonials**: A section for user reviews or quotes to build trust and encourage visitors to explore the products.
5. **Newsletter Signup**: An option for visitors to subscribe for updates on the latest fashion trends and product launches.
6. **Contact Form**: A simple form for users to reach out with inquiries or feedback.

## 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 be a single column with sections stacked vertically for easy scrolling, featuring a responsive grid for product displays.

## 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 React Project**: Initialize a new React project using Create React App and TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout**: Build the main layout structure with a single-column format using Tailwind's utility classes.
4. **Develop Components**: Create reusable components for the hero section, product cards, testimonials, and contact form.
5. **Fetch Affiliate Products**: Use a static array or an API (if applicable) to populate the product recommendations dynamically.
6. **Implement Responsiveness**: Ensure all components are responsive and adjust gracefully on different screen sizes using Tailwind's responsive utilities.
7. **Test Functionality**: Verify that all links direct to Shopee and that the contact form functions correctly.

## USER EXPERIENCE
Users will be greeted by an engaging hero section that clearly outlines the purpose of the site. They can easily browse through well-organized categories of recommended products. The layout will encourage exploration with smooth scrolling, while the testimonials will provide social proof. Users can subscribe for updates and reach out through the contact form, enhancing the overall interaction and engagement with the page.