Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for an authentic Italian shop named "Al Pacino". The main purpose is to create a personalized web presence that reflects traditional Italian elements, utilizing the colors of the Italian flag while presenting a clean, minimalist design. The site will showcase products, customer reviews, and social media links to enhance engagement and conversion.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction featuring the shop's logo and a brief welcome message, emphasizing the authenticity of Italian products.
2. **Product Showcase**: A section displaying featured products with images, descriptions, and prices, designed to attract visitors' attention.
3. **Customer Reviews**: A dedicated area for customer testimonials, fostering trust and credibility for potential buyers.
4. **Social Media Integration**: Links to the shop's social media profiles to encourage visitors to connect and follow updates.
5. **Call to Action (CTA)**: Prominent buttons encouraging users to browse products or contact the shop, enhancing conversion potential.
6. **Contact Information**: A simple contact form or details for inquiries, making it easy for customers to reach out.

## 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 structured one-page layout with a top navigation bar, followed by the hero section, product showcase, customer reviews, social media links, and contact information.

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

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Tailwind CSS**: Configure Tailwind CSS for styling by following the installation guide.
3. **Create the main layout**: Build a responsive layout with a header, main content area for sections, and footer.
4. **Implement the hero section**: Design the hero section with a logo and welcome text, utilizing the primary color for accents.
5. **Build the product showcase**: Create a grid layout to display products with images and descriptions.
6. **Add customer reviews**: Implement a reviews section with styled components for testimonials.
7. **Integrate social media links**: Provide icons and links for social media platforms in the footer or a dedicated section.
8. **Create the contact section**: Add a simple contact form or display contact information prominently.
9. **Test responsiveness**: Ensure the design is mobile-friendly and adjusts seamlessly across devices.
10. **Deploy the landing page**: Use a hosting service like Vercel or Netlify to make the site live.

## USER EXPERIENCE
Visitors will arrive at a visually appealing landing page that immediately communicates the shop's Italian heritage. They will be able to quickly navigate through the hero section, browse featured products, read customer testimonials, and connect via social media. The CTA buttons will guide them towards making purchases or inquiries, ensuring a smooth and engaging user experience.