From 444cf85ddcbd4f5725911b5bd10e7582976f86b7 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Wed, 3 Jun 2026 14:10:37 +0000
Subject: [PATCH] Bob AI: Fix hero heading gradient and bottom clipping

---
 src/pages/HomePage/sections/Hero.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index eaa7072..7923b58 100644
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -45,7 +45,7 @@ export default function HeroSection(): React.JSX.Element {
             <div className="container mx-auto max-w-6xl flex flex-col items-center text-center">
                 <div className="flex flex-col items-center text-center gap-4 mb-16 max-w-3xl mx-auto">
                     <Tag text="Welcome to Luxury" />
-                    <h1 className="text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight text-balance bg-clip-text text-transparent bg-gradient-to-b from-foreground to-foreground/70">
+                    <h1 className="text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight text-balance bg-clip-text text-transparent bg-gradient-to-b from-foreground to-muted-foreground pb-2">
                         Experience Unparalleled Comfort & Elegance
                     </h1>
                     <p className="text-lg text-muted-foreground">
-- 
2.49.1