موقع ROUQY - صفحة هبوط احترافية لشركة الديكور والت
موقع ROUQY - صفحة هبوط احترافية لشركة الديكور والت
نوع العمل:
موقع ويب من صفحة واحدة (Landing Page) يعكس هوية الشركة الفاخرة ويعرض أعمالها بأسلوب بصري مميز.
أبرز الميزات:
- هيرو تفاعلي مع نصوص جانبية ورسوم متحركة احترافية
- رسم الشعار بتقنية SVG Stroke Animation مع تتبع القلم أثناء التمرير
- معرض أعمال أفقي قابل للسحب مع تأثيرات ScrollTrigger
- صندوق إضاءة (Lightbox) لعرض المشاريع بالحجم الكامل مع التنقل بين الصور
- زر واتساب عائم مع نص دوار حول الشركة ونبضة متحركة
- نموذج تواصل مع تحقق من البيانات على السيرفر
- إدارة محتوى كاملة عبر ملف JSON بدون الحاجة لتعديل الكود
- تحسين محركات البحث (SEO) مع Open Graph وTwitter Cards
- تصميم متجاوب بالكامل لجميع الأجهزة
طريقة التنفيذ:
تم بناء الموقع باستخدام Next.js 16 مع TypeScript، واستخدمت GSAP وScrollTrigger لإنشاء الحركات والتفاعلات المتقدمة. التصميم يعتمد على Tailwind CSS 4 مع نظام ألوان مخصص يعكس هوية العميل. تم نشر الموقع على Vercel مع دومين مخصص.
المشروع على مستقل : https://mostaql.com/portfolio/3581891-%D9%85%D9%88%D9%82%D8%B9-rouqy-%D8%B5%D9%81%D8%AD%D8%A9-%D9%87%D8%A8%D9%88%D8%B7-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9-%D9%84%D8%B4%D8%B1%D9%83%D8%A9-%D8%A7%D9%84%D8%AF%D9%8A%D9%83%D9%88%D8%B1-%D9%88%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%A7%D9%84%D8%AF%D8%A7%D8%AE%D9%84%D9%8A
التعليقات (3)
