Klam
Marketing website for Klam, a video-first dating app built for genuine connections. Safety-focused, fully accessible (WCAG 2.2 AA), and optimised for Core Web Vitals.
The Challenge
Build a high-performance, SEO-optimised marketing site for a pre-launch dating app that communicates trust and safety to potential users while meeting WCAG 2.2 AA accessibility standards.
The Solution
Built a Next.js 15 App Router site with all marketing copy centralised in a single config file, self-hosted fonts via next/font, and server components by default — achieving strong Core Web Vitals scores, full accessibility compliance, and easy content updates without touching component code.
Key Features
- •Video-first dating concept showcase with a step-by-step how-it-works flow
- •Feature grid highlighting safety, verified profiles, and mutual-consent video calls
- •WCAG 2.2 AA accessible components: keyboard-navigable FAQ accordion, skip-to-content link, and responsive mobile menu
- •Centralised content config for zero-code marketing copy updates
- •Dynamic sitemap.xml and robots.txt generation for SEO
- •JSON-LD structured data: Organization, MobileApplication, and FAQPage schemas
- •Core Web Vitals RUM instrumentation via web-vitals library
- •PWA manifest with full favicon and Open Graph image asset pipeline
Technologies
Next.js 15React 19TypeScriptTailwind CSSFramer Motion
