diff --git a/src/app/page.tsx b/src/app/page.tsx
index eaf66a3..e6a5186 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
 import AboutMetric from "@/components/sections/about/AboutMetric";
@@ -43,13 +43,13 @@ export default function HomePage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroBillboard
           title="Find and Book Professional Massage Therapists Near You"
           description="Discover verified, certified massage therapists and wellness practitioners. Book your perfect session in minutes with secure payments and flexible scheduling."
           tag="Wellness Marketplace"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "plain" }}
+          background={{ variant: "sparkles-gradient" }}
           mediaItems={[
             {
               imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beauty-treatments_1098-3132.jpg?_wi=1",              imageAlt: "Serene massage therapy session"},