diff --git a/src/app/page.tsx b/src/app/page.tsx
index c46a7af..c7fd275 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -42,14 +42,15 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="NICOLA LANCI"
+      <HeroBillboardScroll
+      title="NICOLA LANCI"
       description="Design that drives strategy and results. Creative direction, brand identity, and digital design for ambitious companies."
       buttons={[
         {
           text: "View My Work",          href: "#work"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/coffee-cups-with-plastic-lids-coffee-go-use-recycled-materials-zero-waste-minimalist-takeaway-coffee-idea-black_166373-2302.jpg"
+      background={{ variant: "sparkles-gradient" }}
     />
   </div>