Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for a local business. The main purpose is to showcase the business’s services, attract potential customers, and provide essential information in a clean and engaging format. The focus will be on a minimalist design that enhances user experience while effectively communicating the business’s brand.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that includes the business name, tagline, and a call-to-action (CTA) button to encourage visitors to learn more or contact the business.
2. **Services Overview**: A brief description of the services offered by the business, utilizing icons or images to represent each service for visual impact.
3. **Testimonials**: A section dedicated to customer feedback and reviews to build trust and credibility with potential clients.
4. **Contact Information**: Clear contact details with a simple contact form for inquiries, including fields for name, email, and message.
5. **Location Map**: An embedded Google Map displaying the business location to help visitors find it easily.
6. **Call to Action**: A prominent CTA at the bottom of the page to encourage users to take action, such as scheduling an appointment or visiting the store.

## 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 should follow a single-column structure for mobile-first design, transitioning to a multi-column layout for larger screens. Sections should be clearly defined with ample spacing to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui for consistent UI elements.
- **State Management**: Not required for this project since it is a static landing page.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Structure**: Develop the main components for the Hero section, Services Overview, Testimonials, Contact Information, Location Map, and Call to Action.
3. **Implement Styling**: Utilize Tailwind CSS classes to achieve a minimalist design with the specified color scheme and typography.
4. **Add Functionality**: Implement the contact form with basic validation and ensure that the map displays correctly.
5. **Optimize for Responsiveness**: Test and adjust the layout to ensure it is responsive on various devices.
6. **Deploy the Landing Page**: Choose a suitable hosting service to deploy the landing page and ensure it is accessible online.

## USER EXPERIENCE
Key user interactions will include easy navigation through the sections of the landing page, straightforward access to contact information, and engaging with the testimonials. The emphasis on a clean layout and well-defined CTAs will guide users toward taking action, such as reaching out for more details or visiting the business location. Additionally, the responsive design will ensure a seamless experience across devices, enhancing user satisfaction.