fix(hero): remove floating screen label above phone mockup

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Manohar Gupta 2026-05-29 10:39:29 +05:30
parent e309c91309
commit 39b2787484

View file

@ -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"