Dr. Marwan Alazzawi Aviation Academy & Consulting Platform

Problem

Aviation training is a high-trust, safety-critical discipline requiring an optimal balance between technical authority and conversion-focused UX. Key challenges included delivering seamless bidirectional typography and layout transitions (Arabic RTL and English LTR), managing heavy 3D assets and GSAP scroll timelines on mobile viewports without performance degradation, and unifying fragmented UI elements such as irregular card heights and inconsistent design tokens.

Solution

Architected a high-performance Next.js 16 (App Router + Turbopack) application utilizing React 19 and strict TypeScript typings. Built a flexible design token layer with Tailwind CSS v4, integrated dynamic localized routing via next-intl with native RTL/LTR context wrappers, engineered an adaptive 3D interactive card deck with responsive CSS custom properties, and standardized Swiper 11 layouts with an equal-height flex engine to ensure flawless visual harmony across all breakpoints.

Implementation highlights

• Full bidirectional localization engine (next-intl) providing native RTL Arabic and LTR English routing and typography.
• Cinematic Hero section with GSAP timelines and responsive parallax helicopter micro-interactions.
• Interactive 3D training card deck with responsive CSS spread mechanics optimized for mobile screens.
• Equal-height facilities showcase powered by Swiper 11 and an interactive fullscreen lightbox modal.
• Centralized Tailwind CSS v4 design token architecture ensuring 100% UI consistency and rapid scalability.

Results

Delivered a flawless zero-error production build on Next.js 16 with 100% responsive parity across all device viewports. The platform significantly elevated Dr. Marwan Alazzawi's brand authority as a premier aerospace figure across the MENA region while maintaining lightning-fast performance and top-tier user engagement.