diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index e8dfeba..4dbe48b 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-4xl md:text-5xl lg:text-6xl font-bold text-foreground">
+                    <h1 className="text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight bg-clip-text text-transparent bg-gradient-to-b from-foreground to-foreground/70">
                         Experience Unparalleled Comfort & Elegance
                     </h1>
                     <p className="text-lg text-muted-foreground">