Refine homepage and restore hero

messages/ar.json

@@ -36,23 +36,224 @@
     "secondaryCta": "العودة للرئيسية"
   },
   "homepage": {
-    "heroKicker": "مرحبااا، أنا محمد",
-    "heroTitle": "مطوّر واجهات ويب\nومصمّم جرافيك",
-    "heroText": "بشتغل على حلول رقمية لمشاكل حقيقية\nبتطلع ممتازة وبتشتغل بكفاءة.",
-    "servicesEyebrow": "شو فيني قدّم",
-    "servicesTitle": "حلول رقمية مصممة حسب شغلك، مو قوالب جاهزة.",
-    "servicesText": "من الهوية والموقع، للمتجر والسيو والتراكنغ، لحد الأنظمة الخاصة الداخلية. الفكرة إنو كل شيء يطلع مرتب، مفهوم، وقابل للنمو.",
-    "servicesPrimaryCta": "احكيلي عن مشروعك",
-    "servicesSecondaryCta": "شوف شغلي",
-    "serviceBrand": "بناء براند واضح ومرتب.",
-    "serviceWebsite": "موقع إلكتروني يليق بشغلك.",
-    "serviceStore": "متجر أسهل بالعرض والبيع.",
-    "serviceWordPress": "إضافة WordPress خاصة فيك.",
-    "serviceSeo": "تحسين الظهور بمحركات البحث.",
-    "serviceTracking": "تراكنغ واضح وفهم لحركة الزوار.",
-    "serviceSystem": "سستم خاص لشركتك أو لفريقك.",
-    "toPortfolio": "عرض الأعمال",
-    "toContact": "تواصل معي"
+    "meta": {
+      "title": "معرض أعمال مطور Full-stack",
+      "description": "منتجات رقمية حديثة وأنظمة قابلة للتوسع وتجارب متعددة اللغات مبنية بعقلية منتج واضحة."
+    },
+    "heroVisual": {
+      "kicker": "مرحبا، أنا محمد",
+      "title": "مطوّر واجهات ويب\nومصمّم جرافيك",
+      "description": "أبني حلول رقمية لمشاكل حقيقية\nتبدو قوية وتعمل بكفاءة."
+    },
+    "hero": {
+      "availability": "متاح لمشاريع مختارة",
+      "name": "محمد فراواتي",
+      "headline": "منتجات Full-stack تجمع بين تنفيذ Frontend قوي وأنظمة Backend موثوقة.",
+      "description": "أصمم وأبني تجارب ويب بمستوى عالي لفرق تحتاج وضوح وسرعة وتنفيذ جاهز للإنتاج من أول الفكرة حتى الإطلاق.",
+      "primaryCta": "ابدأ مشروعك",
+      "secondaryCta": "شوف الأعمال المختارة",
+      "locationLabel": "الموقع",
+      "locationValue": "برلين، ألمانيا",
+      "roleLabel": "الدور",
+      "roleValue": "مطور Full-stack",
+      "focusLabel": "التركيز الحالي",
+      "focusValue": "منتجات عالية الأداء وأتمتة وعمل منصات قابلة للصيانة.",
+      "highlights": [
+        "تسليم بثلاث لغات",
+        "تنفيذ بعقلية منتج",
+        "شريك تقني لفرق جاهزة للإطلاق"
+      ]
+    },
+    "bento": {
+      "eyebrow": "لمحات",
+      "title": "مبني لفرق تهتم بالجودة والسرعة والقرارات التقنية النظيفة.",
+      "description": "تنظيم الصفحة يعكس أسلوب شغلي: وضوح أولاً، تنفيذ قوي ثانياً، ومن دون تعقيد زائد بالنص.",
+      "about": {
+        "eyebrow": "عني",
+        "title": "أشتغل بين المنتج والهندسة والتنفيذ.",
+        "description": "شغلي يجمع بين التفكير المنتج والتنفيذ العملي، حتى يحصل المؤسسون والوكالات والفرق التقنية على مطور قادر ينقل المشروع من المعمارية للتفاصيل النهائية بدون ما يضيع المستوى.",
+        "points": [
+          "أنظمة Frontend مع انضباط UX واضح",
+          "خدمات Backend وربط أنظمة لسير عمل حقيقي",
+          "تواصل واضح مع أصحاب القرار التقني وغير التقني",
+          "تسليم مع قابلية صيانة محسوبة من أول يوم"
+        ]
+      },
+      "coreStack": {
+        "eyebrow": "Core stack",
+        "title": "أدواتي اليومية",
+        "items": [
+          "Next.js",
+          "TypeScript",
+          "React",
+          "Node.js",
+          "PostgreSQL",
+          "Tailwind CSS",
+          "Prisma",
+          "Docker"
+        ]
+      },
+      "availability": {
+        "eyebrow": "التوفر",
+        "title": "جاهز لتعاونات مركزة",
+        "description": "أفضل مناسبة لستارت أب ووكالات وفرق تريد شخصاً تقنياً واحداً يدير التنفيذ من البداية للنهاية.",
+        "status": "فرص جديدة متاحة"
+      },
+      "currentFocus": {
+        "eyebrow": "التركيز الحالي",
+        "title": "أكثر شيء أعمل عليه حالياً",
+        "items": [
+          "مواقع تسويقية بمستوى UX قريب من المنتجات",
+          "لوحات تحكم وأدوات داخلية للإدارة",
+          "مسارات أتمتة للمحتوى والعمليات"
+        ]
+      },
+      "contact": {
+        "eyebrow": "تواصل سريع",
+        "title": "أقصر طريق للوصول إلي",
+        "description": "إذا كان الطلب واضحاً من الآن، أرسل السياق والمدة الزمنية وأرجع لك بالخطوة الصحيحة مباشرة.",
+        "emailLabel": "البريد الإلكتروني",
+        "emailValue": "hello@moh-sass.dev"
+      },
+      "highlights": {
+        "eyebrow": "لمحات",
+        "title": "مبادئ العمل",
+        "items": [
+          {
+            "value": "3",
+            "label": "لغات مدعومة"
+          },
+          {
+            "value": "E2E",
+            "label": "ملكية تسليم كاملة"
+          },
+          {
+            "value": "24/7",
+            "label": "عقلية إنتاج"
+          }
+        ]
+      }
+    },
+    "marquee": {
+      "eyebrow": "الأدوات المعتمدة",
+      "title": "Stack عملي مختار على أساس الصيانة والسرعة والقيمة الطويلة المدى.",
+      "description": "قسم Marquee يستخدم إعدادات الموقع الموجودة مسبقاً حتى تبقى الصفحة متناسقة مع الأدوات والقدرات التي تريد إبرازها."
+    },
+    "projects": {
+      "eyebrow": "مشاريع مختارة",
+      "title": "ثلاثة أمثلة على نوع الشغل الذي أحب أن أطلقه.",
+      "description": "الأعمال المختارة تجمع بين جودة واجهة قوية وبنية تقنية تبقى ثابتة بعد الإطلاق.",
+      "stackLabel": "Stack",
+      "cta": "فتح المشروع",
+      "fallbackMeta": "عمل مختار",
+      "stackSets": [
+        [
+          "Next.js",
+          "TypeScript",
+          "Design Systems"
+        ],
+        [
+          "APIs",
+          "PostgreSQL",
+          "Automation"
+        ],
+        [
+          "Tailwind CSS",
+          "Prisma",
+          "Infrastructure"
+        ]
+      ],
+      "fallbackItems": [
+        {
+          "title": "إعادة بناء منصة منتج",
+          "summary": "تحديث عملي لمنصة خدمات مع UX أوضح ومعمارية أقوى ودورات تسليم أسرع.",
+          "stack": [
+            "Next.js",
+            "TypeScript",
+            "PostgreSQL"
+          ],
+          "href": "/portfolio"
+        },
+        {
+          "title": "لوحة عمليات داخلية",
+          "summary": "أداة داخلية تركز على تسريع القرار وتنظيف سير العمل وتقليل التنسيق اليدوي بين الفرق.",
+          "stack": [
+            "React",
+            "Node.js",
+            "Automation"
+          ],
+          "href": "/portfolio"
+        },
+        {
+          "title": "نظام مواقع للإطلاقات",
+          "summary": "أساس قابل لإعادة الاستخدام لإطلاق مواقع بسرعة بدون التنازل عن الجودة التقنية أو التحكم بالمحتوى.",
+          "stack": [
+            "Tailwind CSS",
+            "CMS",
+            "Performance"
+          ],
+          "href": "/contact"
+        }
+      ]
+    },
+    "capabilities": {
+      "eyebrow": "القدرات",
+      "title": "تغطية تقنية من الطرف للطرف بدون خسارة تركيز المنتج.",
+      "description": "كل مجال هنا مبني على شغل إنتاجي فعلي، وليس مجرد تسميات خدمات عامة.",
+      "items": [
+        {
+          "title": "Frontend Engineering",
+          "description": "واجهات Responsive وأنظمة تصميم وتفاصيل تفاعل ومعمارية Components قابلة للتوسع."
+        },
+        {
+          "title": "Backend Systems",
+          "description": "APIs منظمة وربط أنظمة ونمذجة بيانات ومنطق تطبيقي مصمم لتسليم يمكن الاعتماد عليه."
+        },
+        {
+          "title": "DevOps & Infrastructure",
+          "description": "نشر وبيئات وتشغيل ومراقبة أساسية وقرارات Infrastructure تقلل العبء التشغيلي."
+        },
+        {
+          "title": "Automation & AI Workflows",
+          "description": "طبقات أتمتة عملية تقلل العمل اليدوي وتربط بين المنتج والمحتوى والعمليات."
+        }
+      ]
+    },
+    "process": {
+      "eyebrow": "آلية العمل",
+      "title": "مسار مختصر يبقي المشروع متقدماً.",
+      "description": "العملية مقصودة أن تكون بسيطة: نقلل الغموض مبكراً، نثبت القرارات التقنية، ثم نطلق بانضباط.",
+      "steps": [
+        {
+          "title": "Discover",
+          "description": "نحدد الأهداف والقيود والجمهور والنتيجة الحقيقية المطلوبة من المنتج."
+        },
+        {
+          "title": "Architect",
+          "description": "نرسم شكل النظام وحدوده التقنية وبنية المحتوى ومسار التنفيذ قبل الدخول في البناء الثقيل."
+        },
+        {
+          "title": "Build",
+          "description": "ننّفذ مع عناية قوية بالواجهة ومنطق تطبيق نظيف وبنية قابلة للصيانة عبر كامل الـ stack."
+        },
+        {
+          "title": "Ship",
+          "description": "نطلق بثقة ونتأكد من النتيجة ونترك المنتج بحالة مستقرة للمرحلة التالية."
+        }
+      ]
+    },
+    "contactCta": {
+      "eyebrow": "ابدأ الحديث",
+      "title": "إذا المشروع يحتاج تنفيذ قوي، أقدر أدفعه للأمام.",
+      "description": "هات الملخص أو الاختناق الحالي أو الاتجاه العام. أقدر أساعد في ضبط النطاق وتصميم النظام وبناء المنتج.",
+      "contactCta": "تواصل معي",
+      "githubCta": "GitHub",
+      "emailLabel": "البريد الإلكتروني",
+      "emailValue": "hello@moh-sass.dev",
+      "availabilityLabel": "التوفر",
+      "availabilityValue": "مفتوح لشغل منتجات مركز",
+      "githubHref": "https://github.com/mohfarawati"
+    }
   },
   "portfolioPage": {
     "title": "الأعمال",