Mohamed Al‑Mahdi — Artist Portfolio
A luxury Arabic (RTL) portfolio website for Saudi visual artist Mohammed Al‑Mahdi, designed as a focused single-page landing experience. It features a full-screen parallax hero, section reveal animations, and an interactive gallery with click-to-preview modal. The content model is centralized in a single data file, making updates to bio, exhibitions, artworks, and contact links fast and safe. The site also shipped with a full SEO pass (metadata + OpenGraph) and ranked #1 on Google when searching for the artist.
My role
Designed and implemented the full landing experience, motion system, gallery UX, and SEO metadata setup.
Tech stack
- Next.js (App Router)
- React 19
- TypeScript
- Tailwind CSS v4
- Framer Motion
- Google Fonts (Cairo + Tajawal)
- Vercel Analytics
Key features
- Arabic-first UX with RTL layout (<html dir="rtl" lang="ar">)
- Luxury dark palette (black + gold + beige) with custom global styling
- Motion design: section reveals and parallax hero
- Interactive art gallery with grid + modal preview
- Polished contact section with social links (Instagram/Facebook/Snapchat/WhatsApp) and a frontend-only success flow
- SEO metadata + OpenGraph, achieved #1 Google ranking for artist search
- Single-route layout: Hero / About / Exhibitions / Gallery / SocialMedia / Contact
- Centralized content source for safe updates (bio, exhibitions, artworks, contact info)