diff --git a/src/app/page.tsx b/src/app/page.tsx
index f76404f..2f8e564 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TextAbout from '@/components/sections/about/TextAbout';
@@ -40,14 +40,14 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      logoText="Paris Croisserie "
+      <HeroCarouselLogo
+      logoText="Paris Croisserie"
       description="Experience the delicate crunch of authentic French-inspired pastries. Fresh, daily-baked, and waiting for you."
       buttons={[{ text: "Order Now", href: "#contact" }, { text: "Our Menu", href: "#services" }]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CSEIQLBNEFKYS2Z8ImL4kpsrFT/uploaded-1776399649585-t9sw3y5r.png"
-      imageAlt="Artisanal pastries on display"
-      mediaAnimation="blur-reveal"
-      background={{ variant: "sparkles-gradient" }}
+      slides={[
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CSEIQLBNEFKYS2Z8ImL4kpsrFT/uploaded-1776399649585-t9sw3y5r.png", imageAlt: "Artisanal pastries on display" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CSEIQLBNEFKYS2Z8ImL4kpsrFT/uploaded-1776401909919-r697lhmv.png", imageAlt: "Fresh croissants" }
+      ]}
     />
   </div>