Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for Skomager-Huset, a shoe repair business located in Silkeborg. The main purpose of the website is to provide essential information about the business, including location, contact details, opening hours, and customer reviews. The design will focus on a clean and minimalist aesthetic to enhance user experience and conversion.

## CORE FEATURES
1. **Hero Section**: A prominent introduction featuring the business name, a brief description, and a strong call-to-action button to encourage visitors to contact or find the location.
2. **Business Information**: Clear display of the address, phone number, and opening hours to facilitate customer inquiries and visits.
3. **Map Integration**: An embedded map showing the location of Skomager-Huset to help customers easily navigate to the business.
4. **Customer Reviews**: A section showcasing customer feedback to build trust and credibility, including star ratings and testimonial snippets.
5. **Contact Section**: A simple contact form for inquiries, along with clickable contact buttons for phone calls and directions.
6. **Social Sharing Options**: Buttons for sharing the website on social media to increase online presence and reach.

## 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-column layout with sections stacked vertically for simplicity, including a hero area, business information, reviews, and contact form.

## 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 Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Build the following components:
   - HeroSection
   - BusinessInfo
   - MapSection
   - ReviewsSection
   - ContactSection
4. **Implement Routing**: If necessary, set up routing for any potential future pages, though the focus is on the landing page.
5. **Styling**: Use Tailwind CSS to style components according to the provided design specifications and ensure responsiveness across devices.
6. **Content Integration**: Populate components with the relevant business information and customer reviews.
7. **Testing**: Test the website across different browsers and devices to ensure consistency and usability.

## USER EXPERIENCE
The user experience is centered around simplicity and ease of navigation. Users will be greeted with a clear hero section that captures their attention, followed by essential business information. The embedded map will assist in finding the location easily, while customer reviews will encourage trust. The contact section will facilitate inquiries with a responsive design, ensuring seamless access on both desktop and mobile devices. 

This landing page will serve as an effective marketing tool for Skomager-Huset, highlighting its services and making it easy for potential customers to get in touch.