Refactor Hero component in dental app

Replit-Commit-Author: Agent
This commit is contained in:
Replit Agent
2026-07-31 16:05:34 +00:00
parent 2e6a64ad05
commit f1122461cf

View File

@@ -80,8 +80,8 @@ export function Hero() {
<div className="text-[10px] text-muted-foreground font-mono">my-dental-software.app</div>
</div>
</div>
<div className="p-8 grid md:grid-cols-3 gap-6 bg-secondary/30">
<div className="md:col-span-2 space-y-4">
<div className="p-8 bg-secondary/30">
<div className="space-y-4">
<div className="flex gap-4">
<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">
@@ -104,24 +104,6 @@ export function Hero() {
</div>
</div>
</div>
<div className="bg-white rounded-xl shadow-sm border border-border p-5 h-full">
<h3 className="font-semibold text-sm mb-4 text-primary">Patient Summary</h3>
<div className="space-y-3">
<div className="h-2 w-full bg-secondary rounded-full" />
<div className="h-2 w-4/5 bg-secondary rounded-full" />
<div className="h-2 w-5/6 bg-secondary rounded-full" />
<div className="pt-4 mt-4 border-t border-border space-y-3">
<div className="flex justify-between items-center">
<div className="h-2 w-16 bg-secondary rounded-full" />
<div className="h-4 w-12 bg-accent/20 rounded-md" />
</div>
<div className="flex justify-between items-center">
<div className="h-2 w-20 bg-secondary rounded-full" />
<div className="h-4 w-12 bg-accent/20 rounded-md" />
</div>
</div>
</div>
</div>
</div>
</motion.div>
</div>