# 🖤⚡ GHL FUNNEL BLUEPRINT — HireAI GHL Services
# Design System: Neon Minimal | Brand: HireAI
# Domain: go.hiremy-ai.com
# Built by MelAI ⚡ | April 2026

---

## FUNNEL STRUCTURE
- Page 1: go.hiremy-ai.com/book-a-call  → Landing Page
- Page 2: go.hiremy-ai.com/schedule     → Booking Page
- Page 3: go.hiremy-ai.com/thank-you    → Thank You Page

---

# PAGE 1 — LANDING PAGE

## COPY

### NAVBAR
- Logo: HireAI (white, Inter Bold, 20px, left-aligned)
- No nav links — distraction-free
- CTA button top right: "Book Your Free Call" → links to /schedule

### HERO SECTION
**Headline:**
Your Business Deserves a System That *Works While You Sleep*

**Subheadline:**
I build GoHighLevel systems that capture leads, follow up automatically, and close clients — so you can focus on the work you're actually good at.

**CTA Button:** Book Your Free Discovery Call →

**Trust micro-copy below button:**
✦ 30 minutes  ✦ No sales pressure  ✦ Walk away with a clear plan

---

### PAIN SECTION — "You're Losing Leads Right Now"
**Section Headline:**
You're *losing clients* you should be closing.

**Pain Card 1 — Leads fall through the cracks**
You get inquiries — then life happens, and three days later they've already hired someone else.

**Pain Card 2 — Follow-up is manual and exhausting**
You're copy-pasting the same messages, setting reminders, chasing people who should be chasing *you.*

**Pain Card 3 — Your tools don't talk to each other**
You've got Calendly here, email there, a spreadsheet somewhere — and nothing is connected.

---

### SOLUTION SECTION
**Section Headline:**
One platform. Every touchpoint. *Fully automated.*

**Benefit 1 — GHL Setup & Configuration**
From sub-account structure to branded domain — I set up your GHL the right way from day one so nothing breaks later.

**Benefit 2 — Automated Follow-Up Sequences**
SMS, email, voicemail drops — your leads get followed up within minutes, not days. Done-for-you workflows built around your exact offer.

**Benefit 3 — Funnels That Actually Convert**
Landing pages, booking flows, thank-you sequences — designed in your brand, tested live, and built to close.

---

### SOCIAL PROOF SECTION
**Headline:** Built for business owners who are *done winging it*

**Stats:**
- 50+  Businesses Automated
- 24hrs  Average Setup Time
- 100%  Done-For-You

---

### FINAL CTA SECTION
**Headline:** Ready to *stop doing everything manually?*

**Subheadline:**
Book a free 30-minute call. We'll map out exactly what your business needs — and you'll walk away with a clear action plan whether we work together or not.

**CTA Button:** Claim Your Free Strategy Call →

**Micro-copy:** Spots are limited. Book now before this week fills up.

---

## GHL PAGE BUILDER — SECTION BY SECTION

### SECTION 1: NAVBAR
- Background: #0C0A1A
- Logo: HireAI, white, Inter Bold, 20px
- CTA Button: gradient #FF2D78→#B44AFF, border-radius 999px, padding 12px 24px
- Padding: 20px top/bottom

### SECTION 2: HERO
- Background: #0C0A1A
- Section padding: 120px top, 100px bottom
- Headline: Playfair Display, 64px, Bold, #FFFFFF (italic on "Works While You Sleep")
- Subheadline: Inter, 20px, Regular, #B8B5D0
- Max width: 800px centered
- CTA Button: background linear-gradient(135deg, #FF2D78 0%, #B44AFF 100%), border-radius 999px, padding 18px 40px, Inter 16px Bold white
- Glow CSS: box-shadow: 0 0 30px rgba(255,45,120,0.4)
- Micro-copy: Inter 14px, #6E6A8E, letter-spacing 0.05em

### SECTION 3: PAIN CARDS
- Background: #121028
- Section padding: 96px top/bottom
- Section headline: Playfair Display, 48px, #FFFFFF, center, italic on "losing clients"
- Cards (3-col grid): background #1A1635, border 1px solid rgba(255,45,120,0.15), border-radius 16px, padding 32px
- Card icon: 24px, #FF2D78
- Card title: Inter, 18px, 600, #FFFFFF
- Card body: Inter, 16px, 400, #B8B5D0, line-height 1.6
- Card hover: border-color rgba(255,45,120,0.4), transition 0.3s

### SECTION 4: BENEFITS
- Background: #0C0A1A
- Section padding: 96px top/bottom
- Section headline: Playfair Display, 48px, center, #FFFFFF, italic on "Fully automated."
- Layout: 3 columns (icon + title + text)
- Icon: #FF2D78 gradient
- Title: Inter, 20px, 600, #FFFFFF
- Body: Inter, 16px, #B8B5D0
- Column gap: 48px

### SECTION 5: SOCIAL PROOF
- Background: #121028
- Padding: 80px top/bottom
- Headline: Playfair Display, 40px, #FFFFFF, center, italic on "done winging it"
- Stats row: 3 columns
- Stat number: 56px Bold, gradient text #FF2D78→#B44AFF
- Stat label: Inter 16px, #B8B5D0
- Gradient text CSS: -webkit-background-clip: text; -webkit-text-fill-color: transparent; background: linear-gradient(135deg, #FF2D78, #B44AFF)

### SECTION 6: FINAL CTA
- Background: linear-gradient(180deg, #0C0A1A 0%, #121028 100%)
- Padding: 100px top/bottom
- Headline: Playfair Display, 56px, #FFFFFF, center, max-width 700px
- Subheadline: Inter, 18px, #B8B5D0, center
- CTA Button: same as hero
- Micro-copy: Inter 13px, #6E6A8E, center

---

# PAGE 2 — BOOKING / CALENDAR PAGE

## COPY

**Above calendar:**
You're one step away.
Pick a time that works for you — the call is 30 minutes, and you'll walk away with a clear GHL roadmap for your business.

[CALENDAR WIDGET HERE]

**Below calendar:**
After booking, check your email for a confirmation + a short prep guide.
Questions? Message me at hello@hiremy-ai.com

## GHL PAGE BUILDER INSTRUCTIONS
- Background: #0C0A1A
- Section padding: 96px top/bottom
- Above-text headline: Playfair Display, 40px, #FFFFFF, center
- Above-text body: Inter, 18px, #B8B5D0, center
- Calendar widget: GHL native calendar block, max-width 700px, centered
- Calendar CSS: background: #1A1635 !important; border-radius: 16px; border: 1px solid rgba(255,45,120,0.2)
- Below text: Inter, 14px, #6E6A8E, center
- Email link color: #FF2D78

## CRITICAL SETUP
- Calendars → [your calendar] → Forms tab → attach Lead Intake Form
- Form fields: Name, Email, Phone, Business Name, "What's your #1 GHL challenge?"
- Set availability to your actual free times only

---

# PAGE 3 — THANK YOU PAGE

## COPY

**Headline:** You're booked. *Let's get to work.* 🎉

**Subheadline:**
Check your email for a confirmation and calendar invite. Can't wait to connect.

**Next Steps:**
1. ✅ Check your inbox — confirmation + calendar invite on the way
2. 📋 Think about your #1 business challenge to discuss on the call
3. 🕐 Show up 2 minutes early so we don't lose any time
4. 💬 Questions before we meet? Email hello@hiremy-ai.com

**Optional CTA:**
While you wait — follow along for daily GHL tips:
→ [Instagram] → [Facebook Group] → [LinkedIn]

**Support line:**
Need to reschedule? Use the link in your confirmation email or message me directly.

## GHL PAGE BUILDER INSTRUCTIONS
- Background: #0C0A1A
- Section padding: 120px top/bottom
- Headline: Playfair Display, 56px, #FFFFFF, center, italic on "Let's get to work."
- Subheadline: Inter, 20px, #B8B5D0, center
- Next steps container: #1A1635, border-radius 16px, padding 48px, border 1px solid rgba(255,45,120,0.2), max-width 600px, centered
- Step items: Inter, 18px, #FFFFFF, line-height 2
- Social CTAs: transparent background, 1px solid #FF2D78, pink text, rounded-full
- Support text: Inter, 14px, #6E6A8E, center

---

# GHL IMPLEMENTATION GUIDE — STEP BY STEP

## Step 1: Create the Funnel
1. Sub-Account → Sites → Funnels
2. Click + New Funnel
3. Name: "GHL Services — Discovery Call Funnel"
4. Start from scratch (not a template)
5. Add 3 steps: book-a-call / schedule / thank-you

## Step 2: Connect Your Domain
1. Sub-Account → Settings → Domains
2. + Add Domain → enter hiremy-ai.com
3. GHL shows you CNAME or A record
4. Go to DNS provider → add the record
5. Wait 5-15 min → verify in GHL
6. In Funnel Settings → assign domain → set path /book-a-call

## Step 3: Build Each Page
- Add Section → set background color (hex)
- Drag in: Headline, Sub-Headline, Paragraph, Button, Divider elements
- For 3-col cards: use Columns → add Card elements inside each
- For Calendar page: drag in Calendar element → select your calendar

## Step 4: Attach Lead Intake Form
1. Calendars → select your calendar
2. Forms tab → + Add Form
3. Create form: First Name, Last Name, Email, Phone, Business Name, Custom question
4. Save → form auto-attaches to calendar widget

## Step 5: Set Up Automation
Trigger: Appointment Booked (this calendar)
Actions:
- Send confirmation email (branded)
- Send SMS: "You're booked! See you [date/time]. — Melanie"
- Add tag: discovery-call-booked
- Move to Pipeline: GHL Services → Stage: "Discovery Call Scheduled"

## Step 6: Testing Checklist
- [ ] Open /book-a-call in incognito — page loads?
- [ ] All 3 pages live at correct URLs?
- [ ] CTA button on Page 1 goes to Page 2?
- [ ] Calendar widget loads and shows available times?
- [ ] Test-book → goes to Page 3?
- [ ] Confirmation email arrived?
- [ ] GHL contact created?
- [ ] Contact has discovery-call-booked tag?
- [ ] URL shows hiremy-ai.com (not .myhighlevel.com)?

---

# GLOBAL CUSTOM CSS
(Paste in Funnel Settings → Custom CSS)

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Inter:wght@400;500;600&display=swap');

* { box-sizing: border-box; }

body {
  background-color: #0C0A1A;
  font-family: 'Inter', sans-serif;
  color: #FFFFFF;
}

h1, h2, h3 {
  font-family: 'Playfair Display', serif;
}

.gradient-text {
  background: linear-gradient(135deg, #FF2D78 0%, #B44AFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.cta-btn, .hl-button {
  background: linear-gradient(135deg, #FF2D78 0%, #B44AFF 100%) !important;
  border-radius: 999px !important;
  padding: 18px 40px !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  border: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
}

.cta-btn:hover, .hl-button:hover {
  box-shadow: 0 0 40px rgba(255, 45, 120, 0.5) !important;
  transform: scale(1.02);
}

.card, .hl-card {
  background: #1A1635 !important;
  border: 1px solid rgba(255, 45, 120, 0.15) !important;
  border-radius: 16px !important;
  transition: border-color 0.3s ease;
}

.card:hover, .hl-card:hover {
  border-color: rgba(255, 45, 120, 0.4) !important;
}

section {
  padding: 96px 0;
}

.hero-section {
  padding: 120px 0 100px;
}

.content-max {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 48px;
}

---
Built by MelAI ⚡ | HireAI | April 2026