نظرة عامة
موقع مؤسسي لشركة Sunspot Consultancy يعرّف بخدمات ذكاء الأسواق والرؤية التجارية والاستشارات الاستراتيجية الموجهة لليمن والأسواق الناشئة.
التحديات تقديم خدمات بحثية واستشارية متعددة ضمن تجربة واضحة وغير معقدة. شرح قيمة المعرفة الميدانية وتدقيق قنوات التوزيع ومراقبة المنافسين لصنّاع القرار. تنظيم المحتوى بحسب نوع الخدمة والقطاع مع الحفاظ على هوية بصرية متماسكة. توفير قناة عملية لاستقبال الاستفسارات دون إنشاء خلفية مخصصة للنموذج. تجهيز الواجهة للنشر الإنتاجي داخل بيئة حاويات. الحل
اعتمد المشروع Next.js App Router لبناء صفحات الرئيسية، ومن نحن، والخدمات، والقطاعات، والتواصل، وصفحة الشكر. جرى فصل بيانات الخدمات والقطاعات وبيانات التواصل في وحدات مستقلة، وبناء مكونات مشتركة للتنقل والتذييل والعناوين والرسوم الحركية.
رُبط نموذج التواصل بخدمة Web3Forms، وأضيفت روابط مباشرة للبريد والهاتف وواتساب ولينكدإن.
البنية التقنية
تستخدم الواجهة React وTypeScript وTailwind CSS، مع Framer Motion للحركات وLenis للتمرير السلس وLucide React للأيقونات.
يدعم إعداد Next.js مخرجات Standalone، بينما ينفذ Dockerfile بناءً متعدد المراحل باستخدام Node.js لتقليل متطلبات بيئة التشغيل.
الوحدات الأساسية عرض القيمة والخدمات المميزة ومنهجية العمل في الصفحة الرئيسية. صفحة تعريفية تشرح هوية الشركة ونهجها ومبادئها. كتالوج خدمات مقسم إلى ذكاء الأسواق والاستشارات التجارية. صفحة قطاعات تشمل السلع الاستهلاكية والخدمات المالية والإلكترونيات والاتصالات والتوزيع. نموذج تواصل مع التحقق من الحقول وحماية أولية من الرسائل الآلية وصفحة تأكيد. بيانات وصفية مستقلة للصفحات ودعم Open Graph والأيقونات. النتائج
يوفر السورس واجهة مؤسسية متجاوبة ومنظمة، ومسار تحويل واضح يبدأ من استكشاف الخدمات وينتهي بإرسال الاستفسار، إلى جانب مكونات قابلة لإعادة الاستخدام وإعداد نشر إنتاجي باستخدام Docker.
