From 46803351e5406a75023a3038b9660284099271b3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 13 Apr 2026 14:11:31 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 169 ++++++++++++-----------------------------------
 1 file changed, 42 insertions(+), 127 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b121f46..99f0fd5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Trending",
-          id: "#hero",
-        },
+          name: "Trending",          id: "#hero"},
         {
-          name: "Reviews",
-          id: "#reviews",
-        },
+          name: "Reviews",          id: "#reviews"},
         {
-          name: "Community",
-          id: "#community",
-        },
+          name: "Community",          id: "#community"},
       ]}
       brandName="AnimeHub"
     />
@@ -48,41 +42,22 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Dive Into the Neon World"
       description="The ultimate destination for anime enthusiasts. Discover trending titles, share reviews, and join our vibrant community."
       carouselItems={[
         {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-space_23-2151134224.jpg",
-          imageAlt: "anime hero dynamic pose neon blue",
-        },
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-space_23-2151134224.jpg",          imageAlt: "anime hero dynamic pose neon blue"},
         {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/christianity-statue-represents-religion-spirituality-cultures-generative-ai_188544-12762.jpg",
-          imageAlt: "anime character dynamic pose neon lighting",
-        },
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/christianity-statue-represents-religion-spirituality-cultures-generative-ai_188544-12762.jpg",          imageAlt: "anime character dynamic pose neon lighting"},
         {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-ninja-wearing-equipment_23-2150960836.jpg",
-          imageAlt: "epic anime fighting pose digital art",
-        },
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-ninja-wearing-equipment_23-2150960836.jpg",          imageAlt: "epic anime fighting pose digital art"},
         {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/halloween-scene-illustration-anime-style_23-2151794300.jpg",
-          imageAlt: "mysterious anime character neon blue light",
-        },
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/halloween-scene-illustration-anime-style_23-2151794300.jpg",          imageAlt: "mysterious anime character neon blue light"},
         {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568821.jpg",
-          imageAlt: "powerful anime character action pose",
-        },
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568821.jpg",          imageAlt: "powerful anime character action pose"},
         {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-neon-city-night_23-2152031327.jpg",
-          imageAlt: "dynamic anime character stance neon blue",
-        },
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-neon-city-night_23-2152031327.jpg",          imageAlt: "dynamic anime character stance neon blue"},
       ]}
       autoPlay={true}
     />
@@ -96,41 +71,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "c1",
-          name: "Cyber Samurai",
-          price: "New Release",
-          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-character-neon-cityscape_23-2152007990.jpg",
-        },
+          id: "c1",          name: "Cyber Samurai",          price: "New Release",          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-character-neon-cityscape_23-2152007990.jpg"},
         {
-          id: "c2",
-          name: "Neon Mage",
-          price: "Most Watched",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-ai-enhanced-body_23-2151871877.jpg",
-        },
+          id: "c2",          name: "Neon Mage",          price: "Most Watched",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-ai-enhanced-body_23-2151871877.jpg"},
         {
-          id: "c3",
-          name: "Tech Rogue",
-          price: "Fan Favorite",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-ninja-wearing-equipment_23-2150961084.jpg",
-        },
+          id: "c3",          name: "Tech Rogue",          price: "Fan Favorite",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-ninja-wearing-equipment_23-2150961084.jpg"},
         {
-          id: "c4",
-          name: "Street Ninja",
-          price: "Rising Star",
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-with-people-doing-regular-tasks-anime-style_23-2151002531.jpg",
-        },
+          id: "c4",          name: "Street Ninja",          price: "Rising Star",          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-with-people-doing-regular-tasks-anime-style_23-2151002531.jpg"},
         {
-          id: "c5",
-          name: "Arcade Legend",
-          price: "Classic",
-          imageSrc: "http://img.b2bpic.net/free-photo/cartoon-superhero-illustration_23-2151732537.jpg",
-        },
+          id: "c5",          name: "Arcade Legend",          price: "Classic",          imageSrc: "http://img.b2bpic.net/free-photo/cartoon-superhero-illustration_23-2151732537.jpg"},
         {
-          id: "c6",
-          name: "Dark Soul",
-          price: "Limited",
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-style-ninja-naruto_23-2151278587.jpg",
-        },
+          id: "c6",          name: "Dark Soul",          price: "Limited",          imageSrc: "http://img.b2bpic.net/free-photo/dark-style-ninja-naruto_23-2151278587.jpg"},
       ]}
       title="Popular Characters"
       description="Trending heroes you need to know about."
@@ -139,49 +90,25 @@ export default function LandingPage() {
 
   <div id="reviews" data-section="reviews">
       <TestimonialCardThirteen
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Kaito S.",
-          handle: "@kaito_fan",
-          testimonial: "Cyber Samurai is the best anime this season! Absolutely loved the animation quality.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568826.jpg",
-        },
+          id: "1",          name: "Kaito S.",          handle: "@kaito_fan",          testimonial: "Cyber Samurai is the best anime this season! Absolutely loved the animation quality.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568826.jpg"},
         {
-          id: "2",
-          name: "Yuki M.",
-          handle: "@yuki_reviews",
-          testimonial: "The soundtrack in Neon Mage is just breathtaking. A must-watch for everyone.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568883.jpg",
-        },
+          id: "2",          name: "Yuki M.",          handle: "@yuki_reviews",          testimonial: "The soundtrack in Neon Mage is just breathtaking. A must-watch for everyone.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568883.jpg"},
         {
-          id: "3",
-          name: "Hiroshi T.",
-          handle: "@hiro_anime",
-          testimonial: "Finally, a site that captures the true essence of the anime community. Great stuff!",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-enigma-hooded-figure-wielding-blue-energy_23-2152031323.jpg",
-        },
+          id: "3",          name: "Hiroshi T.",          handle: "@hiro_anime",          testimonial: "Finally, a site that captures the true essence of the anime community. Great stuff!",          rating: 4,
+          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-enigma-hooded-figure-wielding-blue-energy_23-2152031323.jpg"},
         {
-          id: "4",
-          name: "Akira N.",
-          handle: "@akira_chan",
-          testimonial: "I love the detailed character reviews here. It really helps me decide what to watch next.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/anime-character-water_23-2151080243.jpg",
-        },
+          id: "4",          name: "Akira N.",          handle: "@akira_chan",          testimonial: "I love the detailed character reviews here. It really helps me decide what to watch next.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/anime-character-water_23-2151080243.jpg"},
         {
-          id: "5",
-          name: "Sora L.",
-          handle: "@sora_fan",
-          testimonial: "Clean UI and great content. This is the place to be for every otaku.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149314.jpg",
-        },
+          id: "5",          name: "Sora L.",          handle: "@sora_fan",          testimonial: "Clean UI and great content. This is the place to be for every otaku.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149314.jpg"},
       ]}
       showRating={true}
       title="Community Reviews"
@@ -194,6 +121,12 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
+      title="Pricing Plans"
+      description="Choose the plan that suits you best."
+      plans={[
+        { id: "p1", name: "Basic", price: "$9/mo", features: ["Ad-free experience", "Community access"] },
+        { id: "p2", name: "Pro", price: "$19/mo", features: ["4K Streaming", "Exclusive content", "Early access"] }
+      ]}
     />
   </div>
 
@@ -204,16 +137,10 @@ export default function LandingPage() {
       description="Sign up to receive the latest updates, character releases, and exclusive community events."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
         },
       ]}
       buttonText="Subscribe"
@@ -227,33 +154,21 @@ export default function LandingPage() {
       logoText="AnimeHub"
       columns={[
         {
-          title: "Navigation",
-          items: [
+          title: "Navigation",          items: [
             {
-              label: "Trending",
-              href: "#hero",
-            },
+              label: "Trending",              href: "#hero"},
             {
-              label: "Reviews",
-              href: "#reviews",
-            },
+              label: "Reviews",              href: "#reviews"},
             {
-              label: "Community",
-              href: "#community",
-            },
+              label: "Community",              href: "#community"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1