From f1122461cf74e016e1165bdb7617b7934a4c5c9d Mon Sep 17 00:00:00 2001
From: Replit Agent <agent@replit.com>
Date: Fri, 31 Jul 2026 16:05:34 +0000
Subject: [PATCH] Refactor Hero component in dental app

Replit-Commit-Author: Agent
---
 artifacts/dental-app/src/components/Hero.tsx | 22 ++------------------
 1 file changed, 2 insertions(+), 20 deletions(-)

diff --git a/artifacts/dental-app/src/components/Hero.tsx b/artifacts/dental-app/src/components/Hero.tsx
index cf50035..2152b5a 100644
--- a/artifacts/dental-app/src/components/Hero.tsx
+++ b/artifacts/dental-app/src/components/Hero.tsx
@@ -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>