Salem & Youssef — Corporate Website
Built by Youssef Salem Hassan
01
Overview
Multilingual Next.js corporate site: Saveto building materials division + tech solutions portfolio
02
The Problem
The Salem & Youssef brand spans industrial distribution and technology services—requiring one coherent bilingual presence with distinct content lanes and trustworthy SEO signals.
03
The Solution
I built an App Router Next.js site with TypeScript, Tailwind CSS, Framer Motion, next-intl, and next-themes—structuring catalogs, legal pages, and project detail routes with canonical metadata and JSON-LD ready markup.
Technologies used
9Languages
TypeScript
Platforms
Responsive Design
Experience & UI
Next.jsReactTailwind CSS
Other
Framer Motionnext-intlnext-themesSEO
04
Key Outcomes
- Arabic-default RTL experience plus English parity for enterprise credibility.
- Separated pathways for building materials (Saveto) versus tech solutions portfolio storytelling.
- Deployed production instance with analytics hooks aligned to marketing KPIs.
05
Screenshots & gallery
Landing Page
2 imagesWebsite Pages
6 imagesMobile Views
2 imagesMore projects
- Al Jawad Group — Field Operations SystemOne system for a Riyadh facility-management company: customer app, staff app, admin dashboard, company website and a Laravel API, Arabic first.
- 92 Call Center — Product WebsiteArabic-first, bilingual marketing site for a cloud call-center subscription: ten sections from the marketing brief, real app screenshots, pricing, and the privacy and terms pages the app stores require.
- Technology 92 CRM — Sales & Client PipelineTechnology 92's internal sales CRM: clients, LinkedIn leads, quotations and a live dashboard, Arabic first, built on Laravel and Next.js.