diff --git a/src/app/page.tsx b/src/app/page.tsx
index 33ff82d..cb6f986 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 HeroLogo from "@/components/sections/hero/HeroLogo";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
 import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
@@ -38,16 +38,17 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="Gaspar's Landscaping"
+        <HeroBillboard
+          title="Gaspar's Landscaping"
           description="Beautiful Lawns. Reliable Service. Trusted Local Professionals."
+          background={{ variant: "sparkles-gradient" }}
           buttons={[
             { text: "View Services", href: "services" },
             { text: "Get Free Estimate", href: "contact" },
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176599.jpg"
           imageAlt="Professional lawn care and landscaping service"
-          showDimOverlay={true}
+          mediaAnimation="slide-up"
         />
       </div>