المشروع ٠٦ · موقع ثنائي اللغة متميّز
lamas.com.sa | الحضور الإلكتروني المؤسسي
يعمل
المهندس والمصمم والمسؤول عن النشر
تصميم وبناء ونشر موقع مؤسسي ثنائي اللغة لشركة لماس للاستشارات الإدارية. موقع تسويقي أحادي الصفحة ثابت بالكامل مقدَّم من الحافة (edge)، مع سرد للعلامة التجارية ثلاثي الأبعاد، رسوم متحركة مدفوعة بالتمرير، ودعم عربي حقيقي RTL، منشور على Cloudflare Pages مع تدقيق كامل لـ SEO وإمكانية الوصول.
- بُني بـ Next.js 15 static output + TypeScript + React 19، مصمَّم بـ Tailwind CSS 3 مدفوعاً بنظام tokens تصميمي موثَّق
- هندسة hero ثلاثي الأبعاد للعلامة التجارية باستخدام React Three Fiber و drei و three.js، مع بديل ثنائي الأبعاد تلقائي عند عدم توفّر 3D، فيعمل على جميع الأجهزة
- تطبيق سرد مدفوع بالتمرير باستخدام GSAP + ScrollTrigger، بهدف ٦٠fps عبر حصر الرسوم في خصائص transform و opacity
- الامتثال لمعيار الوصول AA مع landmarks صحيحة، تنقّل بلوحة المفاتيح، ونسب تباين مناسبة؛ SEO تقني كامل مع URLs موحّدة، hreflang، بيانات منظّمة، وبطاقات معاينة اجتماعية
- صفحة واحدة في ثمانية أقسام: هيرو ثلاثي الأبعاد مثبّت، ومن نحن بأرقام حقيقية متحركة، والركائز، وست بطاقات قدرات، وستة قطاعات، ومنهجية DOTS، وشعارات العملاء، والتواصل
- نموذج تواصل عبر Web3Forms دون خادم خاص
- ملكية شاملة: تسجيل الدومين وDNS على Cloudflare، خط بناء ثابت، ونشر بأمر واحد على Cloudflare Pages
- Next.js 15
- TypeScript
- React 19
- React Three Fiber
- three.js
- GSAP + ScrollTrigger
- Lenis
- motion
- Tailwind CSS 3
- Web3Forms
- Cloudflare Pages