Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a visually appealing landing page for Santo Burreria, a Mexican restaurant located at Arco de Ánimas 4, León. The website will showcase the restaurant’s unique offerings, enhance customer engagement, and provide essential information about the restaurant, such as location, contact details, and menu highlights. 

## CORE FEATURES
1. **Hero Section**: A captivating hero area featuring a welcoming title, engaging copy, and a prominent "Get Started" button, accompanied by a large image showcasing the restaurant ambiance or food offerings.
2. **Featured In Section**: Display logos of notable publications or platforms that have featured Santo Burreria to build credibility.
3. **Testimonials Section**: A scrolling carousel featuring customer testimonials, each highlighting the dining experience and specific dishes enjoyed.
4. **How It Works Section**: Three cards detailing the dining experience, such as "Explore Our Menu," "Order Online," and "Visit Us," each with illustrative images.
5. **Mission Statement Section**: A brief description of the restaurant's mission and values, emphasizing the commitment to quality and customer satisfaction.
6. **Contact Us Section**: A straightforward contact form and details to encourage customer inquiries and reservations.

## 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 include a sticky top navigation with anchor links to all sections on the homepage, a clear visual hierarchy, and spacious sections for easy readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page as it does not include dynamic data management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop components for the hero section, featured in section, testimonials, how it works, mission statement, and contact us.
4. **Implement Layout**: Design the layout to include a sticky navigation bar that blurs the background while scrolling. Ensure responsive design from tablet breakpoints down.
5. **Add Animations**: Implement animations for content loading from 0 to 100 opacity and upward movement, as well as scroll-triggered opacity and blur effects.
6. **Style Components**: Use Tailwind CSS to style components according to the design specifications, ensuring consistency with the minimalist aesthetic.
7. **Test Responsiveness**: Ensure the site is fully responsive and the navigation collapses into a burger menu on smaller screens.

## USER EXPERIENCE
Customers will experience an intuitive and visually appealing website that clearly presents information about Santo Burreria. The hero section will immediately engage users, while the clean layout will guide them through testimonials and the mission statement, fostering a connection with the restaurant. The contact form will facilitate easy inquiries, enhancing user interaction and satisfaction. 

This prompt provides a comprehensive guide to creating a functional and aesthetically pleasing landing page for Santo Burreria, ensuring an engaging user experience while showcasing the restaurant's offerings.