Coffi is a coffee brand concept we rebuilt in Next.js using Delta Cafés as the design reference. Alongside the video hero, product strip, brand history, coffee cycle, journal and sustainability sections, 89 inner pages — including 36 product details and journal articles — are pre-rendered; a five-question coffee quiz matches visitors to one of seven profiles.
Lenis scrolling, GSAP ScrollTrigger transitions, Rive and Lottie animations, Chart.js charts and a physics-based photo-and-rope scene are driven by React client components. Product filters, draggable strips and mobile submenus were tested on desktop and mobile. Published on Vercel under the Coffi name, this is a front-end development concept based on the original Delta Cafés design.