diff --git a/src/app/page.tsx b/src/app/page.tsx
index 33a8eec..326e7c6 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 HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
@@ -38,7 +38,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCentered
+        <HeroBillboard
           title="The SaaS Platform Built for Modern Teams"
           description="Streamline your workflow with powerful automation, real-time collaboration, and advanced analytics. Scale your business without complexity."
           background={{ variant: "sparkles-gradient" }}