روك روش — موقع الشركة والحجز الإلكتروني
مميز
من تنفيذ يوسف سالم حسن
01
نظرة عامة

موقع تسويقي ثنائي اللغة بـ Next.js لخدمات النظافة وإدارة المرافق بالرياض — متجاوب مع الوضع الفاتح الافتراضي ووضع داكن
دوري
تسليم App Router ثنائي اللغة، ومسارات SEO للخدمات ولمسات Motion ورفع ومؤشرات تحليلات.
02
التحدي
يقارن عملاء خدمات المرافق في الرياض الموردين بسرعة على الجوال — فيجب أن تنقل المواقع الثقة والخدمات والأدلة بسرعة مع اكتمال قانوني ولغوي.
03
الحل
أُطلق روك روش كمنصة تسويق Next.js تبدأ من الجوال مع Tailwind v4 وFramer Motion وnext-intl ونماذج تواصل React Hook Form وZod وصفحات خدمات ثابتة وبيانات أسئلة شائعة منظمة وصور OG مهيأة للتحويل.
التقنيات المستخدمة
13اللغات
TypeScript
المنصات
Responsive Design
الخلفية والبيانات والسحابة
Supabase
التجربة والواجهة
Next.jsReactTailwind CSSReact Hook Form
أخرى
Framer Motionnext-intlnext-themesZodRadix UISEO
04
أبرز النتائج
- حجز إلكتروني وحسابات عملاء وعروض لشركة كانت تستقبل الطلبات عبر واتساب والهاتف فقط؛ ويتابع الموظفون كل حجز وعميل محتمل من لوحة واحدة.
- لوحة الموظفين على admin.rockrushgroup.com (Next.js وSupabase): الحجوزات والتقويم وإدارة العملاء مع العملاء المحتملين والمهام والخطط الدورية والتقييمات والعروض والتحليلات وزيارات الموقع، بالعربية والإنجليزية وتعمل على الجوال.
- تجربة عربية أولاً مع مسار `/en` وتنقل ثابت يناسب صفحات هبوط طويلة.
- ثماني صفحات خدمات مولّدة ثابتاً لتغطية SEO محلية.
- تواصل مدعوم بإجراءات خادم مع مراقبة Analytics/Speed Insights على Vercel.
05
لقطات الشاشة والمعرض
الصفحة الرئيسية
٥ صورصفحات الموقع
٧ صورلوحة الإدارة
١٤ صورةالعربية (من اليمين لليسار)
٤ صورعرض الجوال
٨ صورمشاريع أخرى
- مجموعة الجواد — نظام تشغيل الخدمات الميدانيةنظام واحد لشركة إدارة مرافق في الرياض: تطبيق للعملاء وتطبيق للتشغيل ولوحة إدارة وموقع للشركة وواجهة Laravel، بالعربية أولًا.
- الاتصال 92 — موقع المنتجموقع تسويقي بالعربية أولًا والإنجليزية لاشتراك مركز اتصال سحابي: عشرة أقسام من الموجز التسويقي ولقطات حقيقية من التطبيق والأسعار وصفحتا الخصوصية والشروط التي تطلبها متاجر التطبيقات.
- CRM تكنولوجيا 92 — المبيعات وخط العملاءنظام CRM داخلي للمبيعات في تكنولوجيا 92: العملاء وفرص لينكدإن وعروض الأسعار ولوحة متابعة حية، بالعربية أولًا، مبني على Laravel وNext.js.