diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 9d147e0..8ec995c 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 73fa8e0..b0ad66b 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 7b55637..1e38339 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
@@ -65,25 +65,18 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCarouselLogo
+        <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" }
           ]}
-          slides={[
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg",              imageAlt: "Barista at work in coffee shop"
-            },
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg",              imageAlt: "Cafe interior design"
-            },
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2328.jpg",              imageAlt: "Coffee preparation process"
-            }
-          ]}
-          autoplayDelay={4000}
+          background={{ variant: "sparkles-gradient" }}
+          imageSrc="https://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg"
+          imageAlt="Barista at work in coffee shop"
+          mediaAnimation="slide-up"
+          frameStyle="card"
         />
       </div>
 
@@ -269,4 +262,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 af0add0..253bd6d 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 0e88795..d2d7e86 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
+}