Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase a unique sweatshirt pattern themed around the concept of manifesting wealth. The main purpose of the landing page is to attract potential customers, highlight the distinctive design, and encourage them to make a purchase through a strong call to action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction featuring the sweatshirt pattern with a catchy tagline about manifesting wealth.
2. **Product Showcase**: A section displaying high-quality images of the sweatshirt from different angles, emphasizing the unique pattern and design.
3. **Benefits Section**: A brief explanation of the benefits of wearing the sweatshirt, including its motivational theme and stylish appearance.
4. **Customer Testimonials**: A section that includes quotes from satisfied customers who feel empowered wearing the sweatshirt.
5. **Call to Action (CTA)**: A prominent button encouraging visitors to purchase the sweatshirt, linking directly to a checkout or order form.
6. **Contact Information**: A simple contact form or email link for inquiries, allowing potential customers to reach out easily.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring readability and a fresh look.
- **Layout**: 
   - The hero section at the top, followed by the product showcase, benefits, testimonials, and CTA at the bottom. Each section should be visually distinct while maintaining a cohesive flow.
- **Typography**: 
   - Use a sans-serif font for headings (e.g., Montserrat) for modern appeal and a serif font for body text (e.g., Lora) for elegance. Ensure a clear hierarchy with larger sizes for headings and appropriate line spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui for reusable components such as buttons and cards.
- **State Management**: Not required for this landing page, but could use React's built-in state for modals or forms if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Build reusable components for the hero section, product showcase, benefits, testimonials, and CTA.
3. **Design Layout**: Using Tailwind CSS, structure the main layout with proper spacing and alignment for a clean look.
4. **Add Content**: Populate each section with compelling text and high-quality images of the sweatshirt.
5. **Implement Responsive Design**: Ensure the layout looks good on various screen sizes using Tailwind's responsive utility classes.
6. **Test Functionality**: Ensure all links and buttons work correctly and that the contact form is functional.

## USER EXPERIENCE
The user experience should be seamless, starting from the moment visitors arrive at the landing page. They should be greeted with a captivating hero section that draws them in. As they scroll, they’ll encounter engaging content that builds interest in the sweatshirt. Each section should encourage them to continue down the page toward the CTA, making it easy for them to understand the product's value and guiding them to make a purchase. The design should feel inviting and motivating, ensuring users leave with a positive impression.