Case Study · 01Web Agency2025–2026 · 30 days

Built for ourselves first.

HeoLanding is our own agency site — not a demo, not a template. Built with the same stack, timeline, and process we offer every client. This is what we deliver.

Stack
Next.js · Tailwind · Claude AI
Timeline
30 days
Category
Web Agency
Status
Live
The Problem

Most agency sites don't work
for the agency.

Services list. Phone number. Contact form. A visitor arrives, reads two minutes, and leaves. Maybe they fill something out. Maybe you check email at 9am and the lead is cold by then.

We needed a site that works like a salesperson — one that qualifies visitors, captures leads, and keeps the conversation going at 2am while we sleep.

The typical agency site problem
Visitor lands on site
Reads services list
Has a question at 11pm
No one is there to answer
Leaves. Goes to a competitor.
Decision 01

Next.js over WordPress.
Always.

WordPress is fine. Webflow is fine. But they add layers you can't fully control — plugins, themes, visual builders that produce bloated HTML and unknown dependencies.

Next.js gives us server-rendered HTML from the first request, perfect Lighthouse scores, and complete control — from a $497 landing page to a $5,000 e-commerce store.

  • SSR — Google indexes real content, not JavaScript
  • Sub-second load times, green Core Web Vitals by default
  • Same stack from $497 landing page to $5,000 e-commerce
  • We eat our own cooking — if it works here, it works for you
Lighthouse · heolanding.com
98
Performance
96
SEO
94
Accessibility
100
Best Practices
First Contentful Paint0.8s
Largest Contentful Paint1.2s
Total Blocking Time0 ms
Cumulative Layout Shift0.001
Decision 02

Dark theme as a positioning statement.

Open ten local agency websites. Nine will have light backgrounds, blue CTAs, and stock photos of handshakes. Generic by default, indistinguishable from each other.

We chose obsidian + copper deliberately. The palette signals boutique and premium — not freelancer, not template. The client who sees this site and feels it is the client we want.

It also tests our own craft. Executing dark UI with proper contrast, accessible text, and clean hierarchy is harder than light. If we do it here, we can do it for you.

OBSIDIAN
#0C0A09
COPPER
#C87941
BONE
#F5F0EB

We build sites that convert.

Cormorant Garamond 300 · DM Sans 400

Most agency sites default to generic blue. Obsidian + copper signals premium, intentional work — and filters for the right client.

Decision 03

The chatbot that closes at 2am.

Business owners don't search for web agencies only during business hours. The moment of intent — when someone decides they need a site — can happen at any time.

We built a custom AI assistant powered by Claude (Anthropic) that greets visitors, understands their business, recommends the right service, and captures name + email before the conversation ends. Every lead arrives qualified, with context.

How it works
01Visitor opens chat → AI greets and asks about their business
02AI matches need to the right service from our menu
03Collects name + email to send a custom quote
04Sends instant notification with full conversation context
05Visitor gets a Calendly link to book a call directly
HL
HEO Landing
● Online 24/7
11:47 PM
Hey! I'm the HEO Landing assistant. Looking to grow your business online?
Yes — I need a website for my restaurant in Syracuse.
Great fit. We build landing pages starting at $497, delivered in 14 days. Can I get your name and email to send you a custom quote?
Sure — I'm Maria. maria@latrattoria-syracuse.com
Thanks Maria! Hussein will reach out within 24 hours. You can also book a free 15-min call: calendly.com/hesto81/15min
Type a message...

This conversation happened at 11:47 PM. No one was at the desk. The lead arrived in the inbox qualified, with context, ready to book.

The Result

This site is our portfolio.

Every decision we made for HeoLanding — the stack, the dark theme, the chatbot, the 30-day build — is exactly what we bring to client projects. Not a demo. Not a concept. The real thing, running live, generating leads.

When you hire HeoLanding, you're hiring the people who built this for themselves first.

Start your project →Book a free call