From 39b2787484c2fcec75ce6e63c8b78d243a31f72d Mon Sep 17 00:00:00 2001
From: Mannu <manohar6839@gmail.com>
Date: Fri, 29 May 2026 10:39:29 +0530
Subject: [PATCH] fix(hero): remove floating screen label above phone mockup

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/marketing/PhoneMockup.tsx | 12 ------------
 1 file changed, 12 deletions(-)

diff --git a/src/components/marketing/PhoneMockup.tsx b/src/components/marketing/PhoneMockup.tsx
index 65d8da4..fdea8ee 100644
--- a/src/components/marketing/PhoneMockup.tsx
+++ b/src/components/marketing/PhoneMockup.tsx
@@ -280,18 +280,6 @@ export function PhoneMockup() {
 
   return (
     <div className="flex flex-col items-center gap-3">
-      {/* Floating label above phone */}
-      <div className="h-7 flex items-center">
-        {SCREENS.map((s, i) => (
-          <span
-            key={s.key}
-            className={`absolute text-xs font-medium px-3 py-1 rounded-full bg-rose-100 text-rose-700 transition-opacity duration-300 ${active === i ? "opacity-100" : "opacity-0 pointer-events-none"}`}
-          >
-            {s.label}
-          </span>
-        ))}
-      </div>
-
       {/* Phone */}
       <div
         className="relative"