Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for selling shirts with a clean and minimalist design. The goal is to showcase the products effectively while ensuring a user-friendly experience that encourages conversions.

## CORE FEATURES
1. **Hero Section**: A prominent area at the top featuring a visually appealing image of shirts, a catchy slogan, and a strong call-to-action (CTA) button to encourage purchases.
2. **Product Showcase**: Display a selection of featured shirts with images, brief descriptions, and prices to entice visitors.
3. **Testimonials**: A section for customer reviews to build trust and credibility, highlighting positive experiences with the shirts.
4. **About Section**: A brief description of the brand or the story behind the shirts to connect with visitors emotionally.
5. **Contact Form**: A simple form for inquiries, allowing users to reach out for more information or support.

## 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 will be a single-column format, with each section stacked vertically. The hero section will take up the full width, followed by the product showcase, testimonials, about section, and contact form. Ample spacing will ensure clarity and focus on content.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build individual components for the hero section, product showcase, testimonials, about section, and contact form.
3. **Style Components**: Utilize Tailwind CSS to apply the minimalist design, incorporating the specified typography, color, and border radius.
4. **Add Content**: Populate components with relevant text and images for the shirts and user testimonials.
5. **Implement CTA**: Ensure the hero section's CTA button links to a purchase or product details page.
6. **Test Responsiveness**: Check the layout on various screen sizes and adjust styles as necessary to maintain usability.

## USER EXPERIENCE
Visitors will be greeted with a visually appealing hero section that draws them in. As they scroll, they will encounter the product showcase that highlights the shirts available for sale, followed by testimonials that build trust. The about section will provide a personal touch, connecting users to the brand's story. Finally, the contact form will be easily accessible for any inquiries, ensuring a smooth and engaging user journey throughout the landing page.