Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a modern, mobile-friendly landing page for Straight Line Detailing, a vehicle detailing business in Hart, Michigan. The main purpose of this landing page is to provide essential information about the services offered, facilitate easy contact, and encourage potential customers to reach out or visit the business.

## CORE FEATURES
1. **Hero Section**: A compelling headline and short description that highlight the business's message, with prominent “Call Now” and “Get Directions” buttons for immediate customer action.
2. **Vehicle Services Section**: A visually appealing section showcasing the types of vehicles serviced, including cars, trucks, boats, campers, and motorcycles, to inform visitors of the business's versatility.
3. **Quality and Affordability Section**: An engaging area emphasizing the high-quality detailing services at affordable rates, reinforcing the business's commitment to customer satisfaction.
4. **Location and Contact Information**: A section displaying the business address, a clickable phone number, and a link for directions, ensuring customers can easily find and contact the business.
5. **Facebook Follow Button**: A link or button for visitors to follow the business on Facebook, enhancing social media engagement and community presence.

## 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 feature a vertical stacking of sections, starting with the hero section at the top, followed by vehicle services, quality and affordability, location and contact, and concluding with the Facebook follow button at the bottom.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and configure Tailwind CSS for styling.
2. **Create Layout Components**: Develop components for each section (Hero, Vehicle Services, Quality and Affordability, Location & Contact, Facebook Follow).
3. **Implement Hero Section**: Add the headline, description, and buttons with appropriate styling using the specified primary color and typography.
4. **Design Vehicle Services Section**: Use images and icons to represent each type of vehicle serviced, ensuring clarity and visual appeal.
5. **Add Quality and Affordability Section**: Craft concise copy that highlights the business's strengths without specifying prices or services.
6. **Build Location and Contact Section**: Include the address, clickable phone number, and integrate a map link for directions.
7. **Facebook Follow Button**: Add a link or button directing users to the Facebook page using a placeholder URL if the exact link is unknown.
8. **Test for Responsiveness**: Ensure the layout and components are mobile-friendly and adjust styles as necessary for various screen sizes.
9. **Deploy the Landing Page**: Choose a hosting platform and deploy the completed landing page for public access.

## USER EXPERIENCE
Users will experience a clean and inviting interface that allows them to quickly understand the services provided by Straight Line Detailing. The prominent "Call Now" and "Get Directions" buttons will facilitate immediate contact, while the organized layout ensures easy navigation through the information. The overall friendly tone of the content and accessible design promotes a welcoming atmosphere, encouraging potential customers to engage with the business.