Giant AI Solutions: a bespoke agency site with a built-in client portal

The bottleneck

Most AI consultancies present themselves as a single marketing page. The reality of selling AI engineering is a longer relationship — prospects read about services, contact the firm, and once they sign, they need a place to see project artefacts, status, and structured communication. That work usually leaks across email, Slack, and shared drives.

The off-the-shelf path is to bolt a SaaS client portal onto a Webflow marketing site. Two domains, two auth systems, two design systems, and the seam is always visible. The consultancy then operates as two products instead of one.

What I built

A bespoke React + TypeScript SPA with two integrated experiences:

• Public marketing surface. Service pages, a contact flow, and a local-SEO template that spins up geo-targeted landing pages without copy-pasting the rest of the site.
• Auth-gated client area. Supabase handles login, sessions, and role assignment. Protected routes surface role-scoped views (client vs. admin) using the same component library and brand system.
• Single design system. Public site and client portal share Tailwind tokens, components, and copy primitives. No brand seam between "this is the marketing site" and "this is the client tool".

What changed

Marketing and client operations live under one domain with one auth layer. The local-SEO template means new geo-targeted pages cost minutes, not days. The client portal grows alongside the consultancy's actual workflow instead of fighting a SaaS portal's idea of what consulting work looks like.