Timeless Coach Consult — Coaching website | An App Idea LLC

A fully static Next.js coaching site with editorial typography, service packages, and a resource library.

Next.js 16 staticTailwind CSS v4Cormorant GaramondVercel deploy
4 sectionsPages
Fully staticOutput
Vercel + CDNDeploy
TimelineStatic site, no backend
TeamSolo client build
PlatformWeb
ImpactWCAG AA · Multi-page
Problem

The challenge

Yvonne Howard needed a website that matched her coaching brand — thoughtful, premium, and accessible — without an unnecessary CMS or backend. The site needed service packages, a resource library, and a contact flow that worked without a form server.

Approach

How we built it

I built the site with Next.js 16 App Router in fully static output mode. Tailwind CSS v4 handles the design system, with brand tokens defined as CSS custom properties. next/image optimizes the AVIF and JPEG assets, next/font loads Cormorant Garamond and Raleway without layout shift, and the contact form uses a client-side mailto fallback.

Outcome

What shipped

Timeless Coach Consult launched as a performant, WCAG AA-compliant static site on Vercel — covering Yvonne's bio, services, resource library, and contact without any backend or CMS overhead. The brand identity translated cleanly from her Wix reference into a modern editorial format.

Results

Outcomes

  • Delivered a fully static Next.js site with App Router — no backend required — ready for Vercel deployment with a custom domain.
  • Built a multi-page structure: home, about, services with packages and FAQ, and a curated resources page with journal prompts.
  • Used Cormorant Garamond and Raleway for a premium editorial typographic identity aligned with the coach's brand.
Engineering

Tech stack

Next.js 16React 19Tailwind CSS v4TypeScriptVercelnext/imagenext/font
WebNext.jsCoachingStaticAccessibility
Links

Resources

← All workCoaching website