Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves designing a minimalist e-commerce website for a multi-brand store specializing in garment undergarments and jewelry. The website will serve as a marketing platform to showcase products, enhance brand visibility, and facilitate online purchases, while providing an intuitive and pleasant shopping experience.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction featuring a prominent image slider showcasing best-selling products and promotions to capture user attention immediately.
2. **Product Catalog**: A clean and organized display of garment undergarments and jewelry, allowing users to filter by categories, materials, and brands for easy navigation.
3. **Product Detail Pages**: Each product will have a dedicated page with high-quality images, descriptions, pricing, and a prominent "Add to Cart" button to encourage purchases.
4. **Testimonials Section**: A section dedicated to customer reviews and testimonials to build trust and credibility among potential buyers.
5. **Call to Action (CTA)**: Strategically placed CTAs throughout the page to encourage users to explore products, sign up for newsletters, or make a purchase.
6. **Contact Information**: A footer section containing contact details and links to social media, allowing users to connect easily with customer support.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will be clean and simple, utilizing plenty of white space to enhance focus on key elements while keeping the overall aesthetic elegant and uncluttered.
- **Color Mode**: A light theme will be employed with dark text on light backgrounds, ensuring readability and a fresh feel.
- **Layout**: The main layout will be a single-page format with sections stacked vertically, including the hero, product catalog, testimonials, and contact information. Each section will have clear visual separations.
- **Typography**: Use a combination of sans-serif fonts for headers (e.g., Montserrat) and body text (e.g., Open Sans) to ensure clarity and readability. Maintain a consistent hierarchy with larger font sizes for headings and smaller for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling to ensure responsiveness and quick design iterations.
- **UI Components**: Implement shadcn/ui components for a polished and cohesive user interface.
- **State Management**: Use React Context API or Zustand for managing application state as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui in the project to handle styling and UI components.
3. **Create Core Components**: Develop reusable components for the hero section, product cards, testimonials, and footer.
4. **Implement Routing**: Set up React Router if needed for any potential product detail pages or additional sections.
5. **Style Components**: Use Tailwind CSS to apply the minimalist design principles, ensuring ample whitespace and appropriate font choices.
6. **Testing**: Conduct user testing to gather feedback and make necessary adjustments to improve user experience before launch.

## USER EXPERIENCE
The user journey begins with an engaging hero section that draws visitors in. Users can then browse through the product catalog, using filters to refine their search. Each product detail page will provide all necessary information, ensuring a seamless transition from browsing to purchasing. The testimonials section will help build confidence, while clearly visible CTAs will guide users towards taking action, such as adding products to their cart or contacting support. The overall experience will focus on simplicity and ease of navigation, making it enjoyable for users to explore and shop.