Update src/app/page.tsx

Merge version_2 into main

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
+        <HeroBillboard
-          logoText="Gaspar's Landscaping"
+          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>
 
@@ -71,6 +72,9 @@ export default function LandingPage() {
           title="Our Services"
           description="Comprehensive landscaping solutions tailored to your property needs"
           tag="Services"
+          buttons={[
+            { text: "View All Services", href: "#services" }
+          ]}
           features={[
             {
               id: 1,