Refine homepage and restore hero

This commit is contained in:
MOH
2026-03-15 18:26:31 +01:00
parent 6caf723695
commit cf957cbbe2
14 changed files with 1565 additions and 155 deletions
+218 -17
View File
@@ -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",