Gitead/managementwebsite01
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restored to 'dd2a20075c868ba8c54307835d5e15a9665eb88c'

Browse Source 
Replit-Restored-To: dd2a20075c
This commit is contained in:
Replit Agent
2026-07-31 17:29:08 +00:00
parent 64c16ce569
commit e030e97516
2 changed files with 21 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
artifacts/dental-app/src/components/Hero.tsx
View File

@@ -80,55 +80,40 @@ export function Hero() {
<div className="text-[10px] text-muted-foreground font-mono">my-dental-software.app</div> <div className="text-[10px] text-muted-foreground font-mono">my-dental-software.app</div>
</div> </div>
</div> </div>
<div className="p-8 bg-secondary/30"> <div className="p-8 grid md:grid-cols-3 gap-6 bg-secondary/30">
<div className="space-y-4"> <div className="md:col-span-2 space-y-4">
<div className="flex gap-4"> <div className="flex gap-4">
<div className="w-8 h-8 rounded-full bg-primary/10 flex-shrink-0" /> <div className="w-8 h-8 rounded-full bg-primary/10 flex-shrink-0" />
<div className="bg-white p-4 rounded-2xl rounded-tl-sm shadow-sm border border-border text-sm max-w-md"> <div className="bg-white p-4 rounded-2xl rounded-tl-sm shadow-sm border border-border text-sm max-w-md">
Check John Smith Check if John Smith is eligible for a crown
</div> </div>
</div> </div>
<div className="flex gap-4 justify-end"> <div className="flex gap-4 justify-end">
<div className="bg-white border border-border rounded-xl shadow-sm text-sm w-72 flex flex-col"> <div className="bg-primary text-white p-4 rounded-2xl rounded-tr-sm shadow-sm text-sm max-w-md">
<div className="p-5 flex-1 space-y-2"> <strong className="block mb-1 text-accent">Done.</strong>
<div className="font-semibold text-primary text-base">John Smith</div> John Smith (DOB: 10/12/1985) is eligible for D2740 (Crown - porcelain/ceramic) through Delta Dental. Copay is 20%. Remaining annual maximum: $1,250.
<div className="text-muted-foreground">Insurance: Delta Dental</div>
</div>
<div className="border-t border-border px-5 py-4 flex gap-3">
<button data-testid="button-confirm" className="flex-1 bg-primary text-accent text-xs font-semibold py-2 rounded-full hover:opacity-90 transition-opacity">Confirm</button>
<button data-testid="button-cancel" className="flex-1 border border-border text-muted-foreground text-xs font-semibold py-2 rounded-full hover:bg-secondary transition-colors">Cancel</button>
</div>
</div> </div>
<div className="w-8 h-8 rounded-full bg-primary flex items-center justify-center flex-shrink-0"> <div className="w-8 h-8 rounded-full bg-primary flex items-center justify-center flex-shrink-0">
<div className="w-3 h-3 bg-accent rounded-sm" /> <div className="w-3 h-3 bg-accent rounded-sm" />
</div> </div>
</div> </div>
</div>
{/* Divider between conversations */} <div className="bg-white rounded-xl shadow-sm border border-border p-5 h-full">
<div className="border-t border-border/50 my-2" /> <h3 className="font-semibold text-sm mb-4 text-primary">Patient Summary</h3>
<div className="space-y-3">
{/* Claims mockup */} <div className="h-2 w-full bg-secondary rounded-full" />
<div className="flex gap-4"> <div className="h-2 w-4/5 bg-secondary rounded-full" />
<div className="w-8 h-8 rounded-full bg-primary/10 flex-shrink-0" /> <div className="h-2 w-5/6 bg-secondary rounded-full" />
<div className="bg-white p-4 rounded-2xl rounded-tl-sm shadow-sm border border-border text-sm max-w-md"> <div className="pt-4 mt-4 border-t border-border space-y-3">
Claim John Smith for crown #30 <div className="flex justify-between items-center">
</div> <div className="h-2 w-16 bg-secondary rounded-full" />
</div> <div className="h-4 w-12 bg-accent/20 rounded-md" />
<div className="flex gap-4 justify-end">
<div className="bg-white border border-border rounded-xl shadow-sm text-sm w-72 flex flex-col">
<div className="p-5 flex-1 space-y-2">
<div className="font-semibold text-primary text-base">John Smith</div>
<div className="text-muted-foreground">CDT Code: D2740 – Crown, porcelain/ceramic</div>
<div className="text-muted-foreground">Tooth Number: #30</div>
</div> </div>
<div className="border-t border-border px-5 py-4 flex gap-3"> <div className="flex justify-between items-center">
<button data-testid="button-claim-confirm" className="flex-1 bg-primary text-accent text-xs font-semibold py-2 rounded-full hover:opacity-90 transition-opacity">Confirm</button> <div className="h-2 w-20 bg-secondary rounded-full" />
<button data-testid="button-claim-cancel" className="flex-1 border border-border text-muted-foreground text-xs font-semibold py-2 rounded-full hover:bg-secondary transition-colors">Cancel</button> <div className="h-4 w-12 bg-accent/20 rounded-md" />
</div> </div>
</div> </div>
<div className="w-8 h-8 rounded-full bg-primary flex items-center justify-center flex-shrink-0">
<div className="w-3 h-3 bg-accent rounded-sm" />
</div>
</div> </div>
</div> </div>
</div> </div>

2
artifacts/dental-app/src/components/HowItWorks.tsx
View File

@@ -5,7 +5,7 @@ export function HowItWorks() {
{ {
num: "01", num: "01",
title: "Type your task in plain English", title: "Type your task in plain English",
desc: '"Check John Smith"' desc: '"Check if John Smith is eligible for a crown"'
}, },
{ {
num: "02", num: "02",