← Back to Portfolio ProjectsWeb Engineering • 2025
WEBClient: Ceylon Biscuits Limited (CBL)Role: Full Stack Developer

CBL Corporate Platform

Enterprise Revamp & UI Evolution for Ceylon Biscuits Limited

Visit Live Platform ↗View Figma Design Spec ↗
UI / UX Evolution Timeline

3-Stage Architecture Transformation

Current Production UI1 of 42 Live Screenshots
Fullscreen 🔍
Stage 2: Current Live UI
Current Live Platform Screenshot Gallery (42 Photos)Click any photo to view Fullscreen

Stage 2: Current Live UI

The active production deployment featuring sleek dark/light corporate aesthetics, responsive component system, dynamic product catalogs, and sub-second rendering.

Project Overview

Complete corporate digital revamp for Ceylon Biscuits Limited (CBL Natural Foods), one of South Asia's largest food manufacturers. Built using Next.js 15 with Turbopack, React 19, Redux Toolkit, and Tailwind CSS, integrated with Azure Cloud REST APIs, multi-lingual internationalization (Next-Intl), Lenis smooth scrolling, Three.js 3D animations, and GSAP micro-interactions.

Key Technical Deliverables

  • ✓Built modern SSR & PWA web architecture using Next.js 15, React 19, and TypeScript
  • ✓Integrated multi-language internationalization (Next-Intl / i18next) for global export markets
  • ✓Created immersive 3D & smooth scroll animations with Three.js, GSAP, Lenis, and Framer Motion
  • ✓Centralized global app state management using Redux Toolkit and Redux Persist
  • ✓Integrated with Azure Cloud REST APIs for dynamic CMS content and distributor data

Technologies & Architecture

NEXT.JS 15TYPESCRIPTTAILWIND CSSGSAP & THREE.JSREDUX TOOLKITFRAMER MOTIONNEXT-INTL (i18n)AZURE REST API

Project Metadata

ClientCeylon Biscuits Limited (CBL)
CategoryWeb Engineering
RoleFull Stack Developer
Year2025