Overview
A native Arabic (RTL) marketing website for Rania Nasman, a personal coach in impactful content writing and digital marketing. Fully CMS-driven with editable coaching packages and prices, a digital store, session booking, blog, testimonials and a WhatsApp-first contact flow.
Problem Statement
Rania Nasman is a personal coach specializing in impactful content writing and digital marketing. She needed a unified, professional online presence that would:
- Present her personal brand, story and coaching philosophy in native Arabic
- Showcase her coaching packages with clear, publicly visible prices
- Sell digital products and resources through an integrated store
- Let clients book sessions and reach her instantly via WhatsApp
- Publish articles to establish authority and support SEO
- Be fully editable by Rania herself — packages, prices, posts, testimonials, FAQs and contact details — with zero code changes
Off-the-shelf templates could not deliver a true right-to-left experience, the flexible branding she wanted, and client-managed content and commerce in a single, fast, SEO-friendly package.
Our Solution
We built a custom, content-managed marketing site designed around Arabic and RTL from the ground up.
Design & Branding
- Native RTL layout with Arabic typography (Almarai body + Lateef display) and tuned line-heights for comfortable reading
- One-file theming: all colors, fonts, type scale, radii and shadows live in a single design-tokens file — rebrand the whole site by editing a few variables
- Navy + purple brand palette carried over 1:1 from the approved design, AA-contrast compliant
- Polished motion: scroll reveals, floating hero cards and hover lifts
.
Core Features
- Coaching packages: full package cards with features, duration, sessions, a "featured" ribbon, and client-editable public prices
- Digital store for selling e-books and downloadable resources
- Session booking with a WhatsApp-first contact flow and a dedicated reservation CTA
- Blog with Portable Text articles, categories and SEO fields
- Testimonials & FAQ managed entirely from the CMS
- Contact form with validation, delivered to Rania by email
- Conditional rendering: every field and section appears only when it has content — no empty placeholders, ever
Content Management
- Sanity CMS with an embedded Studio and an Arabic desk structure so Rania finds everything intuitively
- Singletons for site settings and each page; collections for packages, posts, testimonials and FAQs
- Image hotspot/crop, responsive images, and on-demand revalidation so edits go live in seconds
Technical Excellence
Frontend Stack
- Next.js (App Router) with React Server Components for speed and SEO
- TypeScript (strict) for safe, maintainable code
- Tailwind CSS v4 with a CSS-first token system and first-class RTL logical properties
- Framer Motion for smooth, accessible animation
- next/font self-hosting Almarai + Lateef to remove CDN requests and layout shift
Content & Integrations
- Sanity headless CMS powering every page, package, post and setting
- @sanity/image-url for responsive, auto-optimized (WebP/AVIF) images
- Resend for reliable contact-form email delivery
- WhatsApp deep links (
wa.me) as the primary contact channel
Performance & SEO
- Static generation + ISR with on-demand revalidation via a Sanity webhook
- Per-page metadata from Sanity,
sitemap.ts,robots.ts, and JSON-LD structured data (Person, ProfessionalService, Article, FAQPage, BreadcrumbList) - Self-hosted subset fonts, route-level code splitting, and minimal client JS
Development Practices
- Clean separation of concerns: UI primitives → section blocks → data-fetching pages
- Component-based, reusable architecture with Arabic-first content modeling
- ESLint + Prettier + TypeScript for consistent, handoff-ready code
Results & Impact
- 95+ Lighthouse targets across Performance, SEO, Best Practices and Accessibility
- < 2s page loads with optimized images and minimal client JavaScript
- 100% content-managed — Rania edits text, images, packages and prices herself
- A single platform unifying brand, content, commerce and bookings — ready to grow with her business
Client Benefits
- Full autonomy: manage every word, price and image without a developer
- Scalability: drop-in sections and a bilingual-ready structure for future growth
- Fast & discoverable: server-rendered, SEO-first, and quick on every device
