Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for a pizza place that aims to attract customers through visually appealing design and engaging animations. The primary purpose is to showcase the menu, highlight special offers, and provide easy access to contact information, all while ensuring a clean and minimalist aesthetic.

## CORE FEATURES
1. **Hero Section**: A captivating hero section with an engaging background image of pizzas and a prominent call-to-action button to order online or view the menu.
2. **Menu Display**: A beautifully arranged menu section that lists the various pizza options with images and descriptions, allowing customers to easily browse offerings.
3. **Special Offers**: A dedicated section to highlight any current promotions or discounts to entice customers.
4. **Testimonials**: A section featuring customer reviews and testimonials to build trust and credibility.
5. **Contact Information**: Easy access to contact details and location with an embedded Google Map for navigation.
6. **Animated Effects**: Subtle animations in buttons and transitions to enhance user engagement without overwhelming the minimalist design.

## 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 structured with a full-width hero section at the top, followed by the menu and special offers in a two-column format, testimonials below, and a contact section at the bottom. Each section will have ample spacing to maintain the minimalist aesthetic.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Develop reusable components for the hero section, menu display, special offers, testimonials, and contact information.
3. **Implement Styling**: Use Tailwind CSS for styling, applying the specified design specifications (primary color, typography, border radius).
4. **Animate Elements**: Integrate animations using CSS transitions or a lightweight animation library for button hover effects and section transitions.
5. **Add Content**: Populate each section with placeholder content for the menu, testimonials, and special offers. Use sample images for visual appeal.
6. **Google Maps Integration**: Embed a Google Maps view in the contact section to show the pizza place's location.
7. **Testing**: Ensure the landing page is responsive and functions well on various devices and screen sizes.

## USER EXPERIENCE
The user will be greeted by an inviting hero section that draws attention with an enticing image and a clear call-to-action. As they scroll down, they will easily navigate through the menu and special offers, with testimonials providing social proof and reassurance. The minimalist design ensures that users can find the information they need quickly, while subtle animations enhance their experience without being distracting. The contact section allows for quick access to location details, encouraging them to visit or order online.