هشام البلوشي القابضة
موقعٌ بلغتين لشركةٍ قابضة يعرض هيكل المجموعة وشركاتها التابعة وخدماتها وقيادتها، بأقسامٍ تسويقية متحرّكة مبنية بـ Next.js وFramer Motion.
الشركة القابضة تحتاج أن تُظهر عالمها كلَّه دفعةً واحدة. هذا الموقع بلغتيه يعرض المجموعة وشركاتها التابعة وخدماتها في أقسامٍ متحرّكة، فيُلِمّ المستثمر أو الشريك بالصورة كاملةً بنظرةٍ واحدة، عربيةً كانت أم إنجليزية.
ما الذي يحلّه
- لا تملك الشركة القابضة موقعًا موحّدًا يعرض شركاتها التابعة وهيكلها وعلاقاتها بالمستثمرين.
- والتواصل مع المستثمرين يدوي، بلا شفافيةٍ للمحفظة ما لم يُراسِل أحدٌ طلبًا للمعلومات.
- وتعمل الشركات التابعة كلٌّ على حدة، فلا يعرف العملاء بمجموعة الشركة الأم.
- وتتبعثر الشواهد ودراسات الحالة والرؤية بين لينكدإن والبريد ومواقعَ قديمة.
الأثر
الهيكل + الشركات التابعة + الخدمات
أقسام Framer Motion
عربي RTL + إنجليزي LTR
البنية
تدفّق البيانات
- الوصول إلى رئيسية الشركة القابضة
- واجهة Framer Motion تتحرك مع الشعار
- التمرير → كشف الميزات (متدرّج)
- شركاتنا → بطاقات الشركات التابعة (Embla)
- النقر على شركة → /companies/[name]
- نموذج تواصل (لاحقًا: إجراء خادم → Resend / SES)
- تبديل اللغة → next-intl يقدّم AR / EN
القرارات الهندسية
تطويرٌ يقوده v0.app
الهوية تتطوّر بسرعة، والمزامنة التلقائية مع GitHub تُغني عن تحديث المحتوى يدويًا في الكود، وهو مثالي للتكرارات التسويقية.
لغتان منذ اليوم الأول
العربية RTL والإنجليزية LTR مع CSS منطقي تخاطب مستثمري الخليج والشركاء الدوليين على حدٍّ سواء.
Framer Motion لحسٍّ راقٍ
واجهةٌ متحرّكة وأقسامٌ بحركة بارالاكس وكشوفاتٌ متدرّجة تنقل الرسوخ والحداثة دون تضخّمٍ في JavaScript.
بنية مكوّناتٍ معيارية
الشركات التابعة بطاقاتٌ قابلة لإعادة الاستخدام، فتُضاف أو تُحذَف دون تعديلٍ في الكود.
محتوى ثابت (بلا CMS منفصل)
يعيش المحتوى الآن في خصائص المكوّنات (JSON)، ويمكن إضافة مدوّنةٍ لاحقًا عبر MDX أو Contentful.
معرض الصور
