Git-moud1/mauri-dev-medma7moud

# Mauri-Dev — Portfolio Website A premium, single-page, multilingual (Arabic / English / French) portfolio and marketing site for **Mauri-Dev** — the brand of **Bay Cheikh (Med Moud)**, Full Stack & Mobile App Developer. Built with **Next.js 16 (App Router, Turbopack) · React 19 · TypeScript · Tailwind CSS 3 · motion**, deployed on **Netlify**. - **Live:** mauri-dev.netlify.app - **Contact:** baymed000@gmail.com · WhatsApp +222 31 31 75 01 --- ## Table of contents 1. What this project is 2. Quick start 3. Tech stack 4. Repository layout 5. Architecture & key decisions 6. Internationalization (i18n) 7. Theming & design system 8. Projects data & the gallery lightbox 9. Images pipeline (blur placeholders & mockups) 10. Contact form (Netlify Forms) 11. Admin panel & the content store 12. SEO & metadata 13. Accessibility & performance 14. Deployment 15. Common tasks / cookbook 16. Gotchas --- ## 1. What this project is A portfolio site with **one localized route per language** — `/ar`, `/en`, `/fr` — each statically prerendered. `/` 307-redirects to the visitor's best match (cookie, then `Accept-Language`, then Arabic). Within a route, navigation is still anchors, and switching language is still instant. Its purpose is to convert visitors into clients: show credibility, show real work, and give one-tap access to WhatsApp / contact form. Page sections, in render order (`src/app/(site)/[locale]/page.tsx`): | Order | Component | Anchor | Purpose | | ----- | ------------------ | ----------- | ------------------------------------------------------------------------------- | | 1 | `Header` | — | Fixed nav, language switcher, theme toggle, WhatsApp CTA, mobile drawer | | 2 | `Hero` | `#top` | Headline, availability badge, CTAs, stats (5+ yrs / 120+ projects / 10+ stacks) | | 3 | `TechMarquee` | — | Infin …