🧩 Project Overview
An agency site that practices what it sells. Rather than a static marketing page that needs a developer for every copy change, this build ships with its own lightweight CMS: an authenticated backend area where services, works, and contact content are edited live and stored in Supabase.
The public side handles the marketing job — video hero, services with drill-down detail pages, a project showcase, and a substantial About section — while the backend handles the maintenance job.
✨ Core Features
Built-in admin CMS — authenticated backend with a rich content editor for services, our-works entries, and contact content, persisted to Supabase.
Dynamic service pages — a services index plus per-service detail routes generated from CMS data.
Our Works showcase — project index with individual case-study pages per slug.
Video hero banner — motion-led homepage opener.
Light/dark theming — theme provider with a user-facing toggle, persisted across the site.
Protected contact form — server-side CAPTCHA verification via a dedicated API route.
Deep About section — intro, what-I-do, journey, toolkit, core values, how-I-work, hobbies, social links, resume download, and CTA, built as composable sections.
SEO configured — next-sitemap wired into the build.
🖥️ Page Highlights
Home — video hero banner, services overview, our-work highlights.
Services — catalogue index with a drill-down detail page per service.
Our Works — project showcase with per-project case study pages.
About — multi-section narrative covering approach, values, toolkit, and journey.
Admin — authenticated editor for services, works, and contact content.
🔧 Technical Notes
Next.js App Router, TypeScript, Tailwind, Supabase (auth + data). Backend components are separated from public components; src/app/lib/ourworksServer.ts handles server-side data access. CAPTCHA verification lives at app/api/verify-captcha/route.ts.
Category | Technology |
|---|---|
Framework | Next.js (App Router) |
Language | TypeScript |
Styling | Tailwind CSS |
Database & Auth | Supabase (PostgreSQL + Auth) |
SEO | next-sitemap |