Merge version_2_1781621542887 into main #1

Merged
bender merged 2 commits from version_2_1781621542887 into main 2026-06-16 14:54:38 +00:00
4 changed files with 31 additions and 1 deletions

View File

@@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom';
import Layout from './components/Layout';
import HomePage from './pages/HomePage';
import DashboardPage from "@/pages/DashboardPage";
export default function App() {
return (
<Routes>
<Route element={<Layout />}>
<Route path="/" element={<HomePage />} />
<Route path="/dashboard" element={<DashboardPage />} />
</Route>
</Routes>
);

View File

@@ -30,7 +30,9 @@ export default function Layout() {
{
"name": "Contact",
"href": "#contact"
}
},
{ name: "Dashboard", href: "/dashboard" },
];
return (

View File

@@ -0,0 +1,25 @@
import MetricsIconCards from "@/components/sections/metrics/MetricsIconCards";
import Button from "@/components/ui/Button";
import TextAnimation from "@/components/ui/TextAnimation";
import ImageOrVideo from "@/components/ui/ImageOrVideo";
import ScrollReveal from "@/components/ui/ScrollReveal";
import { cls } from "@/lib/utils";
export default function DashboardPage() {
return (
<>
<div data-webild-section="MetricsIconCards"><MetricsIconCards
tag="תמונת מצב"
title="מדדי דיווח לחודש הנוכחי"
description="צפה בסטטוס הדוחות החודשיים, עקוב אחר התקדמות האישורים ונהל חריגות קליניות בזמן אמת."
primaryButton={{"text":"המשך דיווח","href":"/workflow"}}
secondaryButton={{"text":"היסטוריית דוחות","href":"/history"}}
metrics={[{"icon":"Users","title":"מטופלים פעילים","value":"142"},{"icon":"FileCheck","title":"דוחות שהושלמו","value":"118"},{"icon":"Clock","title":"ממתינים לאישור","value":"24"},{"icon":"AlertCircle","title":"חריגות קליניות","value":"7"}]}
/></div>
<div data-webild-section="FeaturesDetailedSteps"><section aria-label="Features detailed steps section" className="py-20"><div className="flex flex-col gap-8 md:gap-10"><div className="flex flex-col items-center w-content-width mx-auto gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>תהליך עבודה</p></div><TextAnimation text="תהליך הפקת דוחות חודשיים" variant="slide-up" gradientText={true} tag="h2" className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance" /><TextAnimation text="עקוב אחר שלבי העבודה המרכזיים להפקת דוחות דיאליזה בצורה חכמה, מהירה ומדויקת." variant="slide-up" gradientText={false} tag="p" className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="התחל תהליך" href="/workflow" variant="primary" /><Button text="הגדרות מערכת" href="/settings" variant="secondary" animationDelay={0.1} /></div></div><div className="flex flex-col w-content-width mx-auto gap-5"><ScrollReveal variant="fade-blur" key="ייבוא ומיפוי נתונים" className="flex flex-col md:flex-row justify-between 2xl:w-8/10 mx-auto gap-6 p-6 md:p-10 card rounded overflow-hidden"><div className="flex flex-col justify-between w-full md:w-1/2"><div className="flex flex-col gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>שלב 1</p></div><h3 className="text-7xl md:text-8xl font-semibold leading-[1.15] text-balance">ייבוא ומיפוי נתונים</h3></div><div className="block md:hidden w-full h-px my-5 bg-accent/20" /><div className="flex flex-col gap-2"><h4 className="text-2xl md:text-3xl font-semibold leading-snug text-balance">קליטת נתונים ממערכות המרפאה</h4><p className="text-base md:text-lg leading-snug text-balance">ייבוא אוטומטי של מדדי מטופלים ומיפוי חכם למערכת הדוחות.</p></div></div><div className="flex flex-col w-full md:w-35/100 gap-10"><span className="hidden md:block self-end text-7xl md:text-8xl font-semibold text-accent"></span><div className="aspect-square rounded overflow-hidden -rotate-3"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/data-analysis-graphs-charts-screen_53876-120538.jpg" /></div></div></ScrollReveal>
<ScrollReveal variant="fade-blur" key="בקרת איכות ואימות" className="flex flex-col md:flex-row justify-between 2xl:w-8/10 mx-auto gap-6 p-6 md:p-10 card rounded overflow-hidden"><div className="flex flex-col justify-between w-full md:w-1/2"><div className="flex flex-col gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>שלב 2</p></div><h3 className="text-7xl md:text-8xl font-semibold leading-[1.15] text-balance">בקרת איכות ואימות</h3></div><div className="block md:hidden w-full h-px my-5 bg-accent/20" /><div className="flex flex-col gap-2"><h4 className="text-2xl md:text-3xl font-semibold leading-snug text-balance">בדיקת חריגים ואישור נתונים</h4><p className="text-base md:text-lg leading-snug text-balance">זיהוי אוטומטי של מדדים חריגים ואישור ידני על ידי הצוות הרפואי.</p></div></div><div className="flex flex-col w-full md:w-35/100 gap-10"><span className="hidden md:block self-end text-7xl md:text-8xl font-semibold text-accent"></span><div className="aspect-square rounded overflow-hidden -rotate-3"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/doctor-working-laptop-clinic_23-2148962314.jpg" /></div></div></ScrollReveal>
<ScrollReveal variant="fade-blur" key="הפקת דוחות" className="flex flex-col md:flex-row justify-between 2xl:w-8/10 mx-auto gap-6 p-6 md:p-10 card rounded overflow-hidden"><div className="flex flex-col justify-between w-full md:w-1/2"><div className="flex flex-col gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>שלב 3</p></div><h3 className="text-7xl md:text-8xl font-semibold leading-[1.15] text-balance">הפקת דוחות</h3></div><div className="block md:hidden w-full h-px my-5 bg-accent/20" /><div className="flex flex-col gap-2"><h4 className="text-2xl md:text-3xl font-semibold leading-snug text-balance">יצירת דוח חודשי מרוכז</h4><p className="text-base md:text-lg leading-snug text-balance">הפקה מהירה של דוחות דיאליזה חודשיים העומדים בתקני הרגולציה.</p></div></div><div className="flex flex-col w-full md:w-35/100 gap-10"><span className="hidden md:block self-end text-7xl md:text-8xl font-semibold text-accent"></span><div className="aspect-square rounded overflow-hidden -rotate-3"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/medical-report-clipboard-stethoscope_23-2148213968.jpg" /></div></div></ScrollReveal>
<ScrollReveal variant="fade-blur" key="ייצוא והפצה" className="flex flex-col md:flex-row justify-between 2xl:w-8/10 mx-auto gap-6 p-6 md:p-10 card rounded overflow-hidden"><div className="flex flex-col justify-between w-full md:w-1/2"><div className="flex flex-col gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>שלב 4</p></div><h3 className="text-7xl md:text-8xl font-semibold leading-[1.15] text-balance">ייצוא והפצה</h3></div><div className="block md:hidden w-full h-px my-5 bg-accent/20" /><div className="flex flex-col gap-2"><h4 className="text-2xl md:text-3xl font-semibold leading-snug text-balance">שליחה לגורמים המאשרים</h4><p className="text-base md:text-lg leading-snug text-balance">הפצת הדוחות המאושרים לרופאים, מנהלי מרפאות וגורמי רגולציה.</p></div></div><div className="flex flex-col w-full md:w-35/100 gap-10"><span className="hidden md:block self-end text-7xl md:text-8xl font-semibold text-accent"></span><div className="aspect-square rounded overflow-hidden -rotate-3"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/doctor-holding-digital-tablet_53876-104938.jpg" /></div></div></ScrollReveal></div></div></section></div>
</>
);
}

View File

@@ -6,4 +6,5 @@ export interface Route {
export const routes: Route[] = [
{ path: '/', label: 'Home', pageFile: 'HomePage' },
{ path: '/dashboard', label: 'Dashboard', pageFile: 'DashboardPage' },
];