Lovable Prompt Creator - AI Prompt Generator

```markdown
# PROJECT DEFINITION
Create a landing page website for an electrician based in Austin. The website should feature animated scroll-through sequences to enhance user engagement and provide a seamless flow from the top to the bottom of the page. The goal is to effectively showcase the electrician's services, build trust with potential clients, and drive inquiries.

# DESIGN REQUIREMENTS
- **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.

# TECH STACK & CONSTRAINTS
- **Language**: HTML, CSS, JavaScript.
- **Frameworks**: Use a lightweight CSS framework (like Bootstrap or Tailwind CSS) for styling.
- **Animation Library**: Consider using AOS (Animate On Scroll) or similar for the animated scroll effects.
- Ensure the site is responsive and works well on mobile devices.

# BREAKDOWN INTO TASKS
1. **Set Up Project Structure**:
   - Create an HTML file for the main landing page.
   - Create a CSS file for custom styles.
   - Set up a JavaScript file for interactive elements.

2. **Design the Header Section**:
   - Include the electrician's logo, navigation links, and a hero image with a call-to-action button.

3. **Create the Services Section**:
   - List the services offered, using cards with icons and descriptions.

4. **Add Testimonials Section**:
   - Include customer reviews with a visually appealing layout.

5. **Implement Animated Scroll Effects**:
   - Use AOS for animations as users scroll through the page.

6. **Design the Contact Section**:
   - Create a form for inquiries and add contact information.

7. **Ensure Responsiveness**:
   - Use CSS media queries to adapt the layout for different screen sizes.

# IMPLEMENTATION GUIDANCE
1. Start by creating a basic HTML structure with a `<header>`, `<main>`, and `<footer>`.
2. Use CSS to style the layout according to the design requirements.
3. Implement JavaScript for any interactive components, such as form validation.
4. Integrate AOS for scroll animations by including its library in the project and initializing it in your JavaScript file.

# ITERATION STRATEGY
- After completing each section, test the layout and animations.
- Gather feedback on the design and user experience.
- Make necessary adjustments based on feedback to improve flow and engagement.

# TESTING & VALIDATION
- Test on multiple devices and browsers to ensure compatibility.
- Validate HTML and CSS using W3C validators.
- Check for responsiveness using browser developer tools.
- Ensure that all links and forms function correctly before final deployment.
```