Case StudyCustomer Hosting - Production

Mr. Ali Elgabry

A premium Arabic RTL portfolio for educator Mr. Ali Elgabry. I delivered a Modern Majlis visual identity with responsive composition, smooth motion, and clear educational sections for services, testimonials, and contact — so visitors can understand the offering and reach out with confidence.

Live Preview Source Code

Frontend Stack

Next.js
React
TypeScript
Tailwind CSS
Framer Motion

Performance

Static generation for a fast marketing portfolio
Automatic image optimization for portraits and brand media
Less JavaScript outside interactive motion areas
Utility CSS with Tailwind for a lean stylesheet

Quality & Reliability

Semantic, accessible content structure
Consistent RTL behavior across screen sizes
Clear contact and call-to-action states
TypeScript-typed React components across portfolio sections

Key Features

Full Arabic RTL portfolio composition

Layouts that stay clear on mobile, tablet, and desktop

Smooth motion with the Motion library

Royal green and gold identity inspired by Modern Majlis

Educational services and offering sections

Student testimonials presentation

Clear pricing tables for learning packages

WhatsApp as the main contact action

Frontend Architecture

RTL portfolio routes and global layout
Section components (hero, services, pricing, testimonials)
Motion interaction layer
Shared navigation and contact actions
Brand and portrait media assets

UI Engineering Strategies

Keep client interactivity for motion and engagement only
Content-first layout for comfortable Arabic reading
Heritage-inspired design with modern digital polish
Accessible structure for educational content
Lightweight state with core React hooks

Visual Interface