Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Pamir Pizza Kebap is a landing page designed to showcase a kebab and pizza restaurant located in Vienna. The main purpose of the site is to provide potential customers with essential information, such as the menu, restaurant reviews, location, and contact details, while encouraging them to visit or place an order.

## CORE FEATURES
1. **Hero Section**: A captivating hero image with a brief introduction to Pamir Pizza Kebap, along with a clear call-to-action (CTA) button to encourage either visiting the restaurant or ordering online.
2. **Menu Overview**: A visually appealing section that highlights the restaurant's offerings, including kebabs, pizzas, and drinks, with enticing images and descriptions.
3. **Customer Reviews**: A section showcasing customer testimonials to build trust and provide social proof of the restaurant's quality and service.
4. **Location and Contact Info**: A map integration to display the restaurant's location along with contact details and operating hours.
5. **Social Media Links**: Buttons that link to the restaurant’s social media profiles for customers to follow and engage with updates.
6. **Newsletter Signup**: A simple form for visitors to subscribe to the restaurant's newsletter for promotions and updates.

## 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 single-page layout with sections for the hero, menu, testimonials, contact information, and newsletter signup, all easily navigable with smooth scrolling.

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

## IMPLEMENTATION STEPS
1. **Set up the React environment**: Initialize a new React project using Create React App with TypeScript.
2. **Install necessary libraries**: Add Tailwind CSS and shadcn/ui for styling and component usage. Configure Tailwind with PostCSS.
3. **Create main components**: Develop components for the Hero, Menu, Reviews, Contact, and Newsletter sections.
4. **Design the layout**: Apply Tailwind CSS classes to achieve a minimalist aesthetic with the specified primary color and typography.
5. **Implement responsive design**: Ensure that the layout is mobile-friendly and adapts well to different screen sizes, using Tailwind's responsive utilities.
6. **Add smooth scrolling**: Implement smooth scrolling for navigation links that jump to different sections of the page.
7. **Test the application**: Ensure all components function correctly and that the site is visually appealing across devices.

## USER EXPERIENCE
Visitors will land on a clean and engaging homepage that quickly communicates the restaurant's offerings and atmosphere. They can easily navigate through the sections, read reviews, view the menu, and find contact information. The CTA buttons will invite them to make a reservation or order online, providing a seamless experience that encourages patronage. The overall design will be intuitive, focusing on clarity and ease of access to information.