# GHL FUNNEL BUILD GUIDE — Melanie Elver GHL Services
## Design System: Neon Minimal
## Built by MelAI — April 2026

---

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

---

## STEP 1: Create the Funnel
1. Sub-Account → Sites → Funnels
2. Click + New Funnel → Start from Scratch
3. Name: Discovery Call Funnel - Melanie Elver
4. Add 3 steps: book-a-call / schedule / thank-you

## STEP 2: Connect Your Domain
1. Sub-Account → Settings → Domains
2. + Add Domain → hiremy-ai.com (or preferred domain)
3. Add the CNAME/A record at your DNS provider
4. Funnel Settings → assign domain → set path /book-a-call

---

# PAGE 1: LANDING PAGE (/book-a-call)

## Section 1 — Navbar
- Add: Full-Width Section
- Background: #0C0A1A
- Padding: 20px top/bottom
- 2-column row (80/20 split):
  - Left: Headline element → "Melanie Elver"
    - Font: Inter, 20px, Bold, #FFFFFF
    - "Melanie" colored #FF2D78
  - Right: Button → "Book Your Free Call"
    - BG: #FF2D78 (or gradient)
    - Text: white, 14px, Bold
    - Border radius: 50px (pill)
    - Padding: 12px 24px

## Section 2 — Hero
- Add: Full-Width Section
- Background: #0C0A1A
- Padding: 120px top, 100px bottom
- Center align, max-width 800px

Elements (in order):
1. Headline → "Your Business Deserves a System That Works While You Sleep"
   - Font: Playfair Display (or Georgia), 60px, Bold
   - Color: #FFFFFF
   - Italic on: "Works While You Sleep"
   - Line height: 1.2

2. Paragraph → "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."
   - Font: Inter, 18px, Regular
   - Color: #B8B5D0
   - Max-width: 600px, centered

3. Button → "Book Your Free Discovery Call →"
   - Background: #FF2D78 (or gradient #FF2D78 → #B44AFF)
   - Text: White, 16px, Bold
   - Border radius: 50px
   - Padding: 18px 40px
   - Custom CSS: box-shadow: 0 0 30px rgba(255,45,120,0.4)

4. Paragraph → "✦ 30 minutes  ✦ No sales pressure  ✦ Walk away with a clear plan"
   - Font: Inter, 13px
   - Color: #6E6A8E
   - Letter spacing: 0.05em, centered

## Section 3 — Pain Cards
- Add: Full-Width Section
- Background: #121028
- Padding: 96px top/bottom

1. Headline → "You're losing clients you should be closing."
   - Playfair Display, 44px, Bold, #FFFFFF, centered
   - Italic on: "losing clients"

2. 3-Column Row — each column is a card:
   - Container BG: #1A1635
   - Border: 1px solid rgba(255,45,120,0.2)
   - Border radius: 16px
   - Padding: 32px

   Card 1:
   - Title: "Leads Fall Through the Cracks" (Inter, 18px, Bold, White)
   - Body: "You get inquiries — then life happens, and three days later they've hired someone else." (Inter, 15px, #B8B5D0)

   Card 2:
   - Title: "Follow-Up Is Manual and Exhausting"
   - Body: "You're copy-pasting the same messages, chasing people who should be chasing you."

   Card 3:
   - Title: "Your Tools Don't Talk to Each Other"
   - Body: "Calendly here, email there, a spreadsheet somewhere — and nothing is connected."

## Section 4 — Benefits
- Add: Full-Width Section
- Background: #0C0A1A
- Padding: 96px top/bottom

1. Headline → "One platform. Every touchpoint. Fully automated."
   - Playfair Display, 44px, White, centered
   - Italic on: "Fully automated."

2. 3-Column Row:
   Col 1:
   - Title: "GHL Setup & Configuration" (Inter, 18px, Bold, White)
   - Body: "Sub-account structure, branded domain, all configured right from day one." (Inter, 15px, #B8B5D0)

   Col 2:
   - Title: "Automated Follow-Up Sequences"
   - Body: "SMS, email, voicemail drops — your leads get followed up within minutes, not days."

   Col 3:
   - Title: "Funnels That Actually Convert"
   - Body: "Landing pages, booking flows, thank-you sequences — designed in your brand and built to close."

## Section 5 — Stats
- Add: Full-Width Section
- Background: #121028
- Padding: 80px top/bottom

3-Column Row:
- Col 1: "50+" / "Businesses Automated"
- Col 2: "24hrs" / "Avg Setup Time"
- Col 3: "100%" / "Done-For-You"

- Stat numbers: 56px, Bold, color #FF2D78
- Labels: Inter, 14px, #B8B5D0, uppercase, letter-spacing 0.1em

## Section 6 — Final CTA
- Add: Full-Width Section
- Background: #0C0A1A
- Padding: 100px top/bottom, centered

1. Headline → "Ready to stop doing everything manually?"
   - Playfair Display, 48px, White, centered
   - Italic on: "stop doing everything manually"

2. Paragraph → "Book a free 30-minute call. Walk away with a clear GHL roadmap for your business — whether we work together or not."
   - Inter, 18px, #B8B5D0, centered

3. Button → "Claim Your Free Strategy Call →"
   - Same as hero button (pink, pill, glow)
   - Links to /schedule

4. Paragraph → "Spots are limited. Book before this week fills up."
   - Inter, 13px, #6E6A8E, centered

---

# PAGE 2: BOOKING PAGE (/schedule)

- Full-Width Section — BG: #0C0A1A, padding: 96px top/bottom

1. Headline → "You're one step away."
   - Playfair Display, 44px, White, centered

2. Paragraph → "Pick a time that works — 30 minutes, and you'll walk away with a clear GHL roadmap."
   - Inter, 18px, #B8B5D0, centered

3. Calendar Element (drag from elements panel)
   - Select your calendar
   - Max-width: 700px, centered

4. Paragraph → "Check your email after booking for a confirmation + prep guide. Questions? hello@hiremy-ai.com"
   - Inter, 14px, #6E6A8E, centered

CRITICAL: Calendars → your calendar → Forms tab → attach intake form:
- First Name, Last Name, Email, Phone, Business Name
- Custom: "What's your #1 GHL challenge?"

---

# PAGE 3: THANK YOU PAGE (/thank-you)

- Full-Width Section — BG: #0C0A1A, padding: 120px top/bottom

1. Headline → "You're booked. Let's get to work."
   - Playfair Display, 56px, White, centered
   - Italic on: "Let's get to work."

2. Paragraph → "Check your email for a confirmation and calendar invite. Can't wait to connect."
   - Inter, 20px, #B8B5D0, centered

3. Content Box / Card
   - BG: #1A1635, border: 1px solid rgba(255,45,120,0.2), radius: 16px, padding: 40px
   - Max-width: 580px, centered
   - 4 Paragraph elements:
     - "1. Check your inbox — confirmation + calendar invite on the way"
     - "2. Think about your #1 GHL challenge to discuss"
     - "3. Show up 2 minutes early so we don't lose time"
     - "4. Questions? Email hello@hiremy-ai.com"
   - Font: Inter, 17px, White, line-height 2

4. 3 Buttons (outline style):
   - Border: 1px solid #FF2D78, transparent BG, text #FF2D78, pill-shape
   - "Follow on Instagram" | "Join Facebook Group" | "Connect on LinkedIn"

5. Paragraph → "Need to reschedule? Use the link in your confirmation email."
   - Inter, 13px, #6E6A8E, centered

---

# GLOBAL CUSTOM CSS
Paste in Funnel Settings → Custom CSS:

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

h1,h2,h3 { font-family: 'Playfair Display', serif !important; }
body, p, .hl-text { font-family: 'Inter', sans-serif !important; }

.hl-button {
  background: linear-gradient(135deg, #FF2D78 0%, #B44AFF 100%) !important;
  border-radius: 999px !important;
  transition: all 0.3s ease !important;
}
.hl-button:hover {
  box-shadow: 0 0 40px rgba(255,45,120,0.5) !important;
  transform: scale(1.02) !important;
}
```

---

# COLOR REFERENCE (Quick Copy-Paste)

| Role | Hex |
|---|---|
| Background | #0C0A1A |
| Background Alt | #121028 |
| Surface/Cards | #1A1635 |
| Accent Pink | #FF2D78 |
| Accent Violet | #B44AFF |
| Text Primary | #FFFFFF |
| Text Secondary | #B8B5D0 |
| Text Muted | #6E6A8E |
| Card Border | rgba(255,45,120,0.2) |
| CTA Gradient | linear-gradient(135deg, #FF2D78 0%, #B44AFF 100%) |
| Button Glow | box-shadow: 0 0 30px rgba(255,45,120,0.4) |

---

# POST-BUILD AUTOMATION

Set up this workflow after funnel is live:

Trigger: Appointment Booked (from this calendar)
Actions:
1. Send confirmation email (branded Neon Minimal design)
2. Send SMS: "You're booked! See you [date/time]. — Melanie"
3. Add tag: discovery-call-booked
4. Move to Pipeline: GHL Services → Stage: "Discovery Call Scheduled"

---

# TESTING CHECKLIST

- [ ] /book-a-call loads in incognito with your domain
- [ ] URL shows your domain (not .myhighlevel.com)
- [ ] All sections render with correct colors
- [ ] CTA button on Page 1 goes to /schedule
- [ ] Calendar loads and shows available times
- [ ] Test-book → lands on /thank-you
- [ ] Confirmation email arrives
- [ ] New contact created in GHL
- [ ] Contact has "discovery-call-booked" tag
- [ ] Record Loom showing all 3 pages + URL bar

---

Built by MelAI for Melanie Elver | Neon Minimal Design System | April 2026