Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Tasca Tosca is a landing page for a traditional Portuguese tavern-style restaurant that focuses on showcasing its unique offerings, including traditional clay dishes and cups. The website aims to provide a modern yet culturally rich atmosphere, inviting users to learn more about the restaurant, its menu, and how to visit.

## CORE FEATURES
1. **Hero Section**: A captivating hero image featuring the restaurant's ambiance along with a welcoming tagline and a prominent call-to-action button directing users to view the menu.
2. **Menu Highlights**: A section showcasing signature dishes with appealing images and brief descriptions to entice visitors.
3. **About Us**: A narrative that introduces the rich history and traditional values of Tasca Tosca, emphasizing its connection to Portuguese culture.
4. **Testimonials**: A section dedicated to customer reviews that builds trust and showcases the restaurant's reputation.
5. **Contact Information**: Clear details on how to reach the restaurant, including an embedded map for easy navigation.
6. **Reservation CTA**: A strong call-to-action encouraging users to make reservations, linking to a form or external booking system.

## 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 a full-width hero section at the top, followed by stacked sections for menu highlights, about us, testimonials, contact information, and a reservation CTA, ensuring a smooth scroll experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required, as the landing page will primarily display static content.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install required dependencies such as Tailwind CSS and shadcn/ui.
2. **Create Layout Structure**: Develop the overall layout using a combination of Tailwind CSS classes to achieve a responsive design.
3. **Develop Hero Section**: Implement the hero section with a background image, tagline, and call-to-action button styled with the primary color.
4. **Build Menu Highlights**: Create a grid or card layout for menu items, including images and descriptions, ensuring they are visually appealing.
5. **Write About Us Section**: Add a text block detailing the restaurant's history and cultural significance.
6. **Include Testimonials**: Design a carousel or a grid to display customer reviews effectively.
7. **Contact Information**: Add a section with contact details, an embedded Google map, and a contact form if needed.
8. **Finalize Reservation CTA**: Design a prominent button linking to the reservation system or form.

## USER EXPERIENCE
The key user interactions include smoothly navigating through sections via a user-friendly interface. Visitors can easily view the restaurant's offerings, read testimonials, and find contact information without unnecessary clutter. The use of a minimalist design ensures that the focus remains on the content, enhancing the overall experience for users looking to learn more about Tasca Tosca.