Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a modern Turkish restaurant that aims to create a warm, authentic, and cinematic atmosphere similar to the reference website. The primary goal is to showcase the restaurant's offerings, ambiance, and brand identity in a visually appealing and user-friendly manner.

## CORE FEATURES
1. **Immersive Hero Section**: A large, captivating hero section featuring high-quality images of delicious food and a warm restaurant atmosphere, designed to engage visitors immediately.
2. **Menu Showcase**: A dedicated section displaying the restaurant's menu items with enticing images and descriptions to highlight the culinary offerings.
3. **About Us**: A section that tells the restaurant's story, emphasizing its authenticity and premium quality, creating a connection with potential customers.
4. **Gallery**: A visually rich gallery of real restaurant photos to showcase the ambiance and dining experience, enhancing the restaurant's brand presence.
5. **Reservations CTA**: A prominent call-to-action button for making reservations, ensuring that visitors can easily book their dining experience.
6. **Contact Information**: A simple contact section with location details, phone number, and social media links, facilitating easy communication.

## 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 feature alternating sections with immersive hero images, a structured flow from the hero to menu items, about us, gallery, and contact, ensuring an intuitive user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: [Specify if needed, e.g., React Context API for managing global state]

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Install Dependencies**: Install shadcn/ui and any other required libraries.
3. **Create Layout Components**: Develop the main layout components that will be used across the landing page, including the header, hero section, and footer.
4. **Build Hero Section**: Implement the immersive hero section with high-quality images and a welcoming message.
5. **Develop Menu Showcase**: Create a dynamic menu showcase that pulls data from a static file or API.
6. **Design About Us Section**: Write and format the content for the about us section, ensuring it reflects the restaurant’s values.
7. **Create Gallery Section**: Implement a grid layout for the gallery showcasing real restaurant photos.
8. **Implement Reservations CTA**: Add a prominent button for reservations that links to a booking platform or a form.
9. **Finish Contact Information**: Complete the contact section with necessary details and links.
10. **Responsive Design**: Ensure the site is fully responsive and looks great on all screen sizes.
11. **Test and Deploy**: Conduct thorough testing for functionality and user experience before deploying the website.

## USER EXPERIENCE
The user experience will focus on an intuitive navigation flow, with a smooth transition between sections. Users will be greeted by a visually striking hero section that draws them in, followed by easy access to the menu, about us, and gallery sections. The reservation button will be prominently displayed, encouraging users to take action, while the contact section ensures they can easily connect with the restaurant. Overall, the design will evoke a warm, premium atmosphere that reflects the authenticity of the restaurant brand.