Client Work

Devloop Homepage

The official Devloop website built with localized routing for English and Arabic, including full RTL support and server-side translations for SEO. It ships with theme switching, animation components that respect reduced-motion, and lazy-loaded/dynamically imported heavy UI to keep the initial load lean.

Devloop Homepage

The Problem

Devloop needed a fast, bilingual (English/Arabic) public site with strong SEO, clear sections, and a working contact flow.

The Solution

Built a localized Next.js website with RTL support, theme switching, performance-focused loading strategies for animations, and a Resend-backed contact form.

Architecture

Next.js 16 App Router (Turbopack) + React 19 + Tailwind CSS 4, with next-intl for i18n (en/ar), next-themes for theming, Framer Motion for animations, and Resend for contact email delivery.

Tech Stack

Next.js 16TypeScriptTailwind CSS 4shadcn/uiBase UIFramer Motionnext-intlReact Hook FormZodResend