Project 06 · Premium Bilingual Website
lamas.com.sa | Corporate Web Presence
Live
Lead Engineer, Designer and Deployment Owner
Designed, built, and deployed a bilingual corporate website for LAMAS Management Consulting. A fully static, edge-served single-page marketing site with 3D brand storytelling, scroll-driven animations, and true right-to-left Arabic support, deployed to Cloudflare Pages with a full SEO and accessibility audit.
- Built with Next.js 15 static output + TypeScript + React 19, styled with Tailwind CSS 3 driven by a documented design token system
- Engineered a 3D brand mark hero using React Three Fiber, drei, and three.js, with an automatic flat fallback when 3D is not available, so it renders on every device
- Implemented scroll-driven storytelling with GSAP + ScrollTrigger, targeting 60fps by limiting animations to transform and opacity properties
- Achieved AA accessibility compliance with proper landmarks, keyboard navigation, and contrast ratios; delivered full technical SEO with canonical URLs, hreflang, structured data, and social preview cards
- One page in eight sections: a pinned 3D hero, about with animated real figures, pillars, six capability cards, six sectors, the DOTS method, client logos and contact
- Contact form through Web3Forms, with no server of its own
- Full ownership: domain registration and DNS on Cloudflare, static build pipeline, and single-command deployment to Cloudflare Pages
- Next.js 15
- TypeScript
- React 19
- React Three Fiber
- three.js
- GSAP + ScrollTrigger
- Lenis
- motion
- Tailwind CSS 3
- Web3Forms
- Cloudflare Pages