Refine homepage and restore hero
This commit is contained in:
MOH
+218
-17
@@ -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": "الأعمال",
|
||||
|
||||
+218
-17
@@ -36,23 +36,224 @@
|
||||
"secondaryCta": "Zur Startseite"
|
||||
},
|
||||
"homepage": {
|
||||
"heroKicker": "Hi, ich bin Moh",
|
||||
"heroTitle": "frontend\ndeveloper\n& designer",
|
||||
"heroText": "Ich entwickle digitale Lösungen für echte Probleme,\ndie gut aussehen und sauber funktionieren.",
|
||||
"servicesEyebrow": "Leistungen",
|
||||
"servicesTitle": "Digitale Arbeit, die sich an deinem Geschäft orientiert und nicht an Vorlagen.",
|
||||
"servicesText": "Von Markenaufbau und Websites bis zu Shops, SEO, Tracking, WordPress Plugins und internen Systemen geht es immer um dasselbe: mehr Klarheit, bessere Wirkung und eine saubere Grundlage für Wachstum.",
|
||||
"servicesPrimaryCta": "Erzähl mir von deinem Projekt",
|
||||
"servicesSecondaryCta": "Meine Arbeiten ansehen",
|
||||
"serviceBrand": "Markenaufbau mit klarer Richtung.",
|
||||
"serviceWebsite": "Websites mit sauberer Struktur.",
|
||||
"serviceStore": "Shops, die klarer verkaufen.",
|
||||
"serviceWordPress": "Eigene WordPress Plugins.",
|
||||
"serviceSeo": "Mehr Sichtbarkeit in Suchmaschinen.",
|
||||
"serviceTracking": "Tracking und bessere Auswertung.",
|
||||
"serviceSystem": "Interne Systeme für Teams und Firmen.",
|
||||
"toPortfolio": "Portfolio ansehen",
|
||||
"toContact": "Kontakt aufnehmen"
|
||||
"meta": {
|
||||
"title": "Portfolio fuer Full-stack Entwicklung",
|
||||
"description": "Moderne digitale Produkte, skalierbare Systeme und mehrsprachige Erlebnisse mit starkem Produktfokus."
|
||||
},
|
||||
"heroVisual": {
|
||||
"kicker": "Hi, ich bin Moh",
|
||||
"title": "frontend\ndeveloper\n& designer",
|
||||
"description": "Ich entwickle digitale Loesungen fuer echte Probleme,\ndie gut aussehen und sauber funktionieren."
|
||||
},
|
||||
"hero": {
|
||||
"availability": "Verfuegbar fuer ausgewaehlte Projekte",
|
||||
"name": "Moh Farawati",
|
||||
"headline": "Full-stack Produkte mit starker Frontend Umsetzung und verlaesslichen Backend Systemen.",
|
||||
"description": "Ich konzipiere und entwickle hochwertige Web-Erlebnisse fuer Teams, die Klarheit, Geschwindigkeit und produktionsreife Umsetzung von der Strategie bis zum Launch brauchen.",
|
||||
"primaryCta": "Projekt starten",
|
||||
"secondaryCta": "Ausgewaehlte Arbeiten",
|
||||
"locationLabel": "Standort",
|
||||
"locationValue": "Berlin, Deutschland",
|
||||
"roleLabel": "Rolle",
|
||||
"roleValue": "Full-stack Entwickler",
|
||||
"focusLabel": "Aktueller Fokus",
|
||||
"focusValue": "Performante Produkte, Automatisierung und wartbare Plattformarbeit.",
|
||||
"highlights": [
|
||||
"3-sprachige Umsetzung",
|
||||
"Produktorientierte Ausfuehrung",
|
||||
"Technischer Partner fuer launchbereite Teams"
|
||||
]
|
||||
},
|
||||
"bento": {
|
||||
"eyebrow": "Highlights",
|
||||
"title": "Gebaut fuer Teams, die Qualitaet, Tempo und saubere technische Entscheidungen ernst nehmen.",
|
||||
"description": "Die Startseite ist so aufgebaut, wie ich arbeite: erst Klarheit, dann starke Umsetzung, ohne unnoetige Komplexitaet dazwischen.",
|
||||
"about": {
|
||||
"eyebrow": "Ueber mich",
|
||||
"title": "Ich arbeite ueber Produkt, Engineering und Delivery hinweg.",
|
||||
"description": "Meine Arbeit verbindet Produktdenken mit direkter Umsetzung. So bekommen Gruender, Agenturen und technische Teams einen Entwickler, der von Architektur bis zum finalen Detail liefern kann, ohne an Qualitaet zu verlieren.",
|
||||
"points": [
|
||||
"Frontend Systeme mit klarer UX Disziplin",
|
||||
"Backend Services und Integrationen fuer reale Prozesse",
|
||||
"Klare Kommunikation mit technischen und nicht-technischen Stakeholdern",
|
||||
"Lieferung mit Blick auf Wartbarkeit ab dem ersten Tag"
|
||||
]
|
||||
},
|
||||
"coreStack": {
|
||||
"eyebrow": "Core stack",
|
||||
"title": "Taegliche Werkzeuge",
|
||||
"items": [
|
||||
"Next.js",
|
||||
"TypeScript",
|
||||
"React",
|
||||
"Node.js",
|
||||
"PostgreSQL",
|
||||
"Tailwind CSS",
|
||||
"Prisma",
|
||||
"Docker"
|
||||
]
|
||||
},
|
||||
"availability": {
|
||||
"eyebrow": "Verfuegbarkeit",
|
||||
"title": "Offen fuer fokussierte Zusammenarbeit",
|
||||
"description": "Am besten passend fuer Startups, Agenturen und Teams, die einen technischen Owner suchen, der die Umsetzung Ende zu Ende treiben kann.",
|
||||
"status": "Neue Slots offen"
|
||||
},
|
||||
"currentFocus": {
|
||||
"eyebrow": "Aktueller Fokus",
|
||||
"title": "Woran ich gerade am meisten baue",
|
||||
"items": [
|
||||
"Marketing Websites mit Produktniveau in der UX",
|
||||
"Admin Tools und interne Dashboards",
|
||||
"Automatisierungsablaeufe fuer Content und Operations"
|
||||
]
|
||||
},
|
||||
"contact": {
|
||||
"eyebrow": "Schneller Kontakt",
|
||||
"title": "Direkter Weg zu mir",
|
||||
"description": "Wenn das Briefing schon klar ist, schick Kontext und Zeitrahmen und ich melde mich mit dem richtigen naechsten Schritt.",
|
||||
"emailLabel": "E-Mail",
|
||||
"emailValue": "hello@moh-sass.dev"
|
||||
},
|
||||
"highlights": {
|
||||
"eyebrow": "Highlights",
|
||||
"title": "Arbeitsprinzipien",
|
||||
"items": [
|
||||
{
|
||||
"value": "3",
|
||||
"label": "Unterstuetzte Sprachen"
|
||||
},
|
||||
{
|
||||
"value": "E2E",
|
||||
"label": "Delivery Ownership"
|
||||
},
|
||||
{
|
||||
"value": "24/7",
|
||||
"label": "Produktionsdenken"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"marquee": {
|
||||
"eyebrow": "Werkzeuge",
|
||||
"title": "Ein Arbeits-Stack, ausgewaehlt fuer Wartbarkeit, Geschwindigkeit und langfristigen Hebel.",
|
||||
"description": "Das Marquee nutzt die bestehende Site-Konfiguration, damit die Startseite mit den hervorgehobenen Tools und Kompetenzen konsistent bleibt."
|
||||
},
|
||||
"projects": {
|
||||
"eyebrow": "Ausgewaehlte Projekte",
|
||||
"title": "Drei Beispiele fuer die Art von Arbeit, die ich gerne ausliefere.",
|
||||
"description": "Ausgewaehlte Projekte verbinden starke Interface-Qualitaet mit technischer Struktur, die auch nach dem Launch stabil bleibt.",
|
||||
"stackLabel": "Stack",
|
||||
"cta": "Projekt oeffnen",
|
||||
"fallbackMeta": "Kuratiertes Projekt",
|
||||
"stackSets": [
|
||||
[
|
||||
"Next.js",
|
||||
"TypeScript",
|
||||
"Design Systems"
|
||||
],
|
||||
[
|
||||
"APIs",
|
||||
"PostgreSQL",
|
||||
"Automation"
|
||||
],
|
||||
[
|
||||
"Tailwind CSS",
|
||||
"Prisma",
|
||||
"Infrastructure"
|
||||
]
|
||||
],
|
||||
"fallbackItems": [
|
||||
{
|
||||
"title": "Produktplattform Relaunch",
|
||||
"summary": "Eine produktionsreife Erneuerung fuer eine Service-Plattform mit klarerer UX, besserer Architektur und schnelleren Lieferzyklen.",
|
||||
"stack": [
|
||||
"Next.js",
|
||||
"TypeScript",
|
||||
"PostgreSQL"
|
||||
],
|
||||
"href": "/portfolio"
|
||||
},
|
||||
{
|
||||
"title": "Operations Dashboard",
|
||||
"summary": "Interne Tools mit Fokus auf schnellere Entscheidungen, sauberere Workflows und weniger manuelle Abstimmung im Team.",
|
||||
"stack": [
|
||||
"React",
|
||||
"Node.js",
|
||||
"Automation"
|
||||
],
|
||||
"href": "/portfolio"
|
||||
},
|
||||
{
|
||||
"title": "Launch Website System",
|
||||
"summary": "Eine wiederverwendbare Website Grundlage fuer schnelle Launches ohne Abstriche bei technischer Qualitaet oder redaktioneller Kontrolle.",
|
||||
"stack": [
|
||||
"Tailwind CSS",
|
||||
"CMS",
|
||||
"Performance"
|
||||
],
|
||||
"href": "/contact"
|
||||
}
|
||||
]
|
||||
},
|
||||
"capabilities": {
|
||||
"eyebrow": "Capabilities",
|
||||
"title": "Technische Abdeckung von Ende zu Ende ohne den Produktfokus zu verlieren.",
|
||||
"description": "Jeder Bereich ist um echte Produktionsarbeit aufgebaut und nicht um generische Service-Begriffe.",
|
||||
"items": [
|
||||
{
|
||||
"title": "Frontend Engineering",
|
||||
"description": "Responsive Interfaces, Design Systems, Interaktionsqualitaet und Komponentenarchitektur fuer skalierbare Produkte."
|
||||
},
|
||||
{
|
||||
"title": "Backend Systems",
|
||||
"description": "Strukturierte APIs, Integrationen, Datenmodelle und Applikationslogik fuer verlaessliche Umsetzung."
|
||||
},
|
||||
{
|
||||
"title": "DevOps & Infrastructure",
|
||||
"description": "Deployments, Umgebungen, grundlegende Observability und Infrastrukturentscheidungen mit weniger operativer Reibung."
|
||||
},
|
||||
{
|
||||
"title": "Automation & AI Workflows",
|
||||
"description": "Praktische Automatisierungsebenen, die manuelle Arbeit reduzieren und Produkt, Content und Operations verbinden."
|
||||
}
|
||||
]
|
||||
},
|
||||
"process": {
|
||||
"eyebrow": "Prozess",
|
||||
"title": "Ein kompakter Ablauf, der Projekte in Bewegung haelt.",
|
||||
"description": "Der Prozess ist absichtlich einfach: Unklarheit frueh reduzieren, solide technische Entscheidungen treffen und diszipliniert ausliefern.",
|
||||
"steps": [
|
||||
{
|
||||
"title": "Discover",
|
||||
"description": "Ziele, Grenzen, Zielgruppe und das eigentliche Ergebnis klaeren, das das Produkt erreichen soll."
|
||||
},
|
||||
{
|
||||
"title": "Architect",
|
||||
"description": "Systemform, technische Grenzen, Inhaltsstruktur und Lieferweg definieren, bevor die schwere Umsetzung startet."
|
||||
},
|
||||
{
|
||||
"title": "Build",
|
||||
"description": "Mit starker UI Qualitaet, sauberer Applikationslogik und wartbarer Struktur ueber den gesamten Stack umsetzen."
|
||||
},
|
||||
{
|
||||
"title": "Ship",
|
||||
"description": "Sicher launchen, das Ergebnis validieren und das Produkt stabil fuer die naechste Phase hinterlassen."
|
||||
}
|
||||
]
|
||||
},
|
||||
"contactCta": {
|
||||
"eyebrow": "Gespraech starten",
|
||||
"title": "Wenn das Projekt starke Umsetzung braucht, kann ich es voranbringen.",
|
||||
"description": "Bring das Briefing, den Engpass oder die grobe Richtung mit. Ich kann Scope schaerfen, das System entwerfen und das Produkt bauen.",
|
||||
"contactCta": "Kontakt aufnehmen",
|
||||
"githubCta": "GitHub",
|
||||
"emailLabel": "E-Mail",
|
||||
"emailValue": "hello@moh-sass.dev",
|
||||
"availabilityLabel": "Verfuegbarkeit",
|
||||
"availabilityValue": "Offen fuer fokussierte Produktarbeit",
|
||||
"githubHref": "https://github.com/mohfarawati"
|
||||
}
|
||||
},
|
||||
"portfolioPage": {
|
||||
"title": "Portfolio",
|
||||
|
||||
+218
-17
@@ -36,23 +36,224 @@
|
||||
"secondaryCta": "Back to homepage"
|
||||
},
|
||||
"homepage": {
|
||||
"heroKicker": "Hi, I am Moh",
|
||||
"heroTitle": "frontend\ndeveloper\n& designer",
|
||||
"heroText": "I craft digital solutions for human problems\nthat look good and work well.",
|
||||
"servicesEyebrow": "Capabilities",
|
||||
"servicesTitle": "Digital work shaped around what your business actually needs.",
|
||||
"servicesText": "From brand direction and websites to stores, SEO, tracking, WordPress plugins, and internal systems, the goal is the same: clearer structure, better performance, and room to grow.",
|
||||
"servicesPrimaryCta": "Tell me about your project",
|
||||
"servicesSecondaryCta": "See my work",
|
||||
"serviceBrand": "Brand systems and visual direction.",
|
||||
"serviceWebsite": "Business websites with clear structure.",
|
||||
"serviceStore": "Stores built for easier selling.",
|
||||
"serviceWordPress": "Custom WordPress plugin development.",
|
||||
"serviceSeo": "Search visibility and technical SEO.",
|
||||
"serviceTracking": "Tracking setup and user insights.",
|
||||
"serviceSystem": "Custom internal systems for teams.",
|
||||
"toPortfolio": "View portfolio",
|
||||
"toContact": "Contact me"
|
||||
"meta": {
|
||||
"title": "Full-stack developer portfolio",
|
||||
"description": "Modern digital products, scalable systems, and multilingual experiences built with product focus."
|
||||
},
|
||||
"heroVisual": {
|
||||
"kicker": "Hi, I am Moh",
|
||||
"title": "frontend\ndeveloper\n& designer",
|
||||
"description": "I craft digital solutions for human problems\nthat look good and work well."
|
||||
},
|
||||
"hero": {
|
||||
"availability": "Available for selected projects",
|
||||
"name": "Moh Farawati",
|
||||
"headline": "Full-stack products with sharp frontend execution and reliable backend systems.",
|
||||
"description": "I design and build premium web experiences for teams that need clarity, speed, and production-ready engineering from strategy to launch.",
|
||||
"primaryCta": "Start a project",
|
||||
"secondaryCta": "View selected work",
|
||||
"locationLabel": "Base",
|
||||
"locationValue": "Berlin, Germany",
|
||||
"roleLabel": "Role",
|
||||
"roleValue": "Full-stack developer",
|
||||
"focusLabel": "Current focus",
|
||||
"focusValue": "High-performance products, automation, and maintainable platform work.",
|
||||
"highlights": [
|
||||
"3-language delivery",
|
||||
"Product-minded execution",
|
||||
"Technical partner for launch-ready teams"
|
||||
]
|
||||
},
|
||||
"bento": {
|
||||
"eyebrow": "Highlights",
|
||||
"title": "Built for teams that care about quality, speed, and clean technical decisions.",
|
||||
"description": "The homepage is structured around the way I work: strategy first, strong execution second, and no wasted surface area in between.",
|
||||
"about": {
|
||||
"eyebrow": "About me",
|
||||
"title": "I work across product, engineering, and delivery.",
|
||||
"description": "My work combines product thinking with hands-on implementation, so founders, agencies, and technical teams get a developer who can move from architecture to shipped detail without losing quality.",
|
||||
"points": [
|
||||
"Frontend systems with strong UX discipline",
|
||||
"Backend services and integrations for real workflows",
|
||||
"Clear communication with technical and non-technical stakeholders",
|
||||
"Shipping with maintainability in mind from day one"
|
||||
]
|
||||
},
|
||||
"coreStack": {
|
||||
"eyebrow": "Core stack",
|
||||
"title": "Daily tools",
|
||||
"items": [
|
||||
"Next.js",
|
||||
"TypeScript",
|
||||
"React",
|
||||
"Node.js",
|
||||
"PostgreSQL",
|
||||
"Tailwind CSS",
|
||||
"Prisma",
|
||||
"Docker"
|
||||
]
|
||||
},
|
||||
"availability": {
|
||||
"eyebrow": "Availability",
|
||||
"title": "Open for focused collaborations",
|
||||
"description": "Best fit for startups, agencies, and teams that want one technical owner who can drive implementation end to end.",
|
||||
"status": "New slots open"
|
||||
},
|
||||
"currentFocus": {
|
||||
"eyebrow": "Current focus",
|
||||
"title": "What I am building most",
|
||||
"items": [
|
||||
"Marketing sites with product-grade UX",
|
||||
"Admin tooling and internal dashboards",
|
||||
"Automation flows around content and operations"
|
||||
]
|
||||
},
|
||||
"contact": {
|
||||
"eyebrow": "Quick contact",
|
||||
"title": "Short path to reach me",
|
||||
"description": "If the brief is already clear, send the context and timeline and I will reply with the right next step.",
|
||||
"emailLabel": "Email",
|
||||
"emailValue": "hello@moh-sass.dev"
|
||||
},
|
||||
"highlights": {
|
||||
"eyebrow": "Highlights",
|
||||
"title": "Working principles",
|
||||
"items": [
|
||||
{
|
||||
"value": "3",
|
||||
"label": "Supported languages"
|
||||
},
|
||||
{
|
||||
"value": "E2E",
|
||||
"label": "Delivery ownership"
|
||||
},
|
||||
{
|
||||
"value": "24/7",
|
||||
"label": "Production mindset"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"marquee": {
|
||||
"eyebrow": "Trusted tools",
|
||||
"title": "A working stack chosen for maintainability, speed, and long-term leverage.",
|
||||
"description": "The marquee pulls from the existing site configuration so the homepage stays aligned with the tools and capabilities you want to highlight."
|
||||
},
|
||||
"projects": {
|
||||
"eyebrow": "Selected projects",
|
||||
"title": "Three examples of the kind of work I like to ship.",
|
||||
"description": "Featured work combines strong interface quality with technical structure that stays stable after launch.",
|
||||
"stackLabel": "Stack",
|
||||
"cta": "Open project",
|
||||
"fallbackMeta": "Curated work",
|
||||
"stackSets": [
|
||||
[
|
||||
"Next.js",
|
||||
"TypeScript",
|
||||
"Design Systems"
|
||||
],
|
||||
[
|
||||
"APIs",
|
||||
"PostgreSQL",
|
||||
"Automation"
|
||||
],
|
||||
[
|
||||
"Tailwind CSS",
|
||||
"Prisma",
|
||||
"Infrastructure"
|
||||
]
|
||||
],
|
||||
"fallbackItems": [
|
||||
{
|
||||
"title": "Product platform overhaul",
|
||||
"summary": "A production-minded refresh for a service platform with clearer UX, stronger architecture, and faster delivery cycles.",
|
||||
"stack": [
|
||||
"Next.js",
|
||||
"TypeScript",
|
||||
"PostgreSQL"
|
||||
],
|
||||
"href": "/portfolio"
|
||||
},
|
||||
{
|
||||
"title": "Operations dashboard",
|
||||
"summary": "Internal tooling focused on decision speed, cleaner workflows, and less manual coordination across teams.",
|
||||
"stack": [
|
||||
"React",
|
||||
"Node.js",
|
||||
"Automation"
|
||||
],
|
||||
"href": "/portfolio"
|
||||
},
|
||||
{
|
||||
"title": "Launch website system",
|
||||
"summary": "A reusable website foundation for rapid launches without compromising technical quality or editorial control.",
|
||||
"stack": [
|
||||
"Tailwind CSS",
|
||||
"CMS",
|
||||
"Performance"
|
||||
],
|
||||
"href": "/contact"
|
||||
}
|
||||
]
|
||||
},
|
||||
"capabilities": {
|
||||
"eyebrow": "Capabilities",
|
||||
"title": "End-to-end technical coverage without losing product focus.",
|
||||
"description": "Each capability area is shaped around production work, not generic service labels.",
|
||||
"items": [
|
||||
{
|
||||
"title": "Frontend Engineering",
|
||||
"description": "Responsive interfaces, design systems, interaction polish, and component architecture built for scale."
|
||||
},
|
||||
{
|
||||
"title": "Backend Systems",
|
||||
"description": "Structured APIs, integrations, data modeling, and application logic designed for dependable delivery."
|
||||
},
|
||||
{
|
||||
"title": "DevOps & Infrastructure",
|
||||
"description": "Deployments, environments, observability basics, and infrastructure decisions that reduce operational drag."
|
||||
},
|
||||
{
|
||||
"title": "Automation & AI Workflows",
|
||||
"description": "Practical automation layers that remove manual work and connect product, content, and operational tasks."
|
||||
}
|
||||
]
|
||||
},
|
||||
"process": {
|
||||
"eyebrow": "Process",
|
||||
"title": "A compact workflow that keeps projects moving.",
|
||||
"description": "The process is intentionally simple: reduce ambiguity early, make sound technical decisions, and ship with discipline.",
|
||||
"steps": [
|
||||
{
|
||||
"title": "Discover",
|
||||
"description": "Clarify goals, constraints, audience, and the real outcome the product needs to drive."
|
||||
},
|
||||
{
|
||||
"title": "Architect",
|
||||
"description": "Define the system shape, technical boundaries, content structure, and delivery path before heavy implementation."
|
||||
},
|
||||
{
|
||||
"title": "Build",
|
||||
"description": "Implement with strong UI detail, clean application logic, and maintainable structure across the stack."
|
||||
},
|
||||
{
|
||||
"title": "Ship",
|
||||
"description": "Launch with confidence, validate the result, and leave the product in a stable state for the next phase."
|
||||
}
|
||||
]
|
||||
},
|
||||
"contactCta": {
|
||||
"eyebrow": "Start the conversation",
|
||||
"title": "If the project needs strong execution, I can help move it forward.",
|
||||
"description": "Bring the brief, the bottleneck, or the rough direction. I can help shape the scope, design the system, and build the product.",
|
||||
"contactCta": "Contact me",
|
||||
"githubCta": "GitHub",
|
||||
"emailLabel": "Email",
|
||||
"emailValue": "hello@moh-sass.dev",
|
||||
"availabilityLabel": "Availability",
|
||||
"availabilityValue": "Open for focused product work",
|
||||
"githubHref": "https://github.com/mohfarawati"
|
||||
}
|
||||
},
|
||||
"portfolioPage": {
|
||||
"title": "Portfolio",
|
||||
|
||||
Reference in New Issue
Block a user