Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a professional and unique landing page for "Dave's Hot Chicken Menu." The primary purpose of the site is to attract visitors, highlight the menu offerings, and improve search engine presence. The minimalist design will enhance user experience by focusing on content and usability.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a high-quality image of the signature dish, a catchy tagline, and a prominent call-to-action button to encourage users to explore the menu.
2. **Menu Showcase**: A visually appealing display of the menu items, including images, descriptions, and prices to entice potential customers.
3. **Testimonials**: A section highlighting customer reviews and experiences to build trust and credibility.
4. **About Us**: A brief section detailing the story behind Dave's Hot Chicken, creating a personal connection with visitors.
5. **Contact Information**: Easily accessible contact details and a simple contact form for inquiries.
6. **Call to Action (CTA)**: Strategically placed buttons throughout the site to encourage users to order online or visit the restaurant.

## 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 be structured in sections, including a hero area at the top, followed by the menu showcase, testimonials, about us, and contact sections. Each section will be distinct yet cohesive, utilizing ample white space for a clean look.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui for UI components.
2. **Create Components**: Build reusable components for the hero section, menu items, testimonials, about us, and contact form.
3. **Design Layout**: Use Flexbox and Grid utilities from Tailwind CSS to create the desired layout structure, ensuring responsiveness across devices.
4. **Integrate Typography**: Import Inter from Google Fonts and apply it to the headings and body text throughout the site.
5. **Implement Styling**: Apply the primary color #1978E5 to buttons, links, and highlights. Ensure all elements have the specified border radius of 8px.
6. **Optimize for SEO**: Include metadata, alt texts for images, and relevant keywords throughout the content to enhance visibility on search engines.

## USER EXPERIENCE
The user will have a smooth browsing experience with easy navigation through distinct sections. The hero section will immediately capture attention, while the menu showcase will provide clear options for potential customers. Testimonials will build trust, and the contact form will facilitate communication. The minimalist design will ensure that users focus on the content without distractions, leading to higher engagement and conversion rates.