Refactor Hero component in dental app
Replit-Commit-Author: Agent
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user