Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a döner restaurant, designed to attract customers and provide essential information about the menu, location, and promotions. The main purpose is to create a visually appealing and simple interface that encourages visitors to visit the restaurant or order online.

## CORE FEATURES
1. **Hero Section**: A visually striking hero image of the döner offerings with an engaging tagline and a prominent call-to-action button (e.g., "Order Now").
2. **Menu Highlights**: A section showcasing popular menu items with images and brief descriptions to entice visitors' appetites.
3. **Location & Contact Information**: Clear display of the restaurant's address, phone number, and a contact form for inquiries.
4. **Customer Testimonials**: A rotating carousel of customer reviews to build trust and encourage new visitors.
5. **Promotions Section**: A dedicated area for current promotions or special offers to drive customer interest.
6. **Footer with Social Links**: Links to social media profiles and additional navigation links to enhance user engagement.

## 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-page structure with a fixed header, scrollable sections for the hero, menu, testimonials, and footer, ensuring all critical information is accessible without overwhelming the user.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this simple landing page but can be implemented if needed for dynamic content.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and component development.
3. **Create Layout Components**: Develop reusable components for the header, hero section, menu highlights, testimonials, and footer.
4. **Style Components**: Apply Tailwind CSS classes to ensure a minimalist design with proper spacing, colors, and typography.
5. **Implement Hero Section**: Add an attention-grabbing hero image and a call-to-action button.
6. **Add Menu Highlights**: Create a grid display for popular menu items, ensuring images and descriptions are clear and enticing.
7. **Set Up Contact Information**: Include the restaurant's contact details and a simple contact form.
8. **Incorporate Testimonials**: Use a carousel to display customer reviews dynamically.
9. **Promotions Section**: Add a section for ongoing promotions to attract customers.
10. **Finalize Footer**: Include links to social media and additional navigation, ensuring accessibility.

## USER EXPERIENCE
The landing page will focus on ease of navigation and quick access to information. Users will be greeted with a compelling hero section that encourages them to take action, followed by enticing visuals of the menu items. Testimonials will build trust, and the contact information will be easily accessible. The overall experience will be smooth, ensuring users can quickly navigate to sections of interest and make informed decisions about visiting the restaurant or placing an order online. The design will be responsive, adapting seamlessly across devices for optimal user engagement.