diff --git a/src/assets/css/market-pages.css b/src/assets/css/market-pages.css index 144fdd4..9fc2613 100644 --- a/src/assets/css/market-pages.css +++ b/src/assets/css/market-pages.css @@ -1165,6 +1165,7 @@ } .medtech-impact-grid, +.medtech-regulated-proof-grid, .medtech-proof-grid, .medtech-capability-grid, .medtech-role-grid { @@ -1172,7 +1173,8 @@ gap: 16px; } -.medtech-impact-grid { +.medtech-impact-grid, +.medtech-regulated-proof-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } @@ -1186,6 +1188,7 @@ } .medtech-impact-card, +.medtech-regulated-proof-card, .medtech-proof-card, .medtech-capability-card, .medtech-role-card, @@ -1200,6 +1203,7 @@ } .medtech-impact-card, +.medtech-regulated-proof-card, .medtech-proof-card, .medtech-capability-card, .medtech-role-card { @@ -1209,6 +1213,7 @@ } .medtech-impact-card::before, +.medtech-regulated-proof-card::before, .medtech-proof-card::before, .medtech-capability-card::before, .medtech-role-card::before { @@ -1219,11 +1224,62 @@ background: linear-gradient(180deg, var(--accent-medtech), transparent); } -.medtech-impact-card { +.medtech-impact-card, +.medtech-regulated-proof-card { padding: 18px; } -.medtech-impact-card span { +.medtech-regulated-proof-card { + display: grid; + align-content: start; + gap: 12px; + border-color: color-mix(in srgb, var(--accent-medtech) 28%, var(--system-border)); + 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, var(--accent-medtech-soft), transparent 70%), + color-mix(in srgb, var(--panel) 91%, transparent); + background-size: 24px 24px, 24px 24px, auto, auto; +} + +.medtech-regulated-proof-card:nth-child(2) { + 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-medtech-2) 12%, transparent), transparent 70%), + color-mix(in srgb, var(--panel) 91%, transparent); +} + +.medtech-regulated-proof-card:nth-child(3) { + 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, var(--accent-ai-soft), transparent 70%), + color-mix(in srgb, var(--panel) 91%, transparent); +} + +.medtech-regulated-proof-card:nth-child(4) { + 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, var(--accent-fullstack-soft), transparent 70%), + color-mix(in srgb, var(--panel) 91%, transparent); +} + +.medtech-regulated-proof-card:nth-child(2)::before { + background: linear-gradient(180deg, var(--accent-medtech-2), transparent); +} + +.medtech-regulated-proof-card:nth-child(3)::before { + background: linear-gradient(180deg, var(--accent-ai), transparent); +} + +.medtech-regulated-proof-card:nth-child(4)::before { + background: linear-gradient(180deg, var(--accent-fullstack), transparent); +} + +.medtech-impact-card span, +.medtech-regulated-proof-card > span { color: var(--accent-medtech); font-size: 11px; font-weight: 900; @@ -1231,22 +1287,40 @@ } .medtech-impact-card h3, +.medtech-regulated-proof-card h3, .medtech-proof-card h3, .medtech-capability-card h3, .medtech-role-card h3 { - margin: 8px 0 8px; + margin: 8px 0 0; color: var(--text); font-size: 17px; line-height: 1.25; } .medtech-impact-card p, +.medtech-regulated-proof-card p, .medtech-capability-card p { margin: 0; color: var(--muted); line-height: 1.65; } +.medtech-regulated-proof-card div { + display: grid; + gap: 5px; + margin-top: 2px; + padding-top: 12px; + border-top: 1px dashed var(--system-border); +} + +.medtech-regulated-proof-card strong { + color: var(--accent-medtech); + font-size: 10px; + font-weight: 900; + letter-spacing: 0.14em; + text-transform: uppercase; +} + .medtech-field-map { display: grid; gap: 10px; @@ -1730,6 +1804,7 @@ .market-page__proof-grid, .market-page__highlight-grid, .medtech-impact-grid, + .medtech-regulated-proof-grid, .medtech-proof-grid, .medtech-capability-grid, .medtech-role-grid, diff --git a/src/components/MarketPages.jsx b/src/components/MarketPages.jsx index a94ff87..eff4d64 100644 --- a/src/components/MarketPages.jsx +++ b/src/components/MarketPages.jsx @@ -299,14 +299,6 @@ const aiFit = { ], }; -const medtechProof = [ - "OR integration and surgical infrastructure", - "Surgimedia / Surgiris / Medintegro implementation context", - "Surgical lights and surgical video/audio workflows", - "Hospital stakeholder coordination, training, handover, and documentation", - "Multi-vendor delivery across medical equipment environments", -]; - const medtechHeroWorkflow = [ { label: "Clinical need", detail: "User, site, and workflow context" }, { label: "Technical requirements", detail: "Devices, infrastructure, constraints" }, @@ -316,49 +308,26 @@ const medtechHeroWorkflow = [ { label: "Workflow system", detail: "Product requirements, SOPs, visibility" }, ]; -const medtechImpact = [ +const regulatedOperationsProof = [ { - title: "Clinical workflow understanding", - text: "Worked around real operating room and clinical environments where technical systems, clinicians, infrastructure, documentation, and handover have to work together.", + title: "Clinical workflow complexity", + body: "Experience with operating-room environments, clinical routines, handovers, and documentation.", + relevance: "Designs that respect real workflow constraints.", }, { title: "Multi-stakeholder coordination", - text: "Coordinated across clinicians, hospital teams, biomedical engineers, suppliers, service partners, and international manufacturers.", + body: "Work across clinicians, hospital teams, vendors, suppliers, and internal teams.", + relevance: "Systems that support adoption, ownership, and review.", }, { - title: "Implementation-to-handover thinking", - text: "Supported the transition from requirements and installation planning to training, documentation, operational use, and post-handover support.", + title: "Implementation & handover thinking", + body: "From requirements and installation planning to training, documentation, and post-handover support.", + relevance: "Pilots that can become usable operational systems.", }, { - title: "Product / workflow translation", - text: "Translates field implementation complexity into product requirements, workflow maps, dashboards, SOP logic, and AI-assisted delivery concepts.", - }, -]; - -const medtechFieldContexts = [ - { - fieldContext: "OR integration and surgical workflow systems", - productRelevance: "workflow ownership, stakeholder alignment, handover risk", - }, - { - fieldContext: "Surgical video / audio workflows", - productRelevance: "data capture, documentation, interoperability, clinical usability", - }, - { - fieldContext: "Surgical lights and OR equipment context", - productRelevance: "requirements, constraints, training, post-handover support", - }, - { - fieldContext: "Medical equipment implementation", - productRelevance: "implementation planning, dependencies, acceptance, supportability", - }, - { - fieldContext: "Hospital stakeholder coordination", - productRelevance: "alignment across clinicians, technical teams, suppliers, and decision-makers", - }, - { - fieldContext: "Training, handover, documentation, support logic", - productRelevance: "structured operating memory, SOPs, onboarding, workflow state visibility", + title: "Documentation & knowledge transfer", + body: "Turning scattered implementation context into structured procedures, notes, and support logic.", + relevance: "Strong fit for SOPs, internal assistants, and decision-support tools.", }, ]; @@ -673,14 +642,18 @@ function HomeHeroVisual() { ); } -function MedTechImpactGrid({ items }) { +function RegulatedOperationsProofGrid({ items }) { return ( -
+
{items.map((item, index) => ( -
+
{String(index + 1).padStart(2, "0")}

{item.title}

-

{item.text}

+

{item.body}

+
+ AI relevance +

{item.relevance}

+
))}
@@ -711,26 +684,6 @@ function WorkflowBeforeAfter({ before, after }) { ); } -function FieldContextMap({ items }) { - return ( -
- {items.map((item) => ( -
-
- Field context - {item.fieldContext} -
-
- ))} -
- ); -} - function CapabilityToolMatrix({ items }) { return (
@@ -1229,11 +1182,13 @@ export function AIPage() { } export function MedTechPage() { + const medtechTitle = "MedTech and Regulated Operations Proof"; + return (
} subtitle="Real MedTech implementation experience translated into AI workflow consulting judgment: clinical context, stakeholder coordination, documentation, handover, risk boundaries, and practical implementation thinking." primaryCta={{ label: "View Selected Proof", href: "#medtech-proof" }} secondaryCta={{ label: "Book an AI Workflow Audit", href: `mailto:${EMAIL}?subject=AI%20Workflow%20Audit%20Request`, icon: