Portfolio/Class Act Middle East
Event Management & Brand Experience

Class Act Middle East

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.

React Next.js Tailwind CSS Firebase GSAP Lenis Locomotive Scroll

Client

Class Act Middle East

Year

2026

Category

Event Management Agency

classactad.com
Overview

Turning Visions Into Grand Realities

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.

Key Features

What We Built

Cinematic Motion

GSAP-powered scroll timelines, hero reveals, and image transitions that turn browsing into a curated brand film.

Smooth Scrolling

Lenis and Locomotive Scroll deliver inertia-based smooth scrolling with parallax layers — native-app feel in the browser.

Firebase CMS

Case studies, services, and team profiles updated in real time from Firestore — no redeploys, no code changes.

Blazing Performance

Next.js image optimization, route-level code splitting, CDN edge delivery — sub-second loads across GCC.

Fully Responsive

Cinematic experience gracefully adapts from 4K desktop displays down to mobile — motion respects reduced-motion preferences.

SEO Optimized

Next.js SSR with structured data, Open Graph tags, sitemaps and semantic HTML for maximum discoverability across the region.

Technology

Tech Stack

React

React

Component-driven UI library

Next.js

Next.js

SSR, routing & edge deployment

Tailwind CSS

Tailwind CSS

Utility-first styling framework

Firebase

Firebase

Firestore CMS, hosting & auth

GSAP

GSAP

Scroll-triggered animation timelines

Lenis

Lenis

Smooth inertia scrolling engine

LS

Locomotive Scroll

Parallax & scroll-linked motion

BUILD WITH US

Have a Similar Project?

Whether it's a mobile app, web platform, or enterprise system — let's discuss how we can bring your idea to life.

Chat on WhatsAppMessage on Telegram