Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a gourmet popsicle store, designed to attract customers with a visually appealing and user-friendly interface. The website will feature a pink and white color scheme with modern 3D elements, focusing on promoting the unique offerings of the store.

## CORE FEATURES
1. **Hero Section**: A visually striking hero banner showcasing the gourmet popsicles, with a catchy tagline and a call-to-action (CTA) button encouraging visitors to explore the menu.
2. **Product Showcase**: A section highlighting popular flavors and unique offerings, featuring mouth-watering images and descriptions of each popsicle.
3. **About Us**: A brief section that tells the story of the store, its mission, and the quality ingredients used in the gourmet popsicles.
4. **Customer Testimonials**: A section featuring reviews and testimonials from satisfied customers, enhancing credibility and encouraging new visitors.
5. **Contact Form**: A simple contact form allowing potential customers to reach out for inquiries or special orders.
6. **Social Media Links**: Icons linking to social media profiles for 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 layout will follow a single-column structure, with the hero section at the top, followed by product showcase, about us, testimonials, and contact form sections, all designed for easy navigation on both desktop and mobile devices.

## 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 Project**: Initialize a new React project with TypeScript, and install Tailwind CSS and shadcn/ui.
2. **Create the Layout**:
   - Build the main layout components (Header, Footer) and implement the single-column structure.
3. **Design the Hero Section**:
   - Incorporate a background image or solid color with a catchy tagline and CTA button.
4. **Develop the Product Showcase**:
   - Create a grid layout to display popsicle images and descriptions.
5. **Add the About Us Section**:
   - Write engaging content about the store and its products.
6. **Implement Customer Testimonials**:
   - Design a section for testimonials with a carousel or static layout.
7. **Build the Contact Form**:
   - Set up a simple form with fields for name, email, and message.
8. **Integrate Social Media Links**:
   - Place social media icons in the footer for easy access.
9. **Test Responsiveness**: Ensure the site looks good on both desktop and mobile devices.
10. **Deploy the Website**: Use a platform like Vercel or Netlify for deployment.

## USER EXPERIENCE
Visitors will land on a vibrant hero section that immediately captures their attention. They can easily navigate through the product showcase to explore various flavors, learn about the brand in the "About Us" section, read customer testimonials for social proof, and contact the store through a straightforward form. The overall experience will prioritize simplicity and visual appeal, encouraging users to make a purchase or engage with the brand on social media.