A cinematic website for a premier event management and brand experience agency with over 16 years across the region — built with React, Next.js, Tailwind CSS and Firebase, powered by GSAP, Lenis and Locomotive Scroll for buttery-smooth motion.
Client
Class Act Middle East
Year
2026
Category
Event Management Agency
Class Act Middle East is a premier event management and brand experience agency with over 16 years of unparalleled experience across the region. Headquartered in Abu Dhabi with offices in Dubai and Riyadh, they needed a digital presence that mirrored the cinematic quality of the events, launches and activations they produce for the region’s biggest brands.
We designed and engineered a cinematic, motion-first website using React, Next.js and Tailwind CSS, with GSAP handling scroll-triggered choreography and Lenis + Locomotive Scroll delivering silky-smooth inertia scrolling that feels closer to a native app than a website.
Content — case studies, services, and team — is powered by Firebase, so the marketing team can update projects in real time without touching code. Assets are aggressively optimized, code is split at the route level, and the site is deployed on a global edge network for sub-second loads across GCC audiences.
GSAP-powered scroll timelines, hero reveals, and image transitions that turn browsing into a curated brand film.
Lenis and Locomotive Scroll deliver inertia-based smooth scrolling with parallax layers — native-app feel in the browser.
Case studies, services, and team profiles updated in real time from Firestore — no redeploys, no code changes.
Next.js image optimization, route-level code splitting, CDN edge delivery — sub-second loads across GCC.
Cinematic experience gracefully adapts from 4K desktop displays down to mobile — motion respects reduced-motion preferences.
Next.js SSR with structured data, Open Graph tags, sitemaps and semantic HTML for maximum discoverability across the region.
Component-driven UI library
SSR, routing & edge deployment
Utility-first styling framework
Firestore CMS, hosting & auth
Scroll-triggered animation timelines
Smooth inertia scrolling engine
Parallax & scroll-linked motion
Whether it's a mobile app, web platform, or enterprise system — let's discuss how we can bring your idea to life.
