Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a gourmet popsicle shop, designed to attract customers with a visually appealing and simple interface. The website will showcase the products, highlight the unique features of the gourmet popsicles, and provide a clear call-to-action for potential customers.

## CORE FEATURES
1. **Hero Section**: A visually striking hero banner featuring high-quality images of gourmet popsicles with a catchy tagline and a prominent call-to-action button to encourage purchases.
2. **Product Showcase**: A section displaying various gourmet popsicle flavors with enticing descriptions and prices, allowing customers to easily browse options.
3. **About Us**: A brief section describing the brand’s story, mission, and values to connect with customers on a personal level.
4. **Testimonials**: A section featuring customer reviews and testimonials to build trust and highlight the quality of the products.
5. **Contact Form**: A simple contact form for inquiries, allowing customers to reach out for more information or custom orders.
6. **Social Media Links**: Icons linking to social media profiles to encourage customers to follow and engage with the brand.

## 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 main layout will consist of a vertical flow starting with the Hero Section, followed by Product Showcase, About Us, Testimonials, and ending with the Contact Form. Each section will have clear headings and ample spacing for a clean look.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Not specified, but could use React's built-in state management for form handling.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Structure**: Build the main layout with components for each section: Hero, Product Showcase, About Us, Testimonials, and Contact Form.
4. **Style Components**: Use Tailwind CSS to apply styles according to the design specifications, ensuring to incorporate the primary color and typography.
5. **Add Content**: Populate each section with relevant content, including text and images for the products.
6. **Implement Contact Form**: Create a contact form component with basic validation and state management to handle submissions.
7. **Test Responsiveness**: Ensure that the landing page is fully responsive on different screen sizes and devices.
8. **Deploy**: Choose a deployment platform (like Vercel or Netlify) to publish the website.

## USER EXPERIENCE
Users will enjoy a seamless experience starting from the visually appealing hero section that immediately captures attention. As they scroll down, they will find well-organized sections that provide information without overwhelming them. The contact form will be easily accessible, allowing users to reach out effortlessly. The minimalist design will enhance usability, making navigation intuitive and enjoyable.