Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
CSalt Café is a landing page designed for a coffee shop that highlights its offerings, location, and customer reviews. The main purpose of this page is to attract customers by providing essential information and encouraging them to visit the café.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero section that includes the café's name, a tagline, and a call-to-action button for directions.
2. **About Section**: Brief description of CSalt Café, its ambiance, and menu highlights to entice visitors.
3. **Reviews Section**: Showcase customer reviews and ratings to build trust and credibility.
4. **Location Section**: An embedded map to easily guide customers to the café's physical location.
5. **Contact Section**: Simple contact form for inquiries or reservations, along with social media links.
6. **Call-to-Action Button**: Prominent button directing users to view the menu or make a reservation.

## 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-page layout structured into distinct sections for the hero, about, reviews, location, and contact, ensuring smooth scrolling and easy navigation.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop components for each section (Hero, About, Reviews, Location, Contact).
4. **Implement Layout**: Use Tailwind CSS to structure the layout with proper spacing and alignment.
5. **Add Functionality**: Implement smooth scrolling navigation links for each section.
6. **Deploy**: Host the landing page on a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
The user experience focuses on easy navigation through the landing page, with clear sections that guide visitors to the café's offerings. Users can quickly find essential information, read reviews, view the location on the map, and contact the café with minimal clicks, ensuring a seamless interaction that encourages them to visit CSalt Café.