From cbc88669f9625561a0416fb4ea9116ce999d7acd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 03:23:39 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 240 +++++++++--------------------------------------
 1 file changed, 46 insertions(+), 194 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2a19982..9a3c97e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Universe",
-          id: "#about",
-        },
-        {
-          name: "Catalog",
-          id: "#products",
-        },
-        {
-          name: "Community",
-          id: "#testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
+        { name: "Universe", id: "#about" },
+        { name: "Catalog", id: "#products" },
+        { name: "Community", id: "#testimonials" },
+        { name: "FAQ", id: "#faq" },
       ]}
       brandName="CineVerse"
     />
@@ -55,33 +43,15 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Unlock the Entire Cinematic Universe"
       description="Explore the intricate timelines, character arcs, and hidden stories that define our interconnected reality. Start your journey into the lore today."
       tag="ENTER THE MULTIVERSE"
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305323.jpg",
-          imageAlt: "Futuristic neon city cinematic",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305323.jpg",          imageAlt: "Futuristic neon city cinematic"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/neon-geometric-background_23-2150821828.jpg",
-          imageAlt: "Cosmic space orb",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248394.jpg",
-          imageAlt: "Blending futuristic building seamlessly into desert landscape",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428556.jpg",
-          imageAlt: "Digital art inmersive exhibition",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-mall_23-2151551161.jpg",
-          imageAlt: "Cinematic style mall",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/neon-geometric-background_23-2150821828.jpg",          imageAlt: "Cosmic space orb"}
       ]}
       mediaAnimation="blur-reveal"
       rating={5}
@@ -94,21 +64,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="A Galaxy of Stories"
       metrics={[
-        {
-          icon: Film,
-          label: "Cinematic Titles",
-          value: "150+",
-        },
-        {
-          icon: Users,
-          label: "Unique Characters",
-          value: "1,200+",
-        },
-        {
-          icon: Clock,
-          label: "Story Hours",
-          value: "450+",
-        },
+        { icon: Film, label: "Cinematic Titles", value: "150+" },
+        { icon: Users, label: "Unique Characters", value: "1,200+" },
+        { icon: Clock, label: "Story Hours", value: "450+" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -122,20 +80,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Interactive Timelines",
-          description: "Drag and drop events to visualize chronological order across all cinematic branches.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-network-data-communications-background-with-low-poly-plexus-design_1048-17879.jpg",
-        },
+          title: "Interactive Timelines",          description: "Drag and drop events to visualize chronological order across all cinematic branches.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-network-data-communications-background-with-low-poly-plexus-design_1048-17879.jpg"},
         {
-          title: "Character Mapping",
-          description: "Discover hidden relationships and betrayals with our intelligent character graph viewer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428431.jpg",
-        },
+          title: "Character Mapping",          description: "Discover hidden relationships and betrayals with our intelligent character graph viewer.",          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428431.jpg"},
         {
-          title: "Arc Analysis",
-          description: "Track the growth and decline of heroes and villains through immersive data visualization.",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrow-symbol-illustrated_23-2151909738.jpg",
-        },
+          title: "Arc Analysis",          description: "Track the growth and decline of heroes and villains through immersive data visualization.",          imageSrc: "http://img.b2bpic.net/free-photo/arrow-symbol-illustrated_23-2151909738.jpg"},
       ]}
       title="Why Explore with CineVerse?"
       description="Our platform provides tools to master every timeline, character connection, and plot twist with ease."
@@ -150,41 +99,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Collector's Limited Bluray",
-          price: "$99.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-covered-with-powder-lying-purple-holi-color_23-2148129215.jpg",
-        },
+          id: "p1",          name: "Collector's Limited Bluray",          price: "$99.00",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-covered-with-powder-lying-purple-holi-color_23-2148129215.jpg"},
         {
-          id: "p2",
-          name: "Hero Action Figure",
-          price: "$149.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-animated-cartoon-character-shopping-goods_23-2151656806.jpg",
-        },
+          id: "p2",          name: "Hero Action Figure",          price: "$149.00",          imageSrc: "http://img.b2bpic.net/free-photo/view-animated-cartoon-character-shopping-goods_23-2151656806.jpg"},
         {
-          id: "p3",
-          name: "Sci-Fi Print Poster",
-          price: "$45.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151005088.jpg",
-        },
+          id: "p3",          name: "Sci-Fi Print Poster",          price: "$45.00",          imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151005088.jpg"},
         {
-          id: "p4",
-          name: "Soundtrack Vinyl",
-          price: "$35.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-record-player-with-vinyl-disc_23-2147781386.jpg",
-        },
+          id: "p4",          name: "Soundtrack Vinyl",          price: "$35.00",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-record-player-with-vinyl-disc_23-2147781386.jpg"},
         {
-          id: "p5",
-          name: "Faction Pin Set",
-          price: "$55.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/hats-hanging-from-wall_1203-2075.jpg",
-        },
+          id: "p5",          name: "Faction Pin Set",          price: "$55.00",          imageSrc: "http://img.b2bpic.net/free-photo/hats-hanging-from-wall_1203-2075.jpg"},
         {
-          id: "p6",
-          name: "Universe Lore Art Book",
-          price: "$75.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/anime-character-near-galaxy-planet-illustration_23-2151749857.jpg",
-        },
+          id: "p6",          name: "Universe Lore Art Book",          price: "$75.00",          imageSrc: "http://img.b2bpic.net/free-photo/anime-character-near-galaxy-planet-illustration_23-2151749857.jpg"},
       ]}
       title="Exclusive Universe Collectibles"
       description="Own a piece of the history with our curated collection of limited edition artifacts."
@@ -196,14 +121,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "FilmStudios Inc",
-        "MediaGiant",
-        "SciFiAlliance",
-        "CharacterCo",
-        "TimelineAnalytics",
-        "CinemaxLabs",
-        "LoreKeeper Guild",
-      ]}
+        "FilmStudios Inc",        "MediaGiant",        "SciFiAlliance",        "CharacterCo",        "TimelineAnalytics",        "CinemaxLabs",        "LoreKeeper Guild"]}
       title="Official Universe Partners"
       description="Trusted by the biggest names in storytelling and analysis."
     />
@@ -217,45 +135,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Jenkins",
-          role: "Film Critic",
-          company: "Cinema Monthly",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-ballroom-performer-posing-stage_23-2149454023.jpg",
-        },
+          id: "1",          name: "Sarah Jenkins",          role: "Film Critic",          company: "Cinema Monthly",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/male-ballroom-performer-posing-stage_23-2149454023.jpg"},
         {
-          id: "2",
-          name: "Marcus Thorne",
-          role: "Sci-Fi Creator",
-          company: "Nebula Labs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428173.jpg",
-        },
+          id: "2",          name: "Marcus Thorne",          role: "Sci-Fi Creator",          company: "Nebula Labs",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428173.jpg"},
         {
-          id: "3",
-          name: "Elena Vance",
-          role: "Production Analyst",
-          company: "Lore Analytics",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-male-blogger-recording-station_1303-22012.jpg",
-        },
+          id: "3",          name: "Elena Vance",          role: "Production Analyst",          company: "Lore Analytics",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-male-blogger-recording-station_1303-22012.jpg"},
         {
-          id: "4",
-          name: "Derek Wu",
-          role: "Film Buff",
-          company: "CineFan",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-indoors_23-2149518285.jpg",
-        },
+          id: "4",          name: "Derek Wu",          role: "Film Buff",          company: "CineFan",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-indoors_23-2149518285.jpg"},
         {
-          id: "5",
-          name: "Amelia Ross",
-          role: "Script Writer",
-          company: "Global Scripts",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-with-diary_23-2150522472.jpg",
-        },
+          id: "5",          name: "Amelia Ross",          role: "Script Writer",          company: "Global Scripts",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-with-diary_23-2150522472.jpg"},
       ]}
       title="Voices from the Fandom"
       description="Hear what industry experts and dedicated fans are saying about the platform."
@@ -267,20 +160,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "How do I sync timelines?",
-          content: "Simply go to the timeline manager and select 'Auto-Sync' for branch detection.",
-        },
+          id: "f1",          title: "How do I sync timelines?",          content: "Simply go to the timeline manager and select 'Auto-Sync' for branch detection."},
         {
-          id: "f2",
-          title: "Are items limited?",
-          content: "Yes, all collectibles are strictly limited to 500 units per collection.",
-        },
+          id: "f2",          title: "Are items limited?",          content: "Yes, all collectibles are strictly limited to 500 units per collection."},
         {
-          id: "f3",
-          title: "Can I request lore updates?",
-          content: "We review community requests weekly for timeline accuracy and new content integration.",
-        },
+          id: "f3",          title: "Can I request lore updates?",          content: "We review community requests weekly for timeline accuracy and new content integration."},
       ]}
       sideTitle="Questions About the Lore?"
       sideDescription="Get clear answers regarding timelines, subscriptions, and collectible shipping."
@@ -294,21 +178,10 @@ export default function LandingPage() {
       title="Join the Lorekeeper Guild"
       description="Have inquiries? Our expert archivists are here to help you navigate the multiverse."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-        },
+        { name: "name", type: "text", placeholder: "Your Name" },
+        { name: "email", type: "email", placeholder: "Email Address" },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "What do you want to archive?",
-      }}
+      textarea={{ name: "message", placeholder: "What do you want to archive?" }}
       mediaPosition="left"
       imageSrc="http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512113.jpg"
       imageAlt="Young woman standing in universe texture projection"
@@ -320,42 +193,21 @@ export default function LandingPage() {
       logoText="CineVerse"
       columns={[
         {
-          title: "Universe",
-          items: [
-            {
-              label: "Timelines",
-              href: "#",
-            },
-            {
-              label: "Characters",
-              href: "#",
-            },
+          title: "Universe",          items: [
+            { label: "Timelines", href: "#" },
+            { label: "Characters", href: "#" },
           ],
         },
         {
-          title: "Shop",
-          items: [
-            {
-              label: "Collectibles",
-              href: "#",
-            },
-            {
-              label: "Prints",
-              href: "#",
-            },
+          title: "Shop",          items: [
+            { label: "Collectibles", href: "#" },
+            { label: "Prints", href: "#" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy", href: "#" },
+            { label: "Terms", href: "#" },
           ],
         },
       ]}
@@ -365,4 +217,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1