Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a clothing site that specializes in selling grunge, street wear, old money, and star boy-inspired clothing. The primary goal is to create an engaging online presence that showcases the brand's unique style and encourages visitors to explore and purchase products.

## CORE FEATURES
1. **Hero Section**: A visually striking hero area that highlights the brand and featured clothing collections, complete with a compelling call-to-action (CTA) button directing users to shop now.
2. **Product Showcase**: A section featuring a selection of popular or new items with images, brief descriptions, and pricing information to entice visitors.
3. **Brand Story**: A brief narrative about the brand's ethos and inspiration behind the clothing lines, fostering a connection with the audience.
4. **Testimonials**: A section showcasing customer reviews or feedback to build trust and credibility for the brand.
5. **Newsletter Signup**: A simple form for visitors to subscribe to the newsletter, encouraging engagement and repeat visits.
6. **Contact Information**: Clear contact details and links to social media to connect with the brand easily.

## 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 clear sections for the hero, product showcase, brand story, testimonials, newsletter signup, and contact information.

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

## IMPLEMENTATION STEPS
1. **Set up the React app**: Create a new React application using Create React App with TypeScript template.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create the layout**: Structure the landing page with sections for the hero, product showcase, brand story, testimonials, newsletter signup, and contact information.
4. **Implement the hero section**: Use appropriate typography and the primary color for the CTA button.
5. **Add the product showcase**: Create a grid layout to display product images and details using Tailwind CSS.
6. **Write the brand story**: Craft a compelling narrative and format it for readability.
7. **Display testimonials**: Collect and format customer feedback to include in the page.
8. **Build the newsletter signup**: Create a simple form that captures user emails.
9. **Add contact information**: Ensure the contact details and social media links are easily accessible.

## USER EXPERIENCE
Users will land on a visually appealing page that immediately communicates the brand's aesthetic. The hero section will captivate attention with vibrant imagery and a clear CTA. As users scroll, they will encounter various sections that provide insights into the product offerings and brand story, encouraging them to engage further with the content. The minimalist design will ensure a smooth experience with easy navigation and a focus on conversion. 

This prompt provides a clear and structured approach to creating a landing page that aligns with the user's vision for a clothing site.