{['#FF5F56','#FFBD2E','#27C93F'].map((c,i) => (

))}

dss-industria.streamlit.app

Ranking Supplier

{[ { name: 'Supplier A', score: 0.87, rank: 1 }, { name: 'Supplier B', score: 0.71, rank: 2 }, { name: 'Supplier C', score: 0.54, rank: 3 }, ].map((s, i) => (

{s.rank} {s.name}

{s.score}

))}

✓ CR = 0.04 — konsisten · Laporan PDF siap

); } function ToolCard({ product, onOpen }) { const [hovered, setHovered] = React.useState(false); return (

setHovered(true)} onMouseLeave={() => setHovered(false)} style={{ padding: '24px', borderLeft: hovered ? '3px solid var(--amber)' : '3px solid transparent', transition: 'all 0.25s ease', cursor: 'default', }} >

✅ Siap Demo {product.seq}

{product.name}

{product.tagline}

{product.description}

); } function DSSProductsIndustri() { const d = window.DSS.industri; const openModal = (p) => window.__dssOpenModal && window.__dssOpenModal(p); return (

{/* Header */}

{d.label}

{d.h2}

{d.intro}

{/* Flagship card */}

{d.flagship.badge}

{d.flagship.name}

{d.flagship.tagline}

{d.flagship.description}

{d.flagship.price}

{d.flagship.timeline}

Buka Demo Live →

{/* Hulu→Hilir label */}

HULU

HILIR

{/* 4 tool cards */}

{d.tools.map((t, i) => (

))}

{/* Inventory Industria — full width */}

{d.integrated.badge}

{d.integrated.name}

{d.integrated.tagline}

→ {f}

{d.integrated.price}

{d.integrated.timeline}

{/* Device mockup placeholder */}

{/* Laptop */}

Web Dashboard
Manajer

{/* Phone */}

Mobile
Operator

); } Object.assign(window, { DSSProductsIndustri });