Web · 2025
Kaffo
The marketing site for Kaffo, a software house — an animation-heavy, bilingual (AR/EN) Next.js site with smooth scroll and motion choreography.
Problem
A software house's own site is its loudest portfolio piece — it has to feel crafted, not templated. Kaffo's brand site is built to move: smooth scrolling, choreographed section reveals, and a bilingual layout that works in both Arabic (RTL) and English.
What it does
- Motion-led storytelling — GSAP + Framer Motion drive section animations; Lenis provides inertial smooth scroll throughout.
- Bilingual, RTL-aware — full Arabic / English with a right-to-left
layout via
stylis-plugin-rtl. - Rich media — Vidstack-powered video, Swiper carousels, and an illustrated, icon-driven services section.
Stack & build
Next.js 16 + React 19 with TypeScript, Tailwind v4, and Ant Design + MUI Joy
for components. next-auth is wired in for gated areas. The work here is
front-end craft: pacing the motion so it feels premium without getting in the
way, and keeping the RTL/LTR layouts honest.
Outcome
A polished, animation-forward marketing site for the agency — the front-end showcase piece among a set of more utilitarian platforms.