From 0ccfdff4bd1aa3d3634a01540ec165250543a168 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Mar 2026 14:50:32 +0000
Subject: [PATCH] Update src/app/anime/page.tsx

---
 src/app/anime/page.tsx | 247 +++++++++--------------------------------
 1 file changed, 52 insertions(+), 195 deletions(-)

diff --git a/src/app/anime/page.tsx b/src/app/anime/page.tsx
index cd5aebc..a77b026 100644
--- a/src/app/anime/page.tsx
+++ b/src/app/anime/page.tsx
@@ -28,36 +28,19 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "home",
-          href: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Anime",
-          id: "anime",
-          href: "#anime-catalog",
-        },
+          name: "Anime",          id: "/anime"},
         {
-          name: "Watch Free",
-          id: "watch-free",
-          href: "#features",
-        },
+          name: "Watch Free",          id: "#features"},
         {
-          name: "FAQs",
-          id: "faqs",
-          href: "#faq",
-        },
+          name: "FAQs",          id: "/faqs"},
         {
-          name: "Contact",
-          id: "contact",
-          href: "#contact",
-        },
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="AnimeFlix Hindi"
       button={{
-        text: "Get Started",
-        href: "#anime-catalog",
-      }}
+        text: "Get Started",        href: "#anime-catalog"}}
     />
   </div>
 
@@ -66,125 +49,46 @@ export default function LandingPage() {
       layout="page"
       products={[
         {
-          id: "1",
-          category: "Action, Fantasy",
-          name: "Naruto: Shippuden",
-          price: "Free",
-          rating: 5,
-          reviewCount: "1.2K",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png?_wi=3",
-          imageAlt: "Naruto: Shippuden anime poster",
-        },
+          id: "1",          category: "Action, Fantasy",          name: "Naruto: Shippuden",          price: "Free",          rating: 5,
+          reviewCount: "1.2K",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png",          imageAlt: "Naruto: Shippuden anime poster"},
         {
-          id: "2",
-          category: "Dark Fantasy, Action",
-          name: "Attack on Titan",
-          price: "Free",
-          rating: 5,
-          reviewCount: "1.5K",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png?_wi=3",
-          imageAlt: "Attack on Titan anime poster",
-        },
+          id: "2",          category: "Dark Fantasy, Action",          name: "Attack on Titan",          price: "Free",          rating: 5,
+          reviewCount: "1.5K",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png",          imageAlt: "Attack on Titan anime poster"},
         {
-          id: "3",
-          category: "Supernatural, Action",
-          name: "Jujutsu Kaisen",
-          price: "Free",
-          rating: 5,
-          reviewCount: "980",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png?_wi=4",
-          imageAlt: "Jujutsu Kaisen anime poster",
-        },
+          id: "3",          category: "Supernatural, Action",          name: "Jujutsu Kaisen",          price: "Free",          rating: 5,
+          reviewCount: "980",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png",          imageAlt: "Jujutsu Kaisen anime poster"},
         {
-          id: "4",
-          category: "Comedy, Slice of Life",
-          name: "Spy x Family",
-          price: "Free",
-          rating: 4.5,
-          reviewCount: "750",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-slice-of-life-co-1774536258436-38ad7b61.png?_wi=3",
-          imageAlt: "Spy x Family anime poster",
-        },
+          id: "4",          category: "Comedy, Slice of Life",          name: "Spy x Family",          price: "Free",          rating: 4.5,
+          reviewCount: "750",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-slice-of-life-co-1774536258436-38ad7b61.png",          imageAlt: "Spy x Family anime poster"},
         {
-          id: "5",
-          category: "Adventure, Fantasy",
-          name: "Demon Slayer",
-          price: "Free",
-          rating: 5,
-          reviewCount: "1.3K",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png?_wi=4",
-          imageAlt: "Demon Slayer anime poster",
-        },
+          id: "5",          category: "Adventure, Fantasy",          name: "Demon Slayer",          price: "Free",          rating: 5,
+          reviewCount: "1.3K",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png",          imageAlt: "Demon Slayer anime poster"},
         {
-          id: "6",
-          category: "Superhero, Action",
-          name: "My Hero Academia",
-          price: "Free",
-          rating: 4.5,
-          reviewCount: "1.1K",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png?_wi=5",
-          imageAlt: "My Hero Academia anime poster",
-        },
+          id: "6",          category: "Superhero, Action",          name: "My Hero Academia",          price: "Free",          rating: 4.5,
+          reviewCount: "1.1K",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png",          imageAlt: "My Hero Academia anime poster"},
         {
-          id: "7",
-          category: "Adventure, Fantasy",
-          name: "One Piece",
-          price: "Free",
-          rating: 4.8,
-          reviewCount: "2.0K",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-slice-of-life-co-1774536258436-38ad7b61.png?_wi=4",
-          imageAlt: "One Piece anime poster",
-        },
+          id: "7",          category: "Adventure, Fantasy",          name: "One Piece",          price: "Free",          rating: 4.8,
+          reviewCount: "2.0K",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-slice-of-life-co-1774536258436-38ad7b61.png",          imageAlt: "One Piece anime poster"},
         {
-          id: "8",
-          category: "Martial Arts, Adventure",
-          name: "Dragon Ball Z",
-          price: "Free",
-          rating: 4.7,
-          reviewCount: "1.8K",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png?_wi=5",
-          imageAlt: "Dragon Ball Z anime poster",
-        },
+          id: "8",          category: "Martial Arts, Adventure",          name: "Dragon Ball Z",          price: "Free",          rating: 4.7,
+          reviewCount: "1.8K",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png",          imageAlt: "Dragon Ball Z anime poster"},
       ]}
       searchPlaceholder="Search thousands of Hindi-dubbed anime..."
       filters={[
         {
-          label: "Genre",
-          options: [
-            "All",
-            "Action",
-            "Fantasy",
-            "Sci-Fi",
-            "Romance",
-            "Comedy",
-            "Slice of Life",
-          ],
-          selected: "All",
-          onChange: "() => {}",
+          label: "Genre",          options: [
+            "All",            "Action",            "Fantasy",            "Sci-Fi",            "Romance",            "Comedy",            "Slice of Life"],
+          selected: "All",          onChange: () => {},
         },
         {
-          label: "Status",
-          options: [
-            "All",
-            "Ongoing",
-            "Completed",
-            "Upcoming",
-          ],
-          selected: "All",
-          onChange: "() => {}",
+          label: "Status",          options: [
+            "All",            "Ongoing",            "Completed",            "Upcoming"],
+          selected: "All",          onChange: () => {},
         },
         {
-          label: "Year",
-          options: [
-            "All",
-            "2024",
-            "2023",
-            "2022",
-            "2021",
-            "Older",
-          ],
-          selected: "All",
-          onChange: "() => {}",
+          label: "Year",          options: [
+            "All",            "2024",            "2023",            "2022",            "2021",            "Older"],
+          selected: "All",          onChange: () => {},
         },
       ]}
       emptyMessage="No anime found matching your criteria."
@@ -193,38 +97,19 @@ export default function LandingPage() {
 
   <div id="explore-genres" data-section="explore-genres">
       <FeatureCardTwentySeven
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={true}
       features={[
         {
-          id: "1",
-          title: "Action Thrillers",
-          description: "Explosive battles and heart-pounding adventures.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png?_wi=6",
-          imageAlt: "Dynamic action anime scene",
-        },
+          id: "1",          title: "Action Thrillers",          description: "Explosive battles and heart-pounding adventures.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png",          imageAlt: "Dynamic action anime scene"},
         {
-          id: "2",
-          title: "Fantasy Worlds",
-          description: "Magic, mythical creatures, and epic quests.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png?_wi=6",
-          imageAlt: "Magical fantasy anime landscape",
-        },
+          id: "2",          title: "Fantasy Worlds",          description: "Magic, mythical creatures, and epic quests.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png",          imageAlt: "Magical fantasy anime landscape"},
         {
-          id: "3",
-          title: "Sci-Fi Futures",
-          description: "Advanced technology and intergalactic sagas.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-futuristic-3d-ui-dashboard-showing-ani-1774536259971-916f77ba.png?_wi=2",
-          imageAlt: "Futuristic sci-fi anime city",
-        },
+          id: "3",          title: "Sci-Fi Futures",          description: "Advanced technology and intergalactic sagas.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-futuristic-3d-ui-dashboard-showing-ani-1774536259971-916f77ba.png",          imageAlt: "Futuristic sci-fi anime city"},
         {
-          id: "4",
-          title: "Heartfelt Romance",
-          description: "Love stories that will warm your soul.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-slice-of-life-co-1774536258436-38ad7b61.png?_wi=5",
-          imageAlt: "Romantic anime couple",
-        },
+          id: "4",          title: "Heartfelt Romance",          description: "Love stories that will warm your soul.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-slice-of-life-co-1774536258436-38ad7b61.png",          imageAlt: "Romantic anime couple"},
       ]}
       title="Explore Diverse Anime Universes"
       description="Dive into our curated collection of Hindi-dubbed anime spanning every imaginable genre. Discover new favorites or rewatch classics with our stunning 3D UI."
@@ -235,17 +120,14 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Can't find your favorite?"
       tagIcon={Sparkles}
       title="Request Your Next Anime Obsession"
       description="Our library is constantly growing. Help us prioritize what to dub next in Hindi by requesting your most anticipated series or movies!"
       buttons={[
         {
-          text: "Suggest Anime",
-          href: "/contact",
-        },
+          text: "Suggest Anime",          href: "/contact"},
       ]}
     />
   </div>
@@ -254,62 +136,37 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Explore",
-          items: [
+          title: "Explore",          items: [
             {
-              label: "All Anime",
-              href: "/anime",
-            },
+              label: "All Anime",              href: "/anime"},
             {
-              label: "New Releases",
-              href: "#",
-            },
+              label: "New Releases",              href: "#"},
             {
-              label: "Popular Titles",
-              href: "#",
-            },
+              label: "Popular Titles",              href: "#"},
             {
-              label: "Genres",
-              href: "#",
-            },
+              label: "Genres",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Contact",
-              href: "/contact",
-            },
+              label: "Contact",              href: "/contact"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQs",
-              href: "/faqs",
-            },
+              label: "FAQs",              href: "/faqs"},
             {
-              label: "Help Center",
-              href: "#",
-            },
+              label: "Help Center",              href: "#"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}