diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7deff01..fc6c341 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
+import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
 import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
@@ -40,28 +40,23 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitKpi
-          title="Welcome to AnimeHub – Your Ultimate Anime Community"
-          description="Connect with thousands of anime fans worldwide. Discover trending series, share recommendations, and celebrate your favorite shows with a passionate community of anime enthusiasts."
-          tag="For Anime Lovers"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
-          background={{ variant: "sparkles-gradient" }}
-          kpis={[
-            { value: "50K+", label: "Anime Fans" },
-            { value: "1000+", label: "Titles Tracked" },
-            { value: "24/7", label: "Community Active" },
-          ]}
-          enableKpiAnimation={true}
+        <HeroCarouselLogo
+          logoText="AnimeHub"
+          description="Connect with thousands of anime fans worldwide. Discover trending series, share recommendations, and celebrate your favorite shows."
           buttons={[
-            { text: "Join Community", href: "#community" },
-            { text: "Explore Anime", href: "#featured" },
+            { text: "Join Community", href: "community" },
+            { text: "Explore Anime", href: "featured" },
           ]}
-          buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-vector/people-avatars-collection_1333-49.jpg"
-          imageAlt="Anime character showcase"
-          mediaAnimation="blur-reveal"
-          imagePosition="right"
+          slides={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-vector/people-avatars-collection_1333-49.jpg",              imageAlt: "Anime community showcase 1"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-vector/gradient-japanese-restaurant-horizontal-sale-banner-template_23-2149425904.jpg",              imageAlt: "Anime community showcase 2"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-dream-catcher_1321-1600.jpg",              imageAlt: "Anime community showcase 3"},
+          ]}
+          autoplayDelay={5000}
+          showDimOverlay={true}
           ariaLabel="Hero section for anime community"
         />
       </div>
@@ -81,7 +76,7 @@ export default function LandingPage() {
             {
               id: "3",              name: "My Hero Academia",              price: "Popular",              variant: "Superhero • School • Action",              imageSrc: "http://img.b2bpic.net/free-vector/superhero-costumes-set-comic-book-heroes-with-capes-posing-blue-sky-background_575670-68.jpg",              imageAlt: "My Hero Academia anime cover"},
           ]}
-          buttons={[{ text: "View All Anime", href: "#featured" }]}
+          buttons={[{ text: "View All Anime", href: "featured" }]}
           buttonAnimation="slide-up"
           textboxLayout="default"
           gridVariant="three-columns-all-equal-width"
@@ -108,7 +103,7 @@ export default function LandingPage() {
               id: 3,
               title: "Fan Events",              description: "Participate in exclusive anime watchalongs, contests, and community-driven events throughout the year.",              imageSrc: "http://img.b2bpic.net/free-psd/international-youth-day-template-design_23-2151602842.jpg?_wi=3"},
           ]}
-          buttons={[{ text: "Start Discussing", href: "#contact" }]}
+          buttons={[{ text: "Start Discussing", href: "contact" }]}
           buttonAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
@@ -220,22 +215,22 @@ export default function LandingPage() {
           columns={[
             {
               items: [
-                { label: "Featured Anime", href: "#featured" },
-                { label: "Community", href: "#community" },
-                { label: "Ratings", href: "#ratings" },
+                { label: "Featured Anime", href: "featured" },
+                { label: "Community", href: "community" },
+                { label: "Ratings", href: "ratings" },
               ],
             },
             {
               items: [
-                { label: "Testimonials", href: "#testimonials" },
-                { label: "FAQ", href: "#faq" },
-                { label: "Subscribe", href: "#contact" },
+                { label: "Testimonials", href: "testimonials" },
+                { label: "FAQ", href: "faq" },
+                { label: "Subscribe", href: "contact" },
               ],
             },
             {
               items: [
                 { label: "About Us", href: "#" },
-                { label: "Contact", href: "#contact" },
+                { label: "Contact", href: "contact" },
                 { label: "Privacy Policy", href: "#" },
               ],
             },