Update src/app/page.tsx

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
@@ -50,9 +51,7 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogoBillboardSplit
-      background={{
-        variant: "plain"}}
+      <HeroCarouselLogo
       logoText="Your Dream Outdoor Space, Brought to Life"
       description="Phoenix's Premier Landscape Design & Installation"
       buttons={[
@@ -61,10 +60,9 @@ export default function LandingPage() {
         {
           text: "View Our Work",          href: "#gallery"},
       ]}
-      layoutOrder="default"
-      imageSrc="http://img.b2bpic.net/free-photo/flower-blooming-cactus-plant_23-2147842394.jpg"
-      imageAlt="Lush desert landscape with modern design"
-      mediaAnimation="slide-up"
+      slides={[{
+        imageSrc: "http://img.b2bpic.net/free-photo/flower-blooming-cactus-plant_23-2147842394.jpg",        imageAlt: "Lush desert landscape with modern design"
+      }]}
     />
   </div>