Yogaflow Landing Page

Yogaflow screenshot

01 Overview

Yogaflow is a marketing site for a Jakarta-based yoga studio — a supportive community brand offering classes for every level. The single-page build runs Hero through eleven sections: activities, why-choose-us, studio story with animated stat counters, video, a month-switchable class schedule, five instructors, testimonials, pricing, FAQ and blog. Three membership tiers ($49 Welcome Pass, $89 Flow Flexible Packs, $120 Unlimited Flow). Built on React 18 + TypeScript + Vite + Tailwind v4, with all copy typed and isolated in src/data/ so content changes never touch markup. Motion is a first-class layer — pre-JS splash screen, typewriter headline, scroll reveals, count-ups and drifting polaroids — and every effect resolves instantly under prefers-reduced-motion so nothing can get stuck invisible. The branding is warm and editorial — peach (#FFAF73) on sand and night-brown, Fraunces display serif with Figtree/DM Sans, Caveat for handwritten accents.