diff --git a/src/assets/css/market-pages.css b/src/assets/css/market-pages.css index d877b10..5d47365 100644 --- a/src/assets/css/market-pages.css +++ b/src/assets/css/market-pages.css @@ -39,10 +39,13 @@ .home-typewriter-title { display: inline; + overflow-wrap: break-word; } .home-typewriter-title__word { display: inline-block; + max-width: 100%; + overflow-wrap: break-word; white-space: nowrap; } @@ -73,6 +76,13 @@ } } +@media (max-width: 760px) { + .home-typewriter-title__word { + overflow-wrap: anywhere; + white-space: normal; + } +} + .market-page__claim { max-width: 720px; margin: 0; diff --git a/src/components/About.jsx b/src/components/About.jsx index b0fc428..c985548 100644 --- a/src/components/About.jsx +++ b/src/components/About.jsx @@ -10,6 +10,8 @@ import { Users, Workflow, } from "lucide-react"; +import { useTranslation } from "../context/LangContext.jsx"; +import { deText, localizeGermanValue } from "../locales/germanCopy.js"; const IMPLEMENTATION_AREAS = [ "OR and clinical workflow environments", @@ -85,9 +87,12 @@ const TECH_FOUNDATION = [ ]; function CheckList({ items }) { + const { lang } = useTranslation(); + const localizedItems = localizeGermanValue(items, lang); + return (
My work sits between operational reality and product structure: understanding where workflows break, then designing AI-assisted systems that make the work clearer, reviewable, and easier to execute.
+{deText("My work sits between operational reality and product structure: understanding where workflows break, then designing AI-assisted systems that make the work clearer, reviewable, and easier to execute.", lang)}
- Alongside hands-on product and implementation work, I'm completing a Master's in Software Development and continuously deepening my applied AI skills across automation, AI-assisted development, workflow systems, and practical deployment. + {deText("Alongside hands-on product and implementation work, I'm completing a Master's in Software Development and continuously deepening my applied AI skills across automation, AI-assisted development, workflow systems, and practical deployment.", lang)}
This experience matters because AI workflow systems fail when they ignore real constraints: handovers, ownership, documentation, training, exceptions, and review points.
+{deText("This experience matters because AI workflow systems fail when they ignore real constraints: handovers, ownership, documentation, training, exceptions, and review points.", lang)}
- I do not start from what AI can do. I start from where the workflow breaks, where risk appears, and what system should exist. + {deText("I do not start from what AI can do. I start from where the workflow breaks, where risk appears, and what system should exist.", lang)}
-AI is the acceleration layer: useful for discovery, prototyping, documentation, and delivery, but the workflow logic, ownership, and review model must stay clear.
+{deText("AI is the acceleration layer: useful for discovery, prototyping, documentation, and delivery, but the workflow logic, ownership, and review model must stay clear.", lang)}
My strongest fit is AI workflow systems for operations-heavy teams, backed by product judgment, regulated-operations credibility, and implementation proof.
+{deText("My strongest fit is AI workflow systems for operations-heavy teams, backed by product judgment, regulated-operations credibility, and implementation proof.", lang)}
{item.body}
{item.relevance}
{item.type}
-{localizedItem.type}
+- Best fit when work is scattered across emails, spreadsheets, PDFs, meetings, support requests, or handover documents, and the team needs a concrete AI starting point. + {deText("Best fit when work is scattered across emails, spreadsheets, PDFs, meetings, support requests, or handover documents, and the team needs a concrete AI starting point.", lang)}
- The audit produces a recommended pilot and sprint scope. From there, I can help build the first useful system: an internal assistant, workflow automation, dashboard, decision-support tool, or deployed custom prototype. + {deText("The audit produces a recommended pilot and sprint scope. From there, I can help build the first useful system: an internal assistant, workflow automation, dashboard, decision-support tool, or deployed custom prototype.", lang)}
- Book an AI Workflow Audit + {deText("Book an AI Workflow Audit", lang)}{item.text}
@@ -812,16 +843,20 @@ function CapabilityGrid({ items }) { } function WorkflowExampleStrip({ workflow }) { + const { lang } = useTranslation(); + const localizedWorkflow = localizeGermanValue(workflow, lang); + const flowLabels = ["Input", "AI Step", "Human Review", "Output"].map((label) => deText(label, lang)); + return ({workflow.value}
+{localizedWorkflow.value}
{project.type}
-{localizedProject.type}
+{project.description}
-{project.relevance}
+{localizedProject.description}
+{localizedProject.relevance}
{item.text}
@@ -983,27 +1042,33 @@ function FullStackCapabilityGrid({ items }) { } export function HomePage() { + const { lang } = useTranslation(); const highlights = [ "AI Systems Consultant", "Operations-heavy SMEs", "Regulated workflow experience", ]; const homeTitle = "AI Workflow Systems for Operations-Heavy SMEs and Regulated Teams"; + const localizedHighlights = localizeGermanValue(highlights, lang); + const localizedHomeArtifact = localizeGermanValue(homeArtifact, lang); + const localizedHomeWorkflow = localizeGermanValue(homeWorkflow, lang); + const localizedOperatingModelPills = localizeGermanValue(operatingModelPills, lang); + const localizedProofHighlights = localizeGermanValue(proofHighlights, lang); return (I do not sell broad AI experiments. I help businesses find one workflow where AI can safely reduce friction, then turn it into a practical system.
+{deText("I do not sell broad AI experiments. I help businesses find one workflow where AI can safely reduce friction, then turn it into a practical system.", lang)}
Common pilot types
+{deText("Common pilot types", lang)}
) : null}10+ years across MedTech, OR integration, clinical equipment workflows, supplier coordination, training, handover, and healthcare operations.
-{deText("10+ years across MedTech, OR integration, clinical equipment workflows, supplier coordination, training, handover, and healthcare operations.", lang)}
+This is implementation proof for the consulting offer: React, Python, APIs, databases, deployment, and AI-assisted development applied to real workflow problems.
-{deText("This is implementation proof for the consulting offer: React, Python, APIs, databases, deployment, and AI-assisted development applied to real workflow problems.", lang)}
+