← Back to ADA
Internal Build — avaloncapitalgroup.co.za

The agency without a presence
cannot sell presence.
So we built ours first,
in fourteen days,
and documented everything.

This is not a portfolio piece. It is a live record of how ADA thinks, builds, and solves — on our own problem, before yours.

14Days, full build
17Pages unindexed at start
V2Audit tool, same week
LiveIn production today
Scroll
4Site sections built
5Blog posts written
2Full case studies
14 daysConcept to live

No website. No presence.
No room for excuses.

Avalon Capital Group launched with conviction but no digital foundation. ACG operates two divisions - Vantara, an acquisition brokerage operating across vehicles, property, and assets, and ADA, Avalon Digital Agency. Neither had a live presence. No page to send a prospect to. No credibility signal for inbound leads. No way for Google to find us.

The brief was simple and self-imposed: build the ACG digital ecosystem from scratch, document every decision, and use the process to sharpen ADA's own methodology. This site would become both our home base and our most detailed proof of work.

No web presence
ACG and both divisions had zero online footprint. Inbound leads had nowhere to land. Word-of-mouth was the only channel.
No credibility infrastructure
Two divisions doing real work - Vantara with active deal flow, ADA with a live client - but nothing to show for it publicly.
No positioning clarity
ACG, Vantara, and ADA each speak to different audiences. The architecture needed to serve all three without dilution.
No Google visibility
Even once built, the initial SPA architecture meant Googlebot could not read any page content. 17 pages unindexed. 1 indexed.

Every section designed,
written, and shipped.

The site needed to do three things simultaneously: position ACG as a credible parent group, position Vantara as a serious brokerage operation, and position ADA as an agency worth hiring. Three audiences, one architecture, zero margin for a generic output.

Design language was locked before a single line of code was written. Dark backgrounds, gold accents, editorial typography. Not because it looks premium - because it communicates that the people behind it make deliberate decisions. Every client who lands on this site sees the same rigour we would apply to theirs.

The entire build - architecture, copy, case studies, blog posts, bug fixes, SEO groundwork - shipped in fourteen days. Not because corners were cut. Because the team runs on an AI-augmented workflow that eliminates the gap between decision and execution.

Foundation
Brand, design system, architecture
Design language locked in before any code. ACG colour system established. Site architecture mapped across ACG home, Vantara, ADA, and Contact. Single index.html SPA deployed on Vercel from GitHub with auto-deploy on push.
Design DirectionVercelGitHub
Content build
All copy written and implemented
Full copywriting and build across every section: hero with authority strip, The Shift (AI awareness thesis), ADA methodology with four pillars, How We Work, pricing signal with three tiers, FAQ accordion, and a testimonial block using a real client quote. All WhatsApp CTAs wired to +27712205313 with pre-filled message context.
CopywritingCTAsWhatsApp
Depth content
Case studies, blog posts, founder presence
Five blog posts written and published to Insights. Full case study pages built for both clients - each with complete narrative and outcome framing. Digital business cards deployed for both founders at clean URLs. Founder section built with conviction-first positioning.
Case StudiesBlog PostsDigital Cards
Bug resolution
Navigation, z-index, routing fixes
Back button navigation diagnosed and fixed. A global JavaScript event listener was calling showPage('home') on all .back-btn elements, overriding individual onclick handlers. Removed the listener; each button now relies on its own routing. Z-index stacking resolved. Mobile viewport corrected.
JS DebugRoutingMobile
SEO groundwork
Sitemaps, structured data, canonical URLs
Sitemap submitted to Google Search Console. Clean URL routing via Vercel rewrites. JSON-LD structured data added for Organization, LocalBusiness, and FAQ schema. Both avaloncapitalgroup.co.za and afripact.net submitted to GSC.
Search ConsoleJSON-LDCanonical

17 pages built.
1 page visible to Google.

Root cause - identified
“Googlebot reads static HTML before JavaScript executes. Every page was returning the same content.”
GSC data showed a hard anomaly: 17 pages unindexed, 1 indexed. The investigation ran through three layers before hitting the root cause. First, a missing meta description update on route change. Then a bare canonical tag pointing nowhere. And finally the actual problem: the SPA was serving a single static index.html regardless of which URL was requested. When Googlebot hit /vantara, it received identical title, canonical, and body content as the homepage. Google correctly concluded they were duplicates and refused to index them.

This is the most common invisible failure in South African SME web builds. A site looks live. Analytics show visitors. The business owner believes they have a web presence. Google has indexed one page. Every service page, every location page, every piece of content - gone from search. The partial fixes applied to the HTML addressed symptoms, not cause. Only a structural change would fix it.
01
Diagnose
GSC data showed 1 indexed vs 17 unindexed. URL Inspection confirmed Googlebot was receiving identical HTML for every route. Dynamic head tags invisible to the crawler.
02
Decide
A plain HTML SPA cannot solve this structurally. Migration to Next.js 14 App Router chosen - the same solution applied to Afripact, the same result expected. TypeScript selected for a greenfield migration.
03
Migrate
Next.js 14 scaffolded in a dedicated nextjs-migration/ branch. API routes converted to Route Handlers. Each SPA page becoming its own server-rendered page.tsx with unique metadata export.

The site was live.
The offers page was built.
We still needed a reason
for strangers to talk to us.

A website without inbound is a brochure nobody picks up. The standard agency answer is paid advertising or cold outreach. Both cost money or time spent convincing someone who did not ask. Neither builds anything that compounds.

The answer we built was different: an AI-powered diagnostic tool that gives a business owner something genuinely valuable before we ask for anything. They submit their business details. The tool generates a scored report - revenue leakage calculated, specific gaps named, priority fixes ranked. The prospect does not receive a sales pitch. They receive a diagnosis.

Version one launched within the same week as the site. It was questionnaire-driven, scoring based on self-reported answers. Useful but limited. The problem became clear immediately: a business owner who says their website is “okay” might be serving a broken page to Google. Self-reporting cannot catch that.

Version two integrated live crawl data. The tool now fetches the submitted URL, parses the actual HTML, and extracts real metrics: meta description presence, H1 structure, image alt text, word count, internal links. It calls the PageSpeed Insights API for real Core Web Vitals. The report is no longer based on what the prospect thinks is happening. It is based on what is actually happening.

The first inbound lead arrived the same day the live crawl went live. Score: 1.8 out of 10. Bottom 15% of automotive businesses digitally. Estimated monthly revenue leakage: R20,000 to R37,000. They replied within the hour.

1.8First lead score / 10 - replied within the hour

* Client details are protected. A different name and business name have been used.

Every deliverable,
documented.

001
ACG Website — Full Build
Complete site architecture and build. ACG home, Vantara division, ADA division, Contact. All copy written and implemented from scratch. Premium design language applied throughout.
Live
002
Vantara Division Page
Full positioning and copy for the acquisition brokerage arm. Vehicles, property, assets. Advisory-first model communicated clearly. Audience-specific CTAs and WhatsApp routing.
Live
003
ADA Section — Full Methodology
Four methodology pillars, three pricing tiers (Foundation, Growth, Authority), How We Work, testimonial block with real client quote, FAQ accordion, case study cards, and conversion-focused close section.
Live
004
Case Studies — Two Clients
Dedicated full-page case studies for both clients. Complete narrative, context, and outcome framing. Linked from the ADA section with working back navigation.
Live
005
Insights Section — 5 Blog Posts
Five original articles written and published. Covering AI in business, digital infrastructure, the South African SME opportunity, and ADA's positioning thesis. SEO-oriented content with long-term compounding intent.
Live
006
Digital Business Cards
Founder digital business cards deployed at clean URLs. Tap or scan to open. Matching ACG design language. WhatsApp, call, and email actions built in.
Live
007
AI-Powered Audit Tool — V1 and V2
13-step diagnostic tool. V1 launched questionnaire-driven, same week as site. V2 upgraded to live website crawl, PageSpeed API integration, and Supabase lead capture - all within days. Real data, not self-reported.
Live
008
Google Search Console Setup
Both sites verified in GSC. Sitemaps submitted. URL inspection and manual indexing executed. Structured data (LocalBusiness, FAQ, Review schema) validated.
Live
009
Next.js 14 Migration
Full migration to App Router with TypeScript and Tailwind. Scaffolded in dedicated branch. Each SPA page becoming a server-rendered page.tsx. The structural fix that takes the site from 1 indexed page to full coverage.
In Progress

Built on tools that
move fast without breaking.

The same stack we recommend to clients. Two people, AI-augmented, no bureaucracy. Every tool earns its place.

Next.js 14
App Router, TypeScript, Tailwind. Server-side rendering that solves the Googlebot problem permanently.
Vercel
Auto-deploy on push. Every GitHub commit goes live within seconds. No manual deployment steps.
GitHub
Version control and deployment trigger. Branch-based workflow protects the live site during migration.
Claude Code
AI-augmented development inside VS Code. The primary build instrument for this entire project.
Google Search Console
Indexing diagnostics, structured data validation, sitemap submission. Where we caught the SPA failure.
Supabase
Lead data from every audit completion stored and queryable. Every inbound lead is a briefing document before the first call.

The build is done.
The compounding starts now.

This site is not finished - it is live and evolving. We treat our own presence the same way we treat client work: data informs the next move.

Complete
Next.js migration - merging to main
Migration shipped. Next.js App Router with TypeScript and Tailwind is now live on avaloncapitalgroup.co.za. Google went from 1 indexed page to 16 pages in the sitemap within hours of deployment.
Active
Audit tool - live data expansion
The crawl pipeline is live. Next integration pulls Google Places data - real review counts, ratings, profile completeness. Every dimension of the audit becomes evidence-based rather than self-reported.
GSC indexing - full coverage request
Sitemap resubmitted with 16 routes. URL inspection requested across all key pages. Google is now crawling the server-rendered build for the first time.
Desktop conversion analysis
Analytics data showing desktop user behaviour patterns. Scroll depth, section engagement, and click-through rates being analysed to identify friction points and scope the next round of optimisation.

This is our process
working on our own problem.
Imagine it working on yours.

Every methodology on this page is the same process we run for clients. The difference is you watched us apply it to ourselves - the diagnosis, the rebuild, the outreach system built from scratch in the same week the site went live.

We showed you the stack because the stack is not what you are buying. You are buying the judgment to know when a partial fix is not enough. The speed to move from diagnosis to deployed solution in the same week. The understanding of how a business actually converts.

Founder — Luyanda, ACG
“ADA is a two-person team running at a pace most agencies cannot match with ten. That is not a claim. This page is the evidence.”
Start a ProjectTry the Audit Tool