index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>ClinicFlow — Aria AI</title>
  <style>

    :root { --teal:#0f766e; --blue:#2563eb; --ink:#0f172a; --muted:#475569; --bg:#f8fafc; }

    * { box-sizing: border-box; }

    body { margin:0; font-family:"Segoe UI","Vazirmatn",Tahoma,sans-serif; color:var(--ink); background:radial-gradient(circle at top left,#ccfbf1,var(--bg) 42%); }

    header, main, footer { width:min(1120px, calc(100% - 32px)); margin:0 auto; }

    header { padding:36px 0 12px; }

    .eyebrow { color:var(--teal); font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-size:.78rem; }

    h1 { font-size:clamp(1.8rem,3vw,2.4rem); margin:8px 0; }

    .lead { font-size:1.1rem; color:var(--muted); max-width:46rem; }

    .actions { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 8px; }

    a.btn { display:inline-block; text-decoration:none; padding:10px 16px; border-radius:999px; font-weight:600; }

    a.primary { background:var(--teal); color:#fff; }

    a.ghost { background:#fff; color:var(--teal); border:1px solid #99f6e4; }

    .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin:24px 0; }

    .card { background:#fff; border:1px solid #e2e8f0; border-radius:18px; padding:16px 18px; }

    .card strong { display:block; font-size:1.4rem; color:var(--teal); }

    .note { background:#ecfdf5; border:1px solid #a7f3d0; border-radius:16px; padding:14px 16px; color:#065f46; }

    iframe { width:100%; height:86vh; min-height:720px; border:1px solid #99f6e4; border-radius:20px; background:#fff; margin:16px 0 28px; }

    footer { padding:12px 0 40px; color:var(--muted); font-size:.92rem; }

    .fa { direction:rtl; text-align:right; }

  </style>
</head>
<body>
  <header>
    <p class="eyebrow">Aria AI · Project 13 / 25</p>
    <h1>ClinicFlow — Clinic Capacity and Appointment Scheduling</h1>
    <p class="lead">
      Place visits into rooms and shared nurses so waiting and overtime fall.
      A CP-SAT board is compared with a fixed-slot grid, then a SimPy queue
      reports median and P90 wait. This is operations, not diagnosis.
    </p>
    <div class="actions">
      <a class="btn primary" href="https://huggingface.co/spaces/alirezaaminzadeh/clinic-flow" target="_blank" rel="noreferrer">Open live demo</a>
      <a class="btn ghost" href="https://huggingface.co/datasets/AriaAICompany/clinic-flow-scenarios" target="_blank" rel="noreferrer">Dataset</a>
      <a class="btn ghost" href="https://huggingface.co/AriaAICompany" target="_blank" rel="noreferrer">Organization</a>
      <a class="btn ghost" href="https://huggingface.co/spaces/AriaAICompany/shift" target="_blank" rel="noreferrer">Project 11 Shift</a>
    </div>
  </header>
  <main>
    <section class="grid">
      <article class="card"><strong>48 visits</strong>4 rooms, 3 services, synthetic IDs</article>
      <article class="card"><strong>CP-SAT</strong>Rooms, nurses, ultrasound, locks</article>
      <article class="card"><strong>SimPy</strong>Median and P90 wait</article>
      <article class="card"><strong>CPU</strong>OR-Tools · no paid API</article>
    </section>
    <p class="note">
      Organization Gradio hosting needs Team/Enterprise. This page is the AriaAICompany project card;
      the iframe is the live solver on the personal PRO account.
    </p>
    <section class="fa card">
      <h2>کلینیک‌فلو</h2>
      <p>زمان مراجعه، اتاق و منابع مشترک برای کاهش انتظار و اضافه‌کاری. اولویت بالینی از داده تأییدشده می‌آید؛ مدل تشخیص نمی‌گذارد.</p>
    </section>
    <iframe title="ClinicFlow live demo" src="https://alirezaaminzadeh-clinic-flow.hf.space" loading="lazy"></iframe>
  </main>
  <footer>Aria AI · Operations research · Roadmap project 13 · Apache-2.0 / CC-BY-4.0</footer>
</body>
</html>