Coffi — концепт сайта кофейного бренда, который мы воссоздали на Next.js, взяв дизайн Delta Cafés за образец. Помимо видео на первом экране, ленты продуктов, истории бренда, кофейного цикла, журнала и раздела об устойчивом развитии, заранее генерируются 89 внутренних страниц, включая 36 карточек продуктов и статьи журнала; кофейный тест из пяти вопросов подбирает посетителю один из семи профилей.
Плавная прокрутка Lenis, переходы GSAP ScrollTrigger, анимации Rive и Lottie, графики Chart.js и сцена с фотографиями на верёвке с физикой управляются клиентскими React-компонентами. Фильтры продуктов, перетаскиваемые ленты и мобильные подменю проверены на десктопе и мобильных. Проект опубликован на Vercel под именем Coffi как концепт фронтенд-разработки на основе оригинального дизайна Delta Cafés.