Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a minimalist e-commerce landing page that showcases a variety of clothing selections, including t-shirts, sweaters, jeans, jackets, shoes, hoodies, belts, pants, and accessories. The site will prioritize a clean design and user-friendly experience, focusing on conversion through a visually appealing interface.

## CORE FEATURES
1. **Hero Section**: A prominent hero area with a captivating image and a tagline that conveys the brand's identity, paired with a call-to-action button directing users to the product catalog.
2. **Product Categories**: A simple layout that highlights different clothing categories, allowing users to quickly navigate to their desired section.
3. **Featured Products**: A selection of showcased products with images, brief descriptions, and prices, encouraging users to explore more.
4. **Testimonials**: A section displaying customer feedback and reviews to build trust and credibility.
5. **Newsletter Signup**: An area for users to subscribe to updates and promotions, enhancing engagement and retention.
6. **Contact Information**: A straightforward contact section with basic details for customer 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 featuring a top navigation bar, followed by the hero section, product categories, featured products, testimonials, newsletter signup, and contact information, all arranged in a vertical flow for easy scrolling.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (optional for managing global state)

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create components**: Develop reusable components for the hero section, product categories, featured products, testimonials, newsletter signup, and contact information.
3. **Implement routing**: Use React Router for navigation if needed, but primarily focus on a single-page structure.
4. **Style components**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring a cohesive look and feel throughout the application.
5. **Add interactivity**: Implement features such as hover effects, button animations, and responsive design to enhance user experience.
6. **Deploy the site**: Use a hosting service like Vercel or Netlify to deploy the landing page for public access.

## USER EXPERIENCE
Users will be greeted by a clean, spacious hero section that draws attention to the brand. Navigation will be intuitive, allowing users to quickly view different clothing categories and featured products. The testimonials will create a sense of community and trust, while the newsletter signup will encourage ongoing engagement. The overall experience will be seamless, with a focus on easy navigation, minimal distractions, and a responsive design suitable for all devices.