Remove unused code from Hero component

Replit-Commit-Author: Agent
This commit is contained in:
Replit Agent
2026-07-31 19:53:07 +00:00
parent e773537ec7
commit e7a5f32c77

View File

@@ -65,52 +65,6 @@ export function Hero() {
</motion.div> </motion.div>
</motion.div> </motion.div>
{/* Mock UI preview */}
<motion.div
className="mt-20 max-w-5xl mx-auto rounded-2xl overflow-hidden shadow-2xl shadow-primary/10 border border-border bg-white"
initial={{ opacity: 0, y: 40 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.8, delay: 0.5 }}
>
<div className="h-12 bg-secondary flex items-center px-4 gap-2 border-b border-border">
<div className="w-3 h-3 rounded-full bg-red-400" />
<div className="w-3 h-3 rounded-full bg-amber-400" />
<div className="w-3 h-3 rounded-full bg-green-400" />
<div className="ml-4 h-6 w-64 bg-white rounded-md opacity-50 flex items-center px-2">
<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="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">
Check if John Smith is eligible for a crown
</div>
</div>
<div className="flex gap-4 justify-end">
<div className="bg-primary text-white p-4 rounded-2xl rounded-tr-sm shadow-sm text-sm max-w-md">
<strong className="block mb-1 text-accent">Done.</strong>
John Smith is eligible for D2740 (Crown - porcelain/ceramic) through Delta Dental. Copay is 20%. Remaining annual maximum: $1,250.
</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 className="bg-primary rounded-xl shadow-sm p-5 h-full flex flex-col justify-center gap-4">
<p className="text-sm text-white">
We prefer John to come at 10am this Thursday because of a patient cancellation. Do you allow me to call John?
</p>
<button
data-testid="button-call-john"
className="self-start px-4 py-2 rounded-full bg-white text-primary text-sm font-semibold hover:opacity-90 transition-opacity"
>
Call John
</button>
</div>
</div>
</motion.div>
</div> </div>
</section> </section>
); );