diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 8ec995c..9d147e0 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -95,4 +95,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index b0ad66b..73fa8e0 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1290,4 +1290,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1afa38f..b90e7fc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
@@ -65,17 +65,33 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard
-          logoText="Barakuda"
-          description="Experience the finest specialty coffee crafted with precision and passion. A sanctuary for coffee lovers seeking authentic flavor and genuine community."
-          buttons={[
-            { text: "Explore Our Menu", href: "#features" },
-            { text: "Book a Table", href: "#contact" }
+        <HeroBillboardCarousel
+          slides={[
+            {
+              id: "1",              title: "Barakuda",              description: "Experience the finest specialty coffee crafted with precision and passion.",              imageSrc: "https://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg",              imageAlt: "Barakuda coffee shop interior",              buttons: [
+                { text: "Explore Our Menu", href: "#features" },
+                { text: "Book a Table", href: "#contact" }
+              ]
+            },
+            {
+              id: "2",              title: "Specialty Coffee",              description: "A sanctuary for coffee lovers seeking authentic flavor and genuine community.",              imageSrc: "https://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2328.jpg",              imageAlt: "Barista preparing specialty coffee",              buttons: [
+                { text: "Learn More", href: "#about" },
+                { text: "Visit Us", href: "#contact" }
+              ]
+            },
+            {
+              id: "3",              title: "Ethically Sourced",              description: "Direct relationships with coffee farmers worldwide ensuring premium quality.",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-bean-pattern_181624-8624.jpg",              imageAlt: "Coffee beans",              buttons: [
+                { text: "Our Story", href: "#about" },
+                { text: "Get Started", href: "#contact" }
+              ]
+            }
           ]}
+          autoPlay={true}
+          autoPlayInterval={5000}
           background={{ variant: "plain" }}
-          imageAlt="Barista at work in coffee shop"
           mediaAnimation="none"
           frameStyle="card"
+          ariaLabel="Barakuda coffee showcase carousel"
         />
       </div>
 
@@ -261,4 +277,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 253bd6d..af0add0 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -248,4 +248,4 @@ export default function ProductPage({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}
\ No newline at end of file
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index d2d7e86..0e88795 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -120,4 +120,4 @@ export default function ShopPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}
\ No newline at end of file