{dict.about.kicker}
+{dict.about.lede}
++ {person.role} · {person.location} +
++ {paragraph} +
+ ))} +{principle.text}
+{dict.contact.kicker}
+{dict.contact.lede}
+{dict.legal.imprintKicker}
++ {paragraph} +
+ ))} +{note.summary}
++ {paragraph} +
+ ))} +{dict.notes.kicker}
+{dict.notes.lede}
+{note.summary}
+ + {dict.actions.openNote} → + +{dict.home.kicker}
+{dict.home.lede}
+{dict.home.workKicker}
+{dict.home.workLede}
+{project.label}
+ {project.number} +{project.summary}
+{project.status}
+ + {dict.actions.openCase} → + +{dict.home.methodKicker}
+{dict.home.methodLede}
+{principle.text}
+{dict.home.offerKicker}
+{offer.text}
+{dict.home.notesKicker}
+{note.summary}
+ + {dict.actions.openNote} → + +Batchmaker
+{update.summary}
+{dict.home.ctaKicker}
+{dict.home.ctaBody}
+ + {dict.actions.startConversation} + +{dict.legal.privacyKicker}
++ {paragraph} +
+ ))} +{project.label}
+{project.summary}
+{project.situation}
+{decision}
+{dict.case.proof}
+{dict.case.decisions}
+{project.outcome}
+{project.lesson}
+ {project.href ? ( + + {project.href.replace(/^https?:\/\//, "")} → + + ) : null} +{dict.home.ctaKicker}
+{dict.work.kicker}
+{dict.work.lede}
+{project.number}
+{project.status}
+{project.label}
+{project.summary}
+{project.stack}
+ + {dict.actions.openCase} → + +404
+Die Adresse existiert nicht oder wurde verschoben.
+ + Zur Startseite → + +Jan Wagner · Software Engineering
-Ich entwickle robuste digitale Systeme für industrielle und anspruchsvolle Geschäftsprozesse — mit Domänenverständnis, klarer Architektur und Verantwortung für den Betrieb.
- -Ausgewählte Arbeit
-Jedes Projekt zeigt eine andere Seite derselben Arbeit: Domäne verstehen, Entscheidungen explizit machen und ein System in der Realität betreiben.
-{project.label}
- {project.number} -{project.summary}
-{project.details}
-Rolle
{project.role}
Werkzeuge
{project.stack}
Status
{project.status}
Batchmaker Studio
-Studio fokussiert die fachliche Arbeit vor der Produktion: Rezepte entwickeln, Rohstoffanalysen verwalten, Glaschemie berechnen und Satzzettel druckfertig machen.
-Die eigenständige Variante nutzt denselben Domänenkern, bleibt aber bewusst kleiner: eigener Express-Server, eigene SQLite-Datenbank und eine schlanke Browser-Oberfläche.
-{text}
-Status: eigenständig betreibbares Produkt · Browser-Ansichten verifiziert.
- Zur Case Study → -Produkt-Updates
-{update.product === "standalone" ? "Standalone" : "Batchmaker"}
-{update.summary}
- -Noch keine veröffentlichten Updates. Neue Releases und fachliche Fortschritte erscheinen hier.
- )} -Arbeitsweise
-Technologie ist Mittel zum Zweck. Entscheidend ist, ob ein System die richtigen fachlichen Zustände abbildet und im Alltag erklärbar bleibt.
-{text}
Zusammenarbeit
-{text}
-Kontakt
-Lassen Sie uns klären, wo der größte Hebel liegt — in einem neuen Produkt, einer bestehenden Anwendung oder einer technischen Entscheidung.
-Kontaktkanal und Impressum werden vor dem öffentlichen Launch ergänzt.
-Case Study · Standalone Product
-Recipe Engineering für die Glasindustrie — bewusst kleiner als ein Produktionssystem, aber fachlich belastbar genug für echte Rezeptarbeit.
-Rolle
Produktarchitektur und Full-Stack-Entwicklung
Stack
Node.js · Express · SQLite · Vanilla JS · Vite
Evidenz
Lokale Browser-Session verifiziert
Der Zuschnitt
-Batchmaker Studio konzentriert sich auf Rezepte, Rohstoffe, Glaschemie, Validierung und druckfertige Satzzettel. Silos, Schichten und laufende Produktionsbuchungen bleiben bewusst außerhalb des Produkts.
-Diese Grenze ist eine Designentscheidung: Das Studio kann eigenständig betrieben und für Rezeptentwicklung eingesetzt werden, ohne die vollständige Betriebslogik von W-Make Batch mitzuschleppen.
-Verifizierte Ansichten
-{text}
-Engineering-Lektion
-Ein gutes Werkzeug muss nicht den gesamten Nachbarprozess abbilden. Der kleinere Zuschnitt macht die fachliche Aufgabe verständlicher, testbarer und eigenständig betreibbar.
-+ {dict.contact.success} +
+ ); + } + + const invalid = (name: string) => field === name; + + return ( + + ); +} diff --git a/src/components/json-ld.tsx b/src/components/json-ld.tsx new file mode 100644 index 0000000..59f7648 --- /dev/null +++ b/src/components/json-ld.tsx @@ -0,0 +1,25 @@ +import { site } from "@/content/site"; + +export function HomeJsonLd() { + const data = { + "@context": "https://schema.org", + "@type": "ProfessionalService", + name: "W-MAKE", + url: site.url, + founder: { + "@type": "Person", + name: "Jan Wagner", + jobTitle: "Software Engineer", + }, + areaServed: "DE", + description: + "Software für industrielle und anspruchsvolle Geschäftsprozesse — Domänenverständnis, Architektur, Betrieb.", + }; + + return ( + + ); +} diff --git a/src/components/language-switcher.tsx b/src/components/language-switcher.tsx new file mode 100644 index 0000000..d83ec37 --- /dev/null +++ b/src/components/language-switcher.tsx @@ -0,0 +1,31 @@ +"use client"; + +import Link from "next/link"; +import { usePathname } from "next/navigation"; +import type { Dictionary } from "@/i18n/dictionaries"; +import { switchLocale, toPublicFromInternal, type Locale } from "@/i18n/routes"; + +export function LanguageSwitcher({ + locale, + dict, +}: { + locale: Locale; + dict: Dictionary; +}) { + const pathname = usePathname() || "/"; + const publicPath = toPublicFromInternal(pathname) ?? pathname; + const target = locale === "de" ? "en" : "de"; + const href = switchLocale(publicPath, target) ?? (target === "en" ? "/en" : "/"); + + return ( + + ); +} diff --git a/src/components/mark.tsx b/src/components/mark.tsx new file mode 100644 index 0000000..e1cbaa5 --- /dev/null +++ b/src/components/mark.tsx @@ -0,0 +1,13 @@ +export function Mark({ className = "h-7 w-7" }: { className?: string }) { + return ( + + ); +} diff --git a/src/components/process-rail.tsx b/src/components/process-rail.tsx new file mode 100644 index 0000000..474d278 --- /dev/null +++ b/src/components/process-rail.tsx @@ -0,0 +1,17 @@ +export function ProcessRail({ + stages, +}: { + stages: readonly { title: string; text: string }[]; +}) { + return ( +0{index + 1}
+{stage.text}
+