[cite_start]Based on the business details provided for **True North Air Conditioning**[cite: 1, 5], here is a comprehensive coding prompt you can use with an AI code generator (like Claude, ChatGPT, or V0) to build your website.

---

## 🚀 Website Coding Prompt

**Role:** You are an expert Full-Stack Web Developer and UI/UX Designer.

[cite_start]**Task:** Build a high-converting, mobile-responsive single-page website for **True North Air Conditioning**[cite: 1, 5].

**Technical Stack:** * **HTML5/CSS3** with **Tailwind CSS** for styling.
* [cite_start]**Lucide-React** for professional service icons[cite: 19].
* [cite_start]**Montserrat** for headings and **Open Sans** for body text[cite: 62, 63].

**Business Details to Include:**
* [cite_start]**Name:** True North Air Conditioning [cite: 5]
* [cite_start]**Category:** Air Conditioning Repair Service [cite: 8]
* [cite_start]**Address:** 6130 Lankershim Blvd, North Hollywood, CA 91606, USA [cite: 6]
* [cite_start]**Phone:** (818) 936-5290 [cite: 7]
* [cite_start]**Email:** info@truenorthairconditioning.site [cite: 11]
* [cite_start]**Service Area:** North Hollywood and surrounding areas (Granada Hills, Northridge, Porter Ranch, Mission Hills, Sylmar, Chatsworth)[cite: 9, 35, 41].

**Design Requirements:**
* [cite_start]**Color Palette:** Primary Blue (#0066CC), Accent Red (#CC0000), Cool Blue (#99CCFF), and Warm Orange (#FF9900)[cite: 55, 58].
* [cite_start]**Hero Section:** A strong headline "Professional HVAC Repair & Installation in North Hollywood, CA"[cite: 13]. [cite_start]Include a prominent "Call (818) 936-5290 for Same-Day Service" button[cite: 14].
* [cite_start]**Services Grid:** Create 6 cards with icons for: AC Repair & Installation, Heating Systems, HVAC Maintenance, Air Quality Solutions, Thermostat Installation, and Commercial HVAC[cite: 20, 25].
* [cite_start]**Trust Signals:** Feature 24/7 emergency support, free estimates, and HVAC certifications[cite: 16, 18].
* [cite_start]**Google Maps Integration:** Embed a responsive Google Map centered at 6130 Lankershim Blvd, North Hollywood, CA 91606[cite: 6, 49]. Use this embed link structure: `<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3299.4563825835496!2d-118.3813!3d34.1818!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c295967667822f%3A0x6e903673c0598858!2s6130%20Lankershim%20Blvd%2C%20North%20Hollywood%2C%20CA%2091606!5e0!3m2!1sen!2sus!4v1715000000000" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>`.

**Footer Requirements:**
* [cite_start]Include columns for: Contact Info, Quick Links to Service Areas (Granada Hills, Northridge, etc.), and Business Hours[cite: 35, 41].
* [cite_start]Display the phone number prominently with a click-to-call feature[cite: 92].
* [cite_start]Add a copyright notice and links to the service guarantee[cite: 96].

---

### Key Features to Implement:
1.  [cite_start]**Mobile-First Design:** Ensure call buttons are large and easy to tap[cite: 79, 81].
2.  [cite_start]**SEO Optimization:** Use meta titles like "Emergency AC Repair North Hollywood, CA"[cite: 73, 77].
3.  [cite_start]**Conversion Elements:** Include a simplified emergency service request form and a sticky "Call Now" button for mobile users[cite: 92, 94].