Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to serve as a visual demonstration for Churrascaria Bela Vista, a steakhouse located in Bauru, São Paulo. The primary purpose is to create a modern and sophisticated prototype that showcases the restaurant's menu, history, and contact information, enabling a personal presentation to the owner without incurring any costs.

## CORE FEATURES
1. **Hero Section**: A striking visual featuring a high-quality image of Churrascaria Bela Vista, the restaurant's name, and an impactful tagline based on verified public information.
2. **Menu Display**: A detailed menu section with real food items categorized into Marmitas, comidas, self-service, bebidas, and outros products, including descriptions and prices derived from verified sources.
3. **About Section**: A succinct overview of Churrascaria Bela Vista that includes only publicly available information regarding its history and values, ensuring authenticity.
4. **Contact Information**: A dedicated section with the restaurant's public address, phone number, and links to their social media, including a button for Instagram and delivery information if available.
5. **Call-to-Action Buttons**: Prominent buttons labeled "Ver Cardápio" and "Conheça a Churrascaria Bela Vista" that link to the respective sections of the page for easy navigation.
6. **Responsive Design**: Ensures the entire prototype is visually appealing and functional on both mobile and desktop devices.

## 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-scroll layout starting with a hero section, followed by menu items, an about section, and contact details, ensuring seamless navigation.

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

## IMPLEMENTATION STEPS
1. Set up a new React project with TypeScript and configure Tailwind CSS for styling.
2. Create a main App component that includes sections for the hero, menu, about, and contact.
3. Design the Hero section with a background image, restaurant name, and a tagline using the specified typography and color.
4. Develop the Menu section, dynamically generating items based on real data gathered from public sources.
5. Construct the About section, ensuring that only verified information is included.
6. Add the Contact section with links to social media and other contact methods.
7. Implement the Call-to-Action buttons with the specified links to enhance navigation.
8. Ensure the layout is responsive, testing on both mobile and desktop devices for optimal user experience.

## USER EXPERIENCE
Users will be greeted by a visually striking hero section that captures the essence of Churrascaria Bela Vista. They can easily navigate through the menu options and learn about the restaurant's background. The design focuses on simplicity and elegance, providing a seamless experience with clear calls to action that encourage users to explore the offerings. The prototype will be tested for functionality, with all buttons and links operating correctly, presenting a polished and professional appearance for the presentation to the restaurant owner.