Restructure about page bento layout

messages/ar.json

@@ -66,49 +66,58 @@
     "title": "من أنا",
     "heroBadge": "خلّيني عرّفك عليّي",
     "heroTitle": "معلومات عني",
-    "intro": "أبني تجارب رقمية واضحة للعلامات والمنتجات والفرق، مع تركيز على الهوية والواجهة والبنية القابلة للتوسع.",
-    "storyEyebrow": "نبذة سريعة",
-    "storyTitle": "أحوّل الأفكار المبعثرة إلى حضور رقمي مرتب وواضح.",
-    "storyTextOne": "هذا النص مؤقت حالياً. الفكرة هنا إن الصفحة تعطي انطباع جاهز: مين أنا، كيف أشتغل، وكيف أقدر أبني تجربة متماسكة من أول الفكرة لآخر الإطلاق.",
-    "storyTextTwo": "حالياً وضعت محتوى وهمي قريب من النبرة النهائية، حتى يصير أسهل استبداله لاحقاً بمحتوى فعلي بدون الرجوع لتعديل التصميم من جديد.",
-    "highlightOne": "هوية أوضح ومسار استخدام أنظف.",
-    "highlightTwo": "واجهة منظمة ومحتوى أسهل بالتبديل.",
-    "highlightThree": "بنية مناسبة للتطوير المستقبلي.",
+    "intro": "لمحة سريعة عن خبرتي، دراستي، والمهارات والأدوات التي أستخدمها في شغلي اليومي.",
+    "storyEyebrow": "نبذة شخصية",
+    "storyTitle": "أشتغل على بناء حضور رقمي واضح، مرتب، وقابل للنمو.",
+    "storyTextOne": "أنا محمد، أركز على الواجهات، الهوية، وتنظيم التجربة بشكل يخلي المنتج أو الخدمة مفهومة من أول نظرة. أحب الشغل الذي يجمع بين الوضوح البصري والتنفيذ العملي بدون تعقيد زائد.",
+    "storyTextTwo": "هذه الصفحة صارت الآن مهيأة لتعرض قصتي المهنية بشكل مرن: أين عملت، ماذا درست، وما هي المهارات والأدوات التي أعتمد عليها يومياً. كل النصوص الحالية قابلة للتبديل بسهولة لاحقاً.",
+    "focusOne": "أهتم بالوضوح قبل الزخرفة.",
+    "focusTwo": "أفضل الأنظمة القابلة للتوسع والصيانة.",
+    "focusThree": "أشتغل بطريقة مباشرة وسريعة المراجعة.",
     "primaryCta": "تواصل معي",
     "secondaryCta": "شوف معرض الأعمال",
-    "logoEyebrow": "الهوية الحالية",
-    "logoText": "الشعار مأخوذ من إعدادات الموقع حتى تبقى الصفحة متطابقة مع الهوية الحالية.",
-    "galleryAltOne": "صورة وهمية رئيسية لقسم معلومات عني",
-    "galleryAltTwo": "صورة وهمية ثانوية لقسم معلومات عني",
-    "availabilityLabel": "الوضع الحالي",
-    "availabilityText": "متاح حالياً لاستقبال مشاريع جديدة، وهذه الجملة أيضاً placeholder قابل للتعديل.",
-    "statOneValue": "06+",
-    "statOneLabel": "سنوات تقريبية",
-    "statOneText": "رقم تجريبي ليوضح مكان الخبرة أو عدد السنوات بعد تعبئة المحتوى الحقيقي.",
-    "statTwoValue": "24",
-    "statTwoLabel": "مشاريع مختارة",
-    "statTwoText": "مكان مخصص لعدد المشاريع أو العملاء أو الإطلاقات حسب الصياغة النهائية.",
-    "statThreeValue": "03",
-    "statThreeLabel": "مسارات خدمة",
-    "statThreeText": "يمكن تحويل هذا الرقم لاحقاً إلى تخصصات أو منتجات أو مجالات عمل رئيسية.",
-    "valuesEyebrow": "طريقة الشغل",
-    "valuesTitle": "كيف أعمل",
-    "valuesIntro": "هذا القسم صار جاهز لعرض المبادئ الأساسية بشكل سريع وواضح بدل فقرة نصية طويلة.",
-    "valueA": "الاستراتيجية أولاً",
-    "valueAText": "أبدأ بتحديد الهدف، الجمهور، وحدود النطاق حتى ما يتحول التنفيذ إلى تخمين.",
-    "valueB": "أنظمة نظيفة",
-    "valueBText": "أبني مكونات قابلة للصيانة والتوسعة حتى يظل المشروع مرتب بعد الإطلاق.",
-    "valueC": "تعاون قريب",
-    "valueCText": "أفضل دورات قصيرة وملاحظات مباشرة حتى يظل القرار واضحاً والنتيجة أدق.",
-    "processEyebrow": "من البداية للنهاية",
-    "processTitle": "آلية العمل",
-    "processIntro": "قسم مرتب يشرح الرحلة بثلاث خطوات سريعة، وبإمكانك لاحقاً تعديله حسب طريقتك الفعلية.",
-    "processOne": "اكتشاف وتحديد الهدف",
-    "processOneText": "نجمع الصورة العامة، نحدد الأولويات، ونرتب المطلوب قبل أي قرار بصري أو تقني.",
-    "processTwo": "تصميم ونمذجة أولية",
-    "processTwoText": "أصيغ الاتجاه العام، أبني تصور واجهات، وأجهز أساس بصري يسهّل بقية التنفيذ.",
-    "processThree": "بناء واختبار وإطلاق",
-    "processThreeText": "بعد تثبيت الاتجاه، يتحول العمل إلى تنفيذ منظم، مراجعة سريعة، ثم إطلاق جاهز."
+    "snapshotEyebrow": "حالياً",
+    "snapshotTitle": "أبني من برلين",
+    "snapshotText": "أشتغل عن بعد ومع فرق مختلفة، مع تركيز على المواقع، الواجهات، والأنظمة الصغيرة المرنة.",
+    "locationTitle": "القاعدة الحالية",
+    "locationText": "برلين، ألمانيا، مع قابلية للعمل مع فرق محلية أو عن بعد.",
+    "experienceEyebrow": "أين اشتغلت",
+    "experienceTitle": "خبرتي العملية",
+    "workOnePeriod": "2024 - الآن",
+    "workOneRole": "Frontend Developer",
+    "workOneCompany": "استوديو رقمي أو شركة منتج",
+    "workOneText": "مكان مخصص لذكر آخر جهة عمل، طبيعة المسؤوليات، ونوع المشاريع التي اشتغلت عليها.",
+    "workTwoPeriod": "2022 - 2024",
+    "workTwoRole": "UI Designer",
+    "workTwoCompany": "وكالة أو فريق داخلي",
+    "workTwoText": "هنا يمكن ذكر دور سابق يوضح المزج بين التصميم والتنفيذ أو بين البراند والواجهات.",
+    "workThreePeriod": "قبل ذلك",
+    "workThreeRole": "Freelance / Contract Work",
+    "workThreeCompany": "عمل حر أو تعاونات مستقلة",
+    "workThreeText": "خانة مناسبة لإضافة مشاريع خاصة، تعاونات قصيرة، أو مراحل انتقالية مهمة في المسار.",
+    "educationEyebrow": "شو درست",
+    "educationTitle": "الخلفية الدراسية",
+    "educationIntro": "هذا القسم مخصص لوضع الدراسة الأكاديمية أو الدورات المركزة التي أثرت على طريقة التفكير والشغل.",
+    "educationOneTitle": "اسم التخصص أو الشهادة",
+    "educationOnePlace": "اسم الجامعة أو المعهد",
+    "educationOneText": "وصف قصير يوضح ما الذي درسته فعلياً، وكيف انعكس ذلك لاحقاً على شغلك أو على طريقة تحليلك للمشاريع.",
+    "educationTwoTitle": "دورات أو تدريب متخصص",
+    "educationTwoPlace": "منصة أو جهة تدريب",
+    "educationTwoText": "مكان مناسب لذكر أي دراسة مكملة، تدريب عملي، أو برنامج صقل مهارات أخذته لاحقاً.",
+    "skillsEyebrow": "مهاراتي",
+    "skillsTitle": "المهارات التي أركز عليها",
+    "skillsIntro": "كتلة واسعة لعرض المهارات الأساسية التي تريد إظهارها بشكل سريع وواضح وقابل للتحديث.",
+    "skillOne": "تصميم واجهات",
+    "skillTwo": "بناء Design Systems",
+    "skillThree": "Frontend Architecture",
+    "skillFour": "تحويل الأفكار إلى صفحات واضحة",
+    "skillFive": "تنظيم المحتوى والتسلسل البصري",
+    "skillSix": "التعاون السريع مع العملاء والفرق",
+    "toolsEyebrow": "أدواتي",
+    "toolOne": "Figma",
+    "toolTwo": "Next.js",
+    "toolThree": "Tailwind CSS",
+    "toolFour": "WordPress"
   },
   "contactPage": {
     "title": "تواصل",