Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for "Baltimore Hardwood Refinishing," a hardwood flooring business. The main purpose of the website is to showcase the services offered, highlight the quality of work, and encourage potential customers to reach out for quotes or consultations. The website will focus on conversion through a clean and minimalist design.

## CORE FEATURES
1. **Hero Section**: A prominent introductory area featuring an engaging headline, a brief description of the business, and a strong call-to-action (CTA) button to request a quote.
2. **Services Overview**: A section detailing the main services offered, such as hardwood refinishing, installation, and repair, accompanied by high-quality images and brief descriptions for each service.
3. **Testimonials**: A dedicated area to showcase customer reviews and testimonials, enhancing credibility and trust for potential clients.
4. **Gallery**: A visually appealing gallery displaying before-and-after images of completed projects to highlight the quality of work.
5. **Contact Form**: A simple contact form for inquiries, allowing potential customers to easily get in touch for more information or to request a quote.
6. **Footer**: A footer with essential information, including business hours, location, and links to social media profiles.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will feature a clean and simple aesthetic with plenty of white space to enhance readability and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and easy reading.
- **Layout**: A single-page layout structure organized as follows: Hero Section at the top, followed by Services Overview, Testimonials, Gallery, Contact Form, and Footer, all scrollable for a seamless user experience.
- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a legible serif font for body text (e.g., Merriweather) to maintain a professional yet approachable look.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust component management and type safety.
- **Styling**: Tailwind CSS to achieve the minimalist design and responsive layout with utility-first classes.
- **UI Components**: Utilize shadcn/ui for consistent and accessible component design.
- **State Management**: Not necessary for this landing page; local state management within React components will suffice.

## IMPLEMENTATION STEPS
1. Set up a new React project using Create React App with TypeScript.
2. Install Tailwind CSS and configure it for the project.
3. Create the main components: Hero, Services, Testimonials, Gallery, ContactForm, and Footer.
4. Design the Hero section with a captivating headline and CTA button.
5. Develop the Services Overview section with images and descriptions for each service.
6. Implement the Testimonials section using a carousel or grid layout for customer reviews.
7. Create the Gallery component with a responsive grid layout to display project images.
8. Build the Contact Form component with fields for name, email, phone, and message.
9. Style each component using Tailwind CSS to adhere to the minimalist design principles.
10. Ensure responsive design by testing the layout across various screen sizes.

## USER EXPERIENCE
Key user interactions include scrolling through the landing page to discover services, reading testimonials, viewing the gallery, and filling out the contact form. The CTA in the Hero section should stand out and encourage users to take action, while the overall layout remains intuitive and easy to navigate, ensuring a pleasant experience for potential customers.