diff --git a/src/app/page.tsx b/src/app/page.tsx
index 302022f..4602fdb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,15 +1,15 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import ProductCardSix from '@/components/sections/product/ProductCardSix';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import ContactInline from '@/components/sections/contact/ContactInline';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Goal, Trophy, Users, Award, Quote, Package } from "lucide-react";
+import { Goal, Trophy, Users, Award } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -38,8 +38,8 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="Gabriele Ghione"
+        <HeroBillboardScroll
+          title="Gabriele Ghione"
           description="Professional soccer player and dedicated student balancing athletic excellence with academic achievement"
           buttons={[
             { text: "View Achievements", href: "achievements" },
@@ -47,7 +47,6 @@ export default function LandingPage() {
           ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343318478-c9cpv6qm.jpg"
           imageAlt="Gabriele Ghione soccer player"
-          showDimOverlay={true}
         />
       </div>
 
@@ -61,6 +60,7 @@ export default function LandingPage() {
           buttons={[
             { text: "Learn More", href: "achievements" }
           ]}
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -91,6 +91,7 @@ export default function LandingPage() {
               id: "1",
               name: "Championship Match",
               price: "2024",
+              variant: "",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349631035-it0ynrs9.jpg",
               imageAlt: "Championship soccer match"
             },
@@ -98,6 +99,7 @@ export default function LandingPage() {
               id: "2",
               name: "League Tournament",
               price: "2023",
+              variant: "",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349631961-mmmp9m3t.jpg",
               imageAlt: "League tournament action"
             },
@@ -105,6 +107,7 @@ export default function LandingPage() {
               id: "3",
               name: "Team Victory",
               price: "2024",
+              variant: "",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349632833-fq6pft5y.jpg",
               imageAlt: "Team celebration after victory"
             }