diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4602fdb..c9aaa0f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
 import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import ProductCardSix from '@/components/sections/product/ProductCardSix';
@@ -14,16 +14,16 @@ import { Goal, Trophy, Users, Award } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="directional-hover"
-      defaultTextAnimation="background-highlight"
-      borderRadius="sharp"
-      contentWidth="large"
-      sizing="mediumSizeExtraLargeSpacing"
-      background="grid"
-      cardStyle="floating"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="radial-glow"
-      headingFontWeight="light"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleApple
@@ -38,7 +38,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardScroll
+        <HeroLogo
           title="Gabriele Ghione"
           description="Professional soccer player and dedicated student balancing athletic excellence with academic achievement"
           buttons={[