Merge version_3 into main

Merge version_3 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: "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 */}