Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase a fashion and clothing brand that emphasizes high-quality products at reasonable prices. The page will highlight the brand's various collections and focus on converting visitors into customers through an engaging and visually appealing design.

## CORE FEATURES
1. **Hero Section**: An impactful introductory section featuring a captivating headline, subheadline, and a call-to-action button inviting users to explore collections.
2. **Featured Collections**: A showcase of the latest or most popular clothing collections with images and brief descriptions to entice users.
3. **Quality Assurance**: A section dedicated to highlighting the quality of the clothing, including materials used and craftsmanship details.
4. **Customer Testimonials**: Real feedback from satisfied customers to build trust and credibility around the brand.
5. **Call-to-Action**: Strategically placed buttons encouraging users to shop now or view specific collections.
6. **Contact Information**: A simple footer with contact details and links to social media for further engagement.

## 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 a vertical scroll, featuring sections that flow seamlessly from hero to testimonials, ensuring a logical progression for users.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**:
   - Develop the Hero section component with a headline, subheadline, and CTA button.
   - Create a Featured Collections component to display collection cards using images and descriptions.
   - Design a Quality Assurance section that highlights craftsmanship.
   - Implement a Testimonials component that cycles through customer reviews.
   - Build a Footer for contact information and social media links.
3. **Responsive Design**: Ensure all components are responsive, using Tailwind's utility classes to adjust layouts for different screen sizes.
4. **Styling**: Apply the specified color scheme, typography, and border radius to all components.
5. **Testing**: Test the landing page across multiple devices and browsers to ensure a consistent user experience.

## USER EXPERIENCE
Users will land on a visually appealing homepage that immediately communicates the brand's value proposition. The intuitive navigation allows users to scroll through sections easily, view collections, read testimonials, and contact the brand. Calls-to-action are clearly visible, encouraging users to make purchases or engage further with the brand, leading to a seamless and enjoyable shopping experience.