@@ -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 >
< / >
) ;
}