Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
The project is a modern, responsive landing page for **Lyacoffeshop**, a cozy café that emphasizes an aesthetic and elegant design. The focus will be on providing a visually impactful and user-friendly experience, encouraging visitors to learn about the café and place orders through WhatsApp.

## CORE FEATURES
1. **Navbar**: Includes the café logo and links to Home, Menu, About, and Contact sections, with animated hover effects for an interactive feel.
2. **Hero Section**: Welcomes visitors with a compelling title and subtitle, featuring a prominent CTA button that links directly to WhatsApp.
3. **Menu Section**: Displays a selection of five menu items in card format, with engaging animations for card appearance and hover effects.
4. **About Section**: Provides a brief description of Lyacoffeshop, emphasizing its cozy atmosphere with an attractive fade-in animation.
5. **Contact Section**: Displays café hours and location, featuring an active WhatsApp button for easy customer communication.
6. **Footer**: Simple footer with copyright information, incorporating a fade-in animation for a polished finish.

## 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 consists of a full-width navbar at the top, followed by a hero section, menu cards displayed in a grid format, an about section, contact information, and a footer. Each section will be clearly defined with ample spacing to enhance readability and user engagement.

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

## IMPLEMENTATION STEPS
1. Set up a new React project with TypeScript and Tailwind CSS.
2. Install required dependencies for shadcn/ui components.
3. Create the Navbar component with links to each section and hover animations.
4. Develop the Hero section with text and CTA button, implementing fade-in and slide-up animations.
5. Build the Menu section to display menu items in cards, incorporating fade and zoom animations on load and hover.
6. Create the About section with a brief café description and a fade-in animation.
7. Set up the Contact section with opening hours, address, and WhatsApp button, adding a bounce animation for the button.
8. Implement the Footer with copyright text and simple fade-in animation.
9. Ensure the design is responsive and mobile-friendly, testing on various devices.

## USER EXPERIENCE
Visitors will be greeted with a welcoming hero section, inviting them to explore the menu and learn more about the café. The smooth animations and clean layout will enhance their browsing experience, making it easy to navigate through sections and place orders via WhatsApp. The interactive elements will engage users and encourage them to interact with the café's offerings.
```