From e7a5f32c7784aaa9848e6503491199c6ec7d7cea Mon Sep 17 00:00:00 2001
From: Replit Agent <agent@replit.com>
Date: Fri, 31 Jul 2026 19:53:07 +0000
Subject: [PATCH] Remove unused code from Hero component

Replit-Commit-Author: Agent
---
 artifacts/dental-app/src/components/Hero.tsx | 46 --------------------
 1 file changed, 46 deletions(-)

diff --git a/artifacts/dental-app/src/components/Hero.tsx b/artifacts/dental-app/src/components/Hero.tsx
index 0c65348..b512fda 100644
--- a/artifacts/dental-app/src/components/Hero.tsx
+++ b/artifacts/dental-app/src/components/Hero.tsx
@@ -65,52 +65,6 @@ export function Hero() {
           </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>
     </section>
   );