Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a digital marketing website that serves a diverse range of home services, including roofing, HVAC, electrical work, tree services, behavioral health, wellness services, dental, veterinary, retail, and e-commerce. The site will initially focus on a homepage but will be designed to accommodate multiple pages in the future. The design will adopt a bold black and white aesthetic inspired by 60s Italian style, with a focus on effective digital marketing strategies for Georgetown and Austin, Texas.

## CORE FEATURES
1. **Hero Section**: A striking hero area with a strong call-to-action (CTA) and visually appealing images that reflect the services offered.
2. **Services Overview**: A section detailing the various home services provided, with links to individual service pages for more information.
3. **Q&A Section**: An interactive Q&A area that addresses common queries and concerns, enhancing user engagement and providing valuable information.
4. **AI Tools Integration**: Features that leverage AI for lead nurturing, enabling users to receive personalized recommendations and follow-ups..
6. **Contact Information**: A dedicated contact section with a form for inquiries, encouraging leads and communication from potential clients.

## 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 be straightforward, focusing on a vertical flow with a clear hierarchy: starting with the hero section, followed by service descriptions, Q&A, testimonials, and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: [Specify if needed; e.g., React Context API or Redux]

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create the Layout**: Develop the main layout structure, ensuring a responsive design that adapts well to various screen sizes.
3. **Implement the Hero Section**: Design and incorporate the hero section with background images, headings, and a prominent CTA button.
4. **Build the Services Overview**: Create a section for showcasing different services, using cards or grids for visual appeal.
5. **Develop the Q&A Section**: Implement an interactive Q&A component that can dynamically display questions and answers.
6. **Integrate AI Tools**: Research and implement AI tools that can assist in lead nurturing, ensuring easy integration with the existing site.
7. **Add Testimonials**: Create a visually appealing section for displaying client testimonials, possibly using a carousel format.
8. **Create the Contact Form**: Develop a contact form that allows users to send inquiries directly from the website.
9. **Testing and Optimization**: Conduct thorough testing to ensure everything is functioning correctly and optimize for performance and SEO.
10. **Launch the Website**: Deploy the website live, ensuring it is accessible and user-friendly.

## USER EXPERIENCE
The user experience will focus on intuitive navigation, clear calls to action, and engaging content presentation. Users will easily find information about services, interact with the Q&A section for immediate answers, and be encouraged to reach out through the contact form. The design will enhance readability and engagement, ensuring that visitors will have a pleasant experience while exploring the site. The incorporation of AI tools will provide a personalized touch, guiding users through their journey effectively.