The homepage hero had no call to action (Phase 0 finding). Add a live availability pill and primary/secondary CTAs while keeping the signature title. - HomeHero: optional availability status pill (pulsing dot) plus primary (view work) and secondary (contact) CTAs, RTL-aware arrow, using the type scale. Backward compatible (all new props optional). - Wire copy + hrefs from the homepage; add heroVisual.primaryCta / secondaryCta to en/de/ar. Verified: JSON valid, eslint clean, no new type errors.
306 lines
12 KiB
JSON
306 lines
12 KiB
JSON
{
|
|
"navigation": {
|
|
"home": "Startseite",
|
|
"portfolio": "Portfolio",
|
|
"products": "Produkte",
|
|
"about": "Über mich",
|
|
"contact": "Kontakt",
|
|
"soon": "Bald",
|
|
"admin": "Admin",
|
|
"openMenu": "Menü öffnen",
|
|
"closeMenu": "Menü schliessen",
|
|
"themeToggle": "Theme wechseln",
|
|
"soundMute": "Sounds stummschalten",
|
|
"soundUnmute": "Sounds aktivieren"
|
|
},
|
|
"footer": {
|
|
"line": {
|
|
"rights": "Alle Rechte vorbehalten © {year} moh-sass",
|
|
"madeBefore": "Gemacht mit",
|
|
"madeAfter": "in Bremen - von MohFarawati"
|
|
}
|
|
},
|
|
"comingSoon": {
|
|
"badge": "Professionelles Update",
|
|
"kicker": "Die Website wird neu aufgebaut",
|
|
"titleLineOne": "Website",
|
|
"titleLineTwo": "in Bearbeitung",
|
|
"titleLineThree": "bald wieder online",
|
|
"description": "Ich baue die Website neu auf, damit Leistungen, ausgewählte Arbeiten und Zusammenarbeit klarer, direkter und ohne Wiederholungen sichtbar werden.",
|
|
"primaryCta": "Projekt starten",
|
|
"secondaryCta": "Zur Startseite",
|
|
"status": "In Entwicklung · bald zurück",
|
|
"countdownLabel": "Start in",
|
|
"unitDays": "Tage",
|
|
"unitHours": "Stunden",
|
|
"unitMinutes": "Minuten",
|
|
"unitSeconds": "Sekunden",
|
|
"launched": "Wir starten sehr bald"
|
|
},
|
|
"homepage": {
|
|
"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",
|
|
"primaryCta": "Arbeiten ansehen",
|
|
"secondaryCta": "Kontakt aufnehmen",
|
|
"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": "Hervorgehobene Projekte",
|
|
"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",
|
|
"heroBadge": "Ausgewählte Arbeiten",
|
|
"heroTitle": "Portfolio",
|
|
"intro": "Eine Auswahl von Projekten mit Fokus auf Klarheit und Ergebnis.",
|
|
"open": "Projekt öffnen",
|
|
"all": "Alle Kategorien",
|
|
"empty": "Für diesen Filter sind noch keine veröffentlichten Projekte vorhanden."
|
|
},
|
|
"aboutPage": {
|
|
"title": "Über mich",
|
|
"description": "Ein fokussierter Überblick über meine Ausbildung, meine aktuelle Rolle und die Art von Frontend Arbeit, die ich liefere.",
|
|
"heroEyebrow": "Über mich",
|
|
"placeholder": "Der Inhalt der About Seite kommt bald hier hin."
|
|
},
|
|
"contactPage": {
|
|
"title": "Kontakt",
|
|
"heroBadge": "Lass uns reden",
|
|
"heroTitle": "Lass uns reden",
|
|
"intro": "Schreib mir kurz dein Ziel und ich melde mich zeitnah.",
|
|
"name": "Name",
|
|
"email": "E-Mail",
|
|
"phone": "Telefon",
|
|
"company": "Firma",
|
|
"message": "Nachricht",
|
|
"note": "Teile kurz Kontext, Ziel und Deadline mit, damit die Antwort präziser ausfallen kann.",
|
|
"submit": "Senden",
|
|
"preview": "Success Seite ansehen",
|
|
"city": "Berlin, Deutschland"
|
|
},
|
|
"successPage": {
|
|
"title": "Danke für deine Nachricht",
|
|
"text": "Ich habe deine Anfrage erhalten und melde mich zeitnah.",
|
|
"home": "Zur Startseite",
|
|
"contact": "Zur Kontaktseite"
|
|
},
|
|
"portfolioDetail": {
|
|
"back": "Zurück zum Portfolio",
|
|
"preview": "Vorschau öffnen",
|
|
"openLink": "Link öffnen",
|
|
"gallery": "Projektgalerie",
|
|
"download": "Dokument öffnen"
|
|
}
|
|
}
|