07/01/2026
Recently completed a full-scale website project for my client, Morion β a premium automotive PPF & ceramic coating brand.
The objective was to build a modern, high-performance, multilingual (English / Arabic) platform that reflects Morionβs luxury positioning while also supporting real business workflows for dealers and warranty management.
What I built for my client:
A complete end-to-end solution using Next.js 16 (App Router) with the following features:
π Multilingual & RTL Support
English and Arabic locales
Full RTL support for Arabic
SEO-optimized metadata for both languages across all public pages
π¨ Premium UI & UX
Mobile-first responsive design using Tailwind CSS v4
Smooth animations with Framer Motion & GSAP
Scroll reveal effects and smooth scrolling
WhatsApp integration for instant customer communication
π Public Website Pages
Home page with: Hero section, Why Choose Us, Coverage Diagram, Before/After slider, New Arrivals marquee, Coating section, Comparison section, Film table, Trusted Dealers, Get Quote
Products
Technology
Warranty & Claims
Become a Dealer (application form)
Contact page
π§© Dealer & Admin Dashboards
Dealer authentication using Supabase Auth
Dealer dashboard to manage warranties and account settings
Admin dashboard to manage dealers and warranty records
Dealer application workflow (apply β approve / reject)
ποΈ Backend & Integrations
Supabase for database and authentication
Custom API routes for auth, dealer management, and warranties
Automated email notifications (warranty creation & status updates)
Google Analytics 4 & Google Tag Manager integration
π Tech Stack
Next.js 16 (App Router) β’ Tailwind CSS v4 β’ Supabase β’ Supabase Auth β’ Nodemailer β’ Framer Motion β’ GSAP β’ GA4 β’ GTM
Proud to have delivered a solution that combines luxury design, performance, multilingual SEO, and scalable admin functionality for my client.
Live Link: https://bluegrid-ochre.vercel.app/en