From 4a8bb0362afc7e40522852c48de0e3020201925b Mon Sep 17 00:00:00 2001 From: Roman Mazuryk Date: Wed, 29 Jul 2026 14:28:19 +0200 Subject: [PATCH] feat(fullstack): refine product builder page --- src/assets/css/market-pages.css | 297 ++++++++++++++++++++++++ src/components/MarketPages.jsx | 389 +++++++++++++++++++++++--------- src/hooks/useOgMeta.js | 2 +- src/locales/de.js | 2 +- src/locales/en.js | 2 +- 5 files changed, 578 insertions(+), 114 deletions(-) diff --git a/src/assets/css/market-pages.css b/src/assets/css/market-pages.css index 3c1a582..09752eb 100644 --- a/src/assets/css/market-pages.css +++ b/src/assets/css/market-pages.css @@ -893,6 +893,289 @@ line-height: 1.55; } +.market-page--fullstack .page-hero__inner { + padding-top: clamp(34px, 5vw, 62px); +} + +.market-page--fullstack .page-hero__title { + max-width: 920px; +} + +.fullstack-hero-extra { + max-width: 980px; + gap: 14px; +} + +.fullstack-credibility-line { + margin: 0; + padding: 12px 14px; + border: 1px solid var(--system-border); + border-left: 3px solid var(--accent-fullstack); + border-radius: 12px; + background: var(--accent-fullstack-soft); + color: var(--muted-strong); + line-height: 1.55; +} + +.fullstack-hero-map { + display: grid; + grid-template-columns: repeat(6, minmax(0, 1fr)); + gap: 8px; + align-items: stretch; + padding: 14px; + border: 1px solid var(--system-border); + border-radius: 16px; + background: + linear-gradient(var(--grid-line) 1px, transparent 1px), + linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), + radial-gradient(460px 200px at 100% 0, var(--accent-fullstack-soft), transparent 68%), + color-mix(in srgb, var(--panel) 88%, transparent); + background-size: 24px 24px, 24px 24px, auto, auto; + box-shadow: var(--shadow); +} + +.fullstack-hero-map__node { + position: relative; + z-index: 1; + min-width: 0; + padding: 12px 10px; + border: 1px solid var(--system-border); + border-radius: 12px; + background: color-mix(in srgb, var(--panel) 90%, transparent); +} + +.fullstack-hero-map__node span { + display: grid; + place-items: center; + width: 28px; + height: 28px; + margin-bottom: 9px; + border-radius: 999px; + background: var(--accent-fullstack-soft); + color: var(--accent-fullstack); + font-size: 11px; + font-weight: 900; +} + +.fullstack-hero-map__node strong { + display: block; + color: var(--text); + font-size: 12px; + line-height: 1.3; +} + +.fullstack-hero-map__connector { + display: none; +} + +.fullstack-stack-grid, +.fullstack-project-grid, +.fullstack-secondary-grid, +.fullstack-capability-grid { + display: grid; + gap: 16px; +} + +.fullstack-stack-grid { + grid-template-columns: repeat(5, minmax(0, 1fr)); +} + +.fullstack-stack-card, +.fullstack-workflow-card, +.fullstack-project-card, +.fullstack-capability-card { + position: relative; + overflow: hidden; + border: 1px solid var(--system-border); + border-radius: 14px; + background: + linear-gradient(var(--grid-line) 1px, transparent 1px), + linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), + color-mix(in srgb, var(--panel) 90%, transparent); + background-size: 24px 24px, 24px 24px, auto; + box-shadow: var(--shadow); +} + +.fullstack-stack-card::before, +.fullstack-workflow-card::before, +.fullstack-project-card::before, +.fullstack-capability-card::before { + content: ""; + position: absolute; + inset: 0 auto 0 0; + width: 3px; + background: linear-gradient(180deg, var(--accent-fullstack), transparent); +} + +.fullstack-stack-card { + padding: 18px; +} + +.fullstack-stack-card h3, +.fullstack-workflow-card h3, +.fullstack-project-card h3, +.fullstack-capability-card h3 { + margin: 0; + color: var(--text); + line-height: 1.25; +} + +.fullstack-stack-card h3 { + margin-bottom: 12px; + font-size: 16px; +} + +.fullstack-stack-card div, +.fullstack-project-card__stack, +.fullstack-project-card__links { + display: flex; + flex-wrap: wrap; + gap: 8px; +} + +.fullstack-workflow-row { + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 14px; +} + +.fullstack-workflow-card { + padding: 18px; + background: + linear-gradient(var(--grid-line) 1px, transparent 1px), + linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), + radial-gradient(260px 150px at 100% 0, var(--accent-fullstack-soft), transparent 70%), + color-mix(in srgb, var(--panel) 90%, transparent); +} + +.fullstack-workflow-card span, +.fullstack-project-card header p, +.fullstack-project-card__status { + display: inline-flex; + width: fit-content; + color: var(--accent-fullstack); + font-size: 10px; + font-weight: 900; + letter-spacing: 0.14em; + text-transform: uppercase; +} + +.fullstack-workflow-card h3 { + margin-top: 10px; + font-size: 18px; +} + +.fullstack-workflow-card p, +.fullstack-capability-card p { + margin: 9px 0 0; + color: var(--muted); + line-height: 1.6; +} + +.fullstack-project-grid, +.fullstack-secondary-grid { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +.fullstack-project-card { + display: flex; + flex-direction: column; + padding: 20px; +} + +.fullstack-project-card:nth-child(2n) { + background: + linear-gradient(var(--grid-line) 1px, transparent 1px), + linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), + radial-gradient(360px 170px at 100% 0, color-mix(in srgb, var(--accent-fullstack-2) 12%, transparent), transparent 70%), + color-mix(in srgb, var(--panel) 91%, transparent); +} + +.fullstack-project-card:nth-child(3n) { + background: + linear-gradient(var(--grid-line) 1px, transparent 1px), + linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), + radial-gradient(360px 170px at 0 100%, var(--accent-fullstack-soft), transparent 70%), + color-mix(in srgb, var(--panel) 91%, transparent); +} + +.fullstack-project-card--compact { + padding: 18px; + box-shadow: none; +} + +.fullstack-project-card header { + display: grid; + gap: 7px; +} + +.fullstack-project-card__status { + padding: 5px 8px; + border: 1px solid color-mix(in srgb, var(--accent-fullstack) 34%, var(--border)); + border-radius: 999px; + background: var(--accent-fullstack-soft); + letter-spacing: 0.08em; +} + +.fullstack-project-card h3 { + font-size: 21px; +} + +.fullstack-project-card__description { + margin: 14px 0 0; + color: var(--muted-strong); + line-height: 1.62; +} + +.fullstack-project-card__relevance { + margin: 12px 0 0; + padding-top: 12px; + border-top: 1px dashed var(--system-border); + color: var(--muted); + line-height: 1.58; +} + +.fullstack-project-card__stack { + margin-top: 16px; +} + +.fullstack-project-card__links { + margin-top: auto; + padding-top: 18px; +} + +.fullstack-project-card__links a { + display: inline-flex; + align-items: center; + gap: 6px; + min-height: 32px; + padding: 7px 10px; + border: 1px solid color-mix(in srgb, var(--accent-fullstack) 30%, var(--border)); + border-radius: 999px; + background: var(--accent-fullstack-soft); + color: var(--text); + font-size: 13px; + font-weight: 850; + text-decoration: none; +} + +.fullstack-project-card__links a:hover { + border-color: color-mix(in srgb, var(--accent-fullstack) 56%, var(--border-hover)); + background: color-mix(in srgb, var(--accent-fullstack-soft) 78%, var(--panel-hover)); +} + +.fullstack-capability-grid { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +.fullstack-capability-card { + padding: 18px; +} + +.fullstack-capability-card h3 { + font-size: 17px; +} + @media (max-width: 920px) { .page-hero--ai .page-hero__content, .ai-before-after, @@ -947,6 +1230,10 @@ .medtech-proof-grid, .medtech-capability-grid, .medtech-role-grid, + .fullstack-stack-grid, + .fullstack-project-grid, + .fullstack-secondary-grid, + .fullstack-capability-grid, .home-system-visual { grid-template-columns: 1fr; } @@ -975,6 +1262,11 @@ .medtech-hero-extra .workflow-node::after { display: none; } + + .fullstack-hero-map, + .fullstack-workflow-row { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } } @media (max-width: 640px) { @@ -1004,6 +1296,11 @@ grid-template-columns: 1fr; } + .fullstack-hero-map, + .fullstack-workflow-row { + grid-template-columns: 1fr; + } + .ai-before-after, .ai-tool-matrix, .ai-offer-card, diff --git a/src/components/MarketPages.jsx b/src/components/MarketPages.jsx index 5251170..d00c409 100644 --- a/src/components/MarketPages.jsx +++ b/src/components/MarketPages.jsx @@ -5,7 +5,6 @@ import { Code2, Github, Mail, - Network, Stethoscope, Workflow, } from "lucide-react"; @@ -20,7 +19,7 @@ import { SystemCard, WorkflowMap, } from "./system/SystemVisuals.jsx"; -import { getProjectsByCategory, projectCategories, projectPortfolio } from "../data/projects.js"; +import { getProjectsByCategory, projectCategories } from "../data/projects.js"; const EMAIL = "romazuryk@proton.me"; @@ -82,13 +81,6 @@ const aiArtifact = { outputs: ["Automation", "AI summary", "Human review", "Dashboard / output"], }; -const fullstackArtifact = { - inputLabel: "Prompt", - outputLabel: "Product system", - inputs: ["Idea", "AI-assisted planning", "Code"], - outputs: ["Data layer", "UI", "Deployed demo"], -}; - const proofHighlights = [ { title: "AI workflow audits", @@ -451,41 +443,155 @@ const medtechRoleGroups = [ }, ]; -const fullstackStack = [ - "React", - "Next.js", - "TypeScript / JavaScript", - "Tailwind", - "Python", - "Flask / FastAPI", - "PostgreSQL / Supabase / Firebase", - "REST APIs", - "Git / GitHub", - "Vercel / Render / Koyeb", - "ChatGPT", - "Claude", - "Codex", - "v0", - "Cursor", +const fullstackHeroFlow = [ + "Idea", + "AI-assisted planning", + "UI prototype", + "Data model", + "Working app", + "Deployed demo", +]; + +const fullstackStackGroups = [ + { title: "Frontend", items: ["React", "Next.js", "TypeScript / JavaScript", "Tailwind"] }, + { title: "Backend / APIs", items: ["Python", "Flask / FastAPI", "REST APIs"] }, + { title: "Data", items: ["PostgreSQL", "Supabase", "Firebase"] }, + { title: "Deployment", items: ["Vercel", "Render", "Koyeb"] }, + { title: "AI-assisted development", items: ["ChatGPT", "Claude", "Codex", "v0", "Cursor"] }, ]; const fullstackWorkflow = [ - { label: "Product frame", detail: "User, workflow, state, acceptance criteria" }, - { label: "AI-assisted build", detail: "Codex, Claude, ChatGPT, implementation loops" }, - { label: "Working system", detail: "Prototype, dashboard, API, handover" }, + { + title: "Discover", + text: "Clarify problem, user flow, requirements, constraints, and implementation scope.", + }, + { + title: "Prototype", + text: "Use v0, React, Tailwind, and AI-assisted UI generation to build fast product interfaces.", + }, + { + title: "Build", + text: "Implement data models, APIs, state logic, authentication, dashboards, and workflow states.", + }, + { + title: "Iterate", + text: "Review bugs, improve UX, refactor code, document decisions, and deploy working versions.", + }, ]; -const fullstackProjectProof = [ +const fullstackSelectedProjects = [ + { + title: "mazuryk.dev", + type: "Portfolio system / personal operating website", + description: "A custom portfolio and positioning system structured around AI automation, MedTech product/project credibility, and full-stack product-building proof.", + relevance: "Shows frontend architecture, routing, content structure, UX strategy, responsive design, and personal product positioning.", + stack: ["React", "Vite", "Routing", "SEO", "Responsive CSS"], + links: [ + { label: "GitHub", href: "https://github.com/romahawk/portfolio-react" }, + { label: "Live", href: "https://www.mazuryk.dev/" }, + ], + }, { - title: "Workflow Intelligence content system", - status: "Built", - summary: "Reusable visual and content primitives for workflow maps, system cards, proof cards, CTAs, and route-specific accents.", - problem: "Generic portfolio cards do not communicate operational complexity becoming structured systems.", - solution: "A component layer that expresses Problem, System, Proof, workflow states, connectors, and page-specific accents.", - proof: "SystemVisuals components, visual-system CSS, and the three-vector route architecture.", - stack: ["React components", "CSS tokens", "Workflow UX", "Design system"], - links: [{ label: "View source", href: "https://github.com/romahawk" }], - relevance: "Reusable product UI system", + title: "FlowLogix", + type: "Operations dashboard / workflow tool", + description: "A logistics and operations workflow system for tracking, filtering, and structuring operational records and process visibility.", + relevance: "Shows backend logic, API work, filtering, data handling, operations thinking, and workflow-dashboard design.", + stack: ["Flask", "SQLite", "SQLAlchemy", "API", "Dashboard UX"], + links: [ + { label: "GitHub", href: "https://github.com/romahawk/flowlogix" }, + { label: "Live", href: "https://flowlogics.app/" }, + ], + }, + { + title: "LiveSurgery", + type: "MedTech product prototype", + description: "A surgical video / collaboration product concept and prototype direction for clinical workflows, remote expertise, case visibility, and MedTech collaboration.", + relevance: "Shows MedTech product thinking, clinical workflow understanding, UI/product logic, and full-stack prototype capability.", + stack: ["React", "FastAPI", "SQLite", "WebSocket", "MedTech UX"], + links: [ + { label: "GitHub", href: "https://github.com/romahawk/livesurgery-poc" }, + { label: "Live", href: "https://livesurgery-landing.vercel.app/" }, + ], + }, + { + title: "Medintegro", + type: "MedTech website / product platform prototype", + description: "A MedTech-oriented digital presence and product platform concept connected to OR integration, clinical systems, and implementation-heavy medical technology.", + relevance: "Shows domain-specific frontend work, MedTech positioning, product structure, and applied UX/content design.", + stack: ["Frontend", "Product UX", "MedTech content", "Responsive design"], + links: [ + { label: "GitHub", href: "https://github.com/romahawk/medintegro-v0" }, + { label: "Live", href: "https://www.medintegro.com.ua/" }, + ], + }, + { + title: "AlphaRhythm", + type: "Trading discipline product / SaaS-style product concept", + description: "A product concept for structured trade journaling, discipline tracking, risk logic, and decision-review workflows.", + relevance: "Shows product thinking, data-driven UX, user workflow design, landing/app structure, and independent product-building ability.", + stack: ["React", "Firebase", "Firestore", "Workflow UX", "Product concept"], + links: [{ label: "Live", href: "https://alpharhythm.trade" }], + }, + { + title: "Workflow Intelligence Content System", + type: "AI-assisted internal product system", + description: "A workflow system for planning, structuring, and exporting MedTech / LinkedIn / Substack content assets from a reusable content library.", + relevance: "Shows AI-assisted product operations, content workflow design, internal tooling, structured data thinking, and UI system design.", + stack: ["React components", "Content model", "AI workflow", "Internal tooling"], + links: [{ label: "GitHub", href: "https://github.com/romahawk/portfolio-react" }], + status: "WIP / Internal tool", + }, +]; + +const fullstackSecondaryExperiments = [ + { + title: "SmartShooter", + type: "Sports tracking product experiment", + description: "A basketball shooting tracker concept focused on mobile-first logging, progress visibility, and habit-building mechanics.", + relevance: "Shows product experimentation, Firebase/front-end logic, mobile UX thinking, and rapid prototyping.", + stack: ["React", "Firebase", "Mobile UX", "Prototype"], + links: [ + { label: "GitHub", href: "https://github.com/romahawk/SmartShooter_" }, + { label: "Live", href: "https://smart-shooter.vercel.app/" }, + ], + }, + { + title: "JobSprint", + type: "Job search operating system experiment", + description: "A job-search workflow tool for tracking applications, sources, company research, and compliance/reporting logic.", + relevance: "Shows workflow design, data structuring, product thinking, and practical internal tooling.", + stack: ["React", "Vite", "Local Storage", "Analytics", "Workflow UX"], + links: [ + { label: "GitHub", href: "https://github.com/romahawk/jobsprint-demo" }, + { label: "Live", href: "https://jobsprint-demo.vercel.app/" }, + ], + }, +]; + +const fullstackCapabilities = [ + { + title: "Product prototyping", + text: "Turning an idea into a scoped user flow, UI, data model, and deployed demo.", + }, + { + title: "Workflow systems", + text: "Designing states, inputs, ownership, dashboards, and operational logic around real processes.", + }, + { + title: "Frontend implementation", + text: "Building responsive interfaces with React, Next.js, Tailwind, and reusable components.", + }, + { + title: "Backend and data logic", + text: "Working with APIs, databases, authentication, records, and persistence where needed.", + }, + { + title: "AI-assisted development", + text: "Using AI tools to accelerate planning, implementation, debugging, documentation, and iteration.", + }, + { + title: "Product communication", + text: "Documenting project logic, trade-offs, architecture, and user value clearly for non-technical stakeholders.", }, ]; @@ -771,6 +877,95 @@ function FitSection({ good, notIdeal }) { ); } +function FullStackHeroVisual({ items }) { + return ( +
+ {items.map((item, index) => ( +
+
+ {String(index + 1).padStart(2, "0")} + {item} +
+ {index < items.length - 1 ?
+ ))} +
+ ); +} + +function StackGroupGrid({ groups }) { + return ( +
+ {groups.map((group) => ( +
+

{group.title}

+
+ {group.items.map((item) => {item})} +
+
+ ))} +
+ ); +} + +function FullStackWorkflowRow({ steps }) { + return ( +
+ {steps.map((step, index) => ( +
+ {String(index + 1).padStart(2, "0")} +

{step.title}

+

{step.text}

+
+ ))} +
+ ); +} + +function FullStackProjectCard({ project, compact = false }) { + const links = project.links || []; + + return ( +
+
+ {project.status ? {project.status} : null} +

{project.type}

+

{project.title}

+
+

{project.description}

+

{project.relevance}

+
+ {project.stack.map((item) => {item})} +
+ {links.length ? ( +
+ {links.map((link) => { + const external = link.href.startsWith("http"); + return ( + + {link.label} + ); + })} +
+ ) : null} +
+ ); +} + +function FullStackCapabilityGrid({ items }) { + return ( +
+ {items.map((item) => ( +
+

{item.title}

+

{item.text}

+
+ ))} +
+ ); +} + export function HomePage() { const highlights = [ "Product thinking", @@ -1025,97 +1220,69 @@ export function MedTechPage() { } export function FullStackPage() { - const featuredProjects = getProjectsByCategory(projectCategories.fullstack, { featuredOnly: true }); - const secondaryProjects = projectPortfolio.filter((project) => ( - !project.featured && [projectCategories.fullstack, projectCategories.archived].includes(project.category) - )); - const selectedProjects = [...fullstackProjectProof, ...featuredProjects]; - return ( -
+
- - - - +
- -
- {[ - { - title: "Product framing", - problem: "Building starts too early when the user, workflow, state model, and acceptance criteria are fuzzy.", - system: "Use AI to pressure-test jobs, workflows, constraints, risks, and requirements before implementation.", - proof: "Sharper specs, clearer edge cases, and build loops that start from product logic rather than guesswork.", - icon: Network, - }, - { - title: "Implementation", - problem: "Prototype velocity stalls when every refactor, bug, and UI iteration is handled manually.", - system: "Use Codex, Claude, ChatGPT, and related tools for code generation, refactoring support, debugging, and documentation.", - proof: "Working prototypes, dashboards, route systems, metadata, and responsive interfaces shipped in short loops.", - icon: Code2, - }, - { - title: "Handover", - problem: "Prototypes lose value when decisions, data assumptions, and next steps are not captured.", - system: "Turn builds into readmes, specs, architecture notes, and implementation plans.", - proof: "Cleaner project memory and easier continuation for founders, teams, or hiring reviewers.", - icon: ClipboardCheck, - }, - ].map((item) => )} -
-
- -
- - + +
-
- - +
+ +
+ {fullstackSelectedProjects.map((project) => )} +
- +
+ {fullstackSecondaryExperiments.map((project) => )} +
- - +
@@ -1123,9 +1290,9 @@ export function FullStackPage() { accent="fullstack" eyebrow="Next step" title="Need a prototype, dashboard, or workflow tool built quickly?" - text="The strongest fit is product-shaped technical work: a useful prototype, dashboard, internal tool, or AI-assisted workflow system." - primary={{ label: "View GitHub", href: "https://github.com/romahawk" }} - secondary={{ label: "Discuss Product Prototype", href: `mailto:${EMAIL}?subject=Full-Stack%20Prototype%20Discussion` }} + text="The strongest fit is product-shaped technical work: a useful prototype, dashboard, internal tool, or AI-assisted workflow system with clear product logic." + primary={{ label: "Discuss Product Prototype", href: `mailto:${EMAIL}?subject=Full-Stack%20Prototype%20Discussion` }} + secondary={{ label: "View GitHub", href: "https://github.com/romahawk" }} />
diff --git a/src/hooks/useOgMeta.js b/src/hooks/useOgMeta.js index 2f27c47..a6fff89 100644 --- a/src/hooks/useOgMeta.js +++ b/src/hooks/useOgMeta.js @@ -39,7 +39,7 @@ const MEDTECH = { const FULLSTACK = { title: "AI-Enhanced Full-Stack Product Builder \u2014 Roman Mazuryk", description: - "Product prototypes, dashboards, workflow tools, and AI-assisted systems built with modern full-stack tools.", + "Full-stack product prototypes, dashboards, workflow tools, and AI-assisted systems built with React, Next.js, Python, databases, deployment tools, and AI-native development workflows.", url: "https://www.mazuryk.dev/fullstack", image: "https://www.mazuryk.dev/images/og-home.png", imageAlt: "AI-enhanced full-stack product builder portfolio by Roman Mazuryk.", diff --git a/src/locales/de.js b/src/locales/de.js index 565c2c5..e15b58a 100644 --- a/src/locales/de.js +++ b/src/locales/de.js @@ -544,7 +544,7 @@ export default { medtechTitle: "MedTech Produkt- und Projektportfolio \u2014 Roman Mazuryk", medtechDescription: "MedTech-Implementierungserfahrung uebersetzt in Produktdenken, Projektkoordination, Workflow-Systeme, Dokumentation, Handover und KI-gestuetzte Umsetzung.", fullstackTitle: "KI-erweiterter Full-Stack Product Builder \u2014 Roman Mazuryk", - fullstackDescription: "Produktprototypen, Dashboards, Workflow-Tools und KI-gestuetzte Systeme mit modernen Full-Stack-Werkzeugen.", + fullstackDescription: "Full-Stack-Produktprototypen, Dashboards, Workflow-Tools und KI-gestuetzte Systeme mit React, Next.js, Python, Datenbanken, Deployment-Tools und KI-nativen Entwicklungsworkflows.", collaborateTitle: "KI-gestützte Workflow-Zusammenarbeit für MedTech-Teams", collaborateDescription: "Workflow-Audits, Discovery-Sprints, Prototypen, SOP-Systeme und compliance-bewusste Automatisierungsunterstützung für MedTech, HealthTech und regulierte Operations.", aiWorkflowTitle: "KI-Workflow-Bibliothek", diff --git a/src/locales/en.js b/src/locales/en.js index 05a8397..db33585 100644 --- a/src/locales/en.js +++ b/src/locales/en.js @@ -544,7 +544,7 @@ export default { medtechTitle: "MedTech Product & Project Portfolio \u2014 Roman Mazuryk", medtechDescription: "MedTech implementation experience translated into product thinking, project coordination, workflow systems, documentation, handover, and AI-assisted delivery.", fullstackTitle: "AI-Enhanced Full-Stack Product Builder \u2014 Roman Mazuryk", - fullstackDescription: "Product prototypes, dashboards, workflow tools, and AI-assisted systems built with modern full-stack tools.", + fullstackDescription: "Full-stack product prototypes, dashboards, workflow tools, and AI-assisted systems built with React, Next.js, Python, databases, deployment tools, and AI-native development workflows.", collaborateTitle: "AI-Assisted Workflow Collaboration for MedTech Teams", collaborateDescription: "Workflow audits, discovery sprints, prototypes, SOP systems, and compliance-aware automation support for MedTech, HealthTech, and regulated operations teams.", aiWorkflowTitle: "AI Workflow Library",