Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -8,6 +8,7 @@ import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import TimelineHorizontalCardStack from "@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack";
 
 export default function HomePage() {
   const navItems = [
@@ -39,22 +40,51 @@ export default function HomePage() {
         />
       </div>
 
-      {/* Hero Section */}
+      {/* Hero Section with Rotating Banner */}
       <div id="hero" data-section="hero" className="mx-auto px-4 md:px-6">
-        <HeroLogoBillboard
+        <TimelineHorizontalCardStack
-          logoText="Comik Narrik"
+          title="Comik Narrik"
           description="Experience premium Donghua streaming with lightning-fast performance, multi-server playback, and cinematic dark interface. Watch your favorite Chinese anime with zero buffering."
+          tag="Featured Series"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          mediaItems={[
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-cinematic-donghua-hero-banner-featurin-1773251196314-2e628dfd.png?_wi=1",              imageAlt: "Battle Through The Heavens"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-high-quality-donghua-series-poster-for-1773251195889-7364366b.png?_wi=1",              imageAlt: "Soul Land"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-donghua-series-poster-for-1773251196895-c523cf0e.png?_wi=1",              imageAlt: "Heaven Official's Blessing"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-stunning-donghua-series-poster-for-all-1773251198594-21dd9d7d.png?_wi=1",              imageAlt: "Shrouding The Heavens"
+            }
+          ]}
           buttons={[
-            { text: "Start Watching", href: "/watch" },
+            { text: "Watch Now Free", href: "/watch" },
             { text: "Browse Series", href: "#series" },
           ]}
-          background={{ variant: "sparkles-gradient" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-cinematic-donghua-hero-banner-featurin-1773251196314-2e628dfd.png?_wi=1"
-          imageAlt="Donghua hero showcase with cinematic anime character"
-          frameStyle="card"
-          mediaAnimation="blur-reveal"
           buttonAnimation="slide-up"
-        />
+        >
+          <div>
+            <h3 className="font-bold text-xl">Battle Through The Heavens</h3>
+            <p className="text-sm opacity-75">Latest Episode 152</p>
+          </div>
+          <div>
+            <h3 className="font-bold text-xl">Soul Land</h3>
+            <p className="text-sm opacity-75">Latest Episode 203</p>
+          </div>
+          <div>
+            <h3 className="font-bold text-xl">Heaven Official's Blessing</h3>
+            <p className="text-sm opacity-75">Season 2 Episode 5</p>
+          </div>
+          <div>
+            <h3 className="font-bold text-xl">Shrouding The Heavens</h3>
+            <p className="text-sm opacity-75">Latest Episode 67</p>
+          </div>
+        </TimelineHorizontalCardStack>
       </div>
 
       {/* Latest Episodes Section */}
@@ -65,33 +95,13 @@ export default function HomePage() {
           tag="New Releases"
           products={[
             {
-              id: "1",
+              id: "1",              name: "Battle Through The Heavens",              price: "Episode 152",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-high-quality-donghua-episode-thumbnail-1773251195902-fc1e7f88.png?_wi=1",              imageAlt: "Battle Through The Heavens episode 152"},
-              name: "Battle Through The Heavens",
-              price: "Episode 152",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-high-quality-donghua-episode-thumbnail-1773251195902-fc1e7f88.png?_wi=1",
-              imageAlt: "Battle Through The Heavens episode 152",
-            },
             {
-              id: "2",
+              id: "2",              name: "Shrouding The Heavens",              price: "Episode 67",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-high-quality-donghua-episode-thumbnail-1773251195945-d89c51d2.png?_wi=1",              imageAlt: "Shrouding The Heavens episode 67"},
-              name: "Shrouding The Heavens",
-              price: "Episode 67",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-high-quality-donghua-episode-thumbnail-1773251195945-d89c51d2.png?_wi=1",
-              imageAlt: "Shrouding The Heavens episode 67",
-            },
             {
-              id: "3",
+              id: "3",              name: "Soul Land",              price: "Episode 203",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-stunning-donghua-episode-thumbnail-sho-1773251196234-31fc3082.png?_wi=1",              imageAlt: "Soul Land episode 203"},
-              name: "Soul Land",
-              price: "Episode 203",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-stunning-donghua-episode-thumbnail-sho-1773251196234-31fc3082.png?_wi=1",
-              imageAlt: "Soul Land episode 203",
-            },
             {
-              id: "4",
+              id: "4",              name: "Heaven Official's Blessing",              price: "Season 2 EP 5",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-high-quality-donghua-episode-thumbnail-1773251195902-fc1e7f88.png?_wi=2",              imageAlt: "Heaven Official's Blessing season 2 episode 5"},
-              name: "Heaven Official's Blessing",
-              price: "Season 2 EP 5",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-high-quality-donghua-episode-thumbnail-1773251195902-fc1e7f88.png?_wi=2",
-              imageAlt: "Heaven Official's Blessing season 2 episode 5",
-            },
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -108,25 +118,13 @@ export default function HomePage() {
           tag="Mon-Sun"
           metrics={[
             {
-              id: "1",
+              id: "1",              value: "07:30",              description: "Morning Release - 3 Series"},
-              value: "07:30",
-              description: "Morning Release - 3 Series",
-            },
             {
-              id: "2",
+              id: "2",              value: "15:30",              description: "Afternoon Release - 5 Series"},
-              value: "15:30",
-              description: "Afternoon Release - 5 Series",
-            },
             {
-              id: "3",
+              id: "3",              value: "21:00",              description: "Evening Release - 4 Series"},
-              value: "21:00",
-              description: "Evening Release - 4 Series",
-            },
             {
-              id: "4",
+              id: "4",              value: "12+",              description: "Daily Releases Average"},
-              value: "12+",
-              description: "Daily Releases Average",
-            },
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -143,47 +141,17 @@ export default function HomePage() {
           tag="Complete Catalog"
           products={[
             {
-              id: "1",
+              id: "1",              name: "Battle Through The Heavens",              price: "Up to EP 152",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-high-quality-donghua-series-poster-for-1773251195889-7364366b.png?_wi=1",              imageAlt: "Battle Through The Heavens series poster"},
-              name: "Battle Through The Heavens",
-              price: "Up to EP 152",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-high-quality-donghua-series-poster-for-1773251195889-7364366b.png?_wi=1",
-              imageAlt: "Battle Through The Heavens series poster",
-            },
             {
-              id: "2",
+              id: "2",              name: "Soul Land",              price: "Up to EP 203",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-donghua-series-poster-for-1773251196895-c523cf0e.png?_wi=1",              imageAlt: "Soul Land series poster"},
-              name: "Soul Land",
-              price: "Up to EP 203",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-donghua-series-poster-for-1773251196895-c523cf0e.png?_wi=1",
-              imageAlt: "Soul Land series poster",
-            },
             {
-              id: "3",
+              id: "3",              name: "Heaven Official's Blessing",              price: "Season 2 EP 5",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-stunning-donghua-series-poster-for-all-1773251198594-21dd9d7d.png?_wi=1",              imageAlt: "Heaven Official's Blessing series poster"},
-              name: "Heaven Official's Blessing",
-              price: "Season 2 EP 5",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-stunning-donghua-series-poster-for-all-1773251198594-21dd9d7d.png?_wi=1",
-              imageAlt: "Heaven Official's Blessing series poster",
-            },
             {
-              id: "4",
+              id: "4",              name: "Shrouding The Heavens",              price: "Up to EP 67",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-high-quality-donghua-series-poster-for-1773251195889-7364366b.png?_wi=2",              imageAlt: "Shrouding The Heavens series poster"},
-              name: "Shrouding The Heavens",
-              price: "Up to EP 67",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-high-quality-donghua-series-poster-for-1773251195889-7364366b.png?_wi=2",
-              imageAlt: "Shrouding The Heavens series poster",
-            },
             {
-              id: "5",
+              id: "5",              name: "Martial Universe",              price: "Up to EP 89",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-donghua-series-poster-for-1773251196895-c523cf0e.png?_wi=2",              imageAlt: "Martial Universe series poster"},
-              name: "Martial Universe",
-              price: "Up to EP 89",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-donghua-series-poster-for-1773251196895-c523cf0e.png?_wi=2",
-              imageAlt: "Martial Universe series poster",
-            },
             {
-              id: "6",
+              id: "6",              name: "The Grandmaster's Young Master",              price: "Up to EP 45",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-stunning-donghua-series-poster-for-all-1773251198594-21dd9d7d.png?_wi=2",              imageAlt: "The Grandmaster's Young Master series poster"},
-              name: "The Grandmaster's Young Master",
-              price: "Up to EP 45",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-stunning-donghua-series-poster-for-all-1773251198594-21dd9d7d.png?_wi=2",
-              imageAlt: "The Grandmaster's Young Master series poster",
-            },
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -200,29 +168,17 @@ export default function HomePage() {
           author="Chen Wei, Anime Enthusiast"
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-profile-photo-of-an-anime-1773251195016-5437cfd6.png",
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-profile-photo-of-an-anime-1773251195016-5437cfd6.png",              alt: "User 1"},
-              alt: "User 1",
-            },
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-user-avatar-or-profile-ph-1773251194954-2d8bc820.png",
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-user-avatar-or-profile-ph-1773251194954-2d8bc820.png",              alt: "User 2"},
-              alt: "User 2",
-            },
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-profile-photo-for-testimo-1773251194709-e1a6cc13.png",
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-profile-photo-for-testimo-1773251194709-e1a6cc13.png",              alt: "User 3"},
-              alt: "User 3",
-            },
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-user-avatar-for-testimoni-1773251199849-07520d52.png",
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-user-avatar-for-testimoni-1773251199849-07520d52.png",              alt: "User 4"},
-              alt: "User 4",
-            },
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-profile-photo-for-testimo-1773251194996-8fcbfcf5.png",
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-profile-photo-for-testimo-1773251194996-8fcbfcf5.png",              alt: "User 5"},
-              alt: "User 5",
-            },
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-user-avatar-for-testimoni-1773251194219-4e1ba509.png",
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoFGykMeQbGjGWomz2N17ycz2L/a-professional-user-avatar-for-testimoni-1773251194219-4e1ba509.png",              alt: "User 6"},
-              alt: "User 6",
-            },
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
@@ -250,8 +206,7 @@ export default function HomePage() {
           logoText="Comik Narrik"
           columns={[
             {
-              title: "Platform",
+              title: "Platform",              items: [
-              items: [
                 { label: "Home", href: "/" },
                 { label: "All Series", href: "/series" },
                 { label: "Schedule", href: "#schedule" },
@@ -259,24 +214,21 @@ export default function HomePage() {
               ],
             },
             {
-              title: "Community",
+              title: "Community",              items: [
-              items: [
                 { label: "Telegram Group", href: "https://t.me/comiknarrik" },
                 { label: "Discord Server", href: "https://discord.gg/comiknarrik" },
                 { label: "Feature Requests", href: "/#community" },
               ],
             },
             {
-              title: "Support",
+              title: "Support",              items: [
-              items: [
                 { label: "Video Embed Providers", href: "#" },
                 { label: "Server Status", href: "#" },
                 { label: "FAQ", href: "#" },
               ],
             },
             {
-              title: "Legal",
+              title: "Legal",              items: [
-              items: [
                 { label: "Privacy Policy", href: "/privacy" },
                 { label: "Terms & Conditions", href: "/terms" },
                 { label: "DMCA Policy", href: "/dmca" },
@@ -289,4 +241,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}