diff --git a/src/app/page.tsx b/src/app/page.tsx
index 29ffb42..d747d80 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import SplitAbout from '@/components/sections/about/SplitAbout';
@@ -39,20 +39,25 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="✦ Now live — try it free"
+        <HeroBillboardGallery
+          title="✦ Now live — try it free"
           description="Collect testimonials from anywhere. Display them everywhere. One script tag."
+          background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "Get started free →", href: "#get-started" },
             { text: "See how it works", href: "#how-it-works" }
           ]}
           buttonAnimation="slide-up"
-          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGaVEqyfQGpYfnoACYyn0L3qT8/a-sleek-testimonial-widget-interface-dis-1774121564965-fd7d3675.png?_wi=1"
-          videoAriaLabel="Nod testimonial widget demo"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGaVEqyfQGpYfnoACYyn0L3qT8/a-sleek-testimonial-widget-interface-dis-1774121564965-fd7d3675.png?_wi=2"
-          imageAlt="Hero testimonial widget preview"
-          showDimOverlay={false}
+          mediaItems={[
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGaVEqyfQGpYfnoACYyn0L3qT8/a-sleek-testimonial-widget-interface-dis-1774121564965-fd7d3675.png?_wi=1",              imageAlt: "Hero testimonial widget preview"
+            }
+          ]}
+          mediaAnimation="blur-reveal"
           ariaLabel="Hero section introducing Nod"
+          titleClassName="text-white"
+          descriptionClassName="text-white"
+          buttonTextClassName="text-white"
         />
       </div>