From 892c14db9e9cda9c0b6389c6688e60e6c3fbf2a6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 13:56:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 229 +++++++++--------------------------------------
 1 file changed, 40 insertions(+), 189 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c071023..462211c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,24 +32,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Released",
-          id: "released",
-        },
-        {
-          name: "Upcoming",
-          id: "upcoming",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Released", id: "released" },
+        { name: "Upcoming", id: "upcoming" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="MARVELDB"
+      button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
 
@@ -58,37 +47,16 @@ export default function LandingPage() {
       title="THE MARVEL CINEMATIC HUB"
       description="Explore the complete timeline, upcoming releases, and legendary history of the Marvel Cinematic Universe in one cinematic portal."
       buttons={[
-        {
-          text: "Explore Movies",
-          href: "#released",
-        },
-        {
-          text: "Upcoming",
-          href: "#upcoming",
-        },
+        { text: "Explore Movies", href: "#released" },
+        { text: "Upcoming", href: "#upcoming" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/digital-painting-horrible-creatures-with-genetic-mutations-ruined-laboratory_456031-97.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/dna-beautiful-background_1048-1497.jpg",
-          alt: "Fan Avatar 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/technological-exploration-settlement_23-2151768613.jpg",
-          alt: "Fan Avatar 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/abstract-illustration-with-colorful-glowing-neon-lights-great-backgrounds-wallpapers_181624-24681.jpg",
-          alt: "Fan Avatar 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-laser-lights-perfect-illustration-wallpapers_181624-32859.jpg",
-          alt: "Fan Avatar 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512085.jpg",
-          alt: "Fan Avatar 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/dna-beautiful-background_1048-1497.jpg", alt: "Fan Avatar 1" },
+        { src: "http://img.b2bpic.net/free-photo/technological-exploration-settlement_23-2151768613.jpg", alt: "Fan Avatar 2" },
+        { src: "http://img.b2bpic.net/free-photo/abstract-illustration-with-colorful-glowing-neon-lights-great-backgrounds-wallpapers_181624-24681.jpg", alt: "Fan Avatar 3" },
+        { src: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-laser-lights-perfect-illustration-wallpapers_181624-32859.jpg", alt: "Fan Avatar 4" },
+        { src: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512085.jpg", alt: "Fan Avatar 5" },
       ]}
       avatarText="Join 50,000+ MCU Fans"
     />
@@ -96,7 +64,6 @@ export default function LandingPage() {
 
   <div id="about" data-section="about">
       <TestimonialAboutCard
-      useInvertedBackground={true}
       tag="Universe History"
       title="Welcome to the Multiverse"
       description="The Marvel Cinematic Universe has redefined modern cinema, weaving complex narratives across dozens of films. We provide the definitive guide to every release, phase, and announcement."
@@ -112,44 +79,13 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Iron Man",
-          price: "2008",
-          imageSrc: "http://img.b2bpic.net/free-photo/translucent-blurred-portrait-man_23-2149705687.jpg",
-        },
-        {
-          id: "2",
-          name: "The Avengers",
-          price: "2012",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-outdoors-city-night_23-2149001292.jpg",
-        },
-        {
-          id: "3",
-          name: "Guardians of the Galaxy",
-          price: "2014",
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-fantasy-scene_23-2151136111.jpg",
-        },
-        {
-          id: "4",
-          name: "Avengers: Infinity War",
-          price: "2018",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-miraculous-mage-halloween_23-2148277460.jpg",
-        },
-        {
-          id: "5",
-          name: "Avengers: Endgame",
-          price: "2019",
-          imageSrc: "http://img.b2bpic.net/free-photo/whimsical-wild-animal-illustration_23-2151885402.jpg",
-        },
-        {
-          id: "6",
-          name: "Spider-Man: No Way Home",
-          price: "2021",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-with-camera-cave-taking-picture_181624-3533.jpg",
-        },
+        { id: "1", name: "Iron Man", price: "2008", imageSrc: "http://img.b2bpic.net/free-photo/translucent-blurred-portrait-man_23-2149705687.jpg" },
+        { id: "2", name: "The Avengers", price: "2012", imageSrc: "http://img.b2bpic.net/free-photo/man-outdoors-city-night_23-2149001292.jpg" },
+        { id: "3", name: "Guardians of the Galaxy", price: "2014", imageSrc: "http://img.b2bpic.net/free-photo/dark-fantasy-scene_23-2151136111.jpg" },
+        { id: "4", name: "Avengers: Infinity War", price: "2018", imageSrc: "http://img.b2bpic.net/free-photo/portrait-miraculous-mage-halloween_23-2148277460.jpg" },
+        { id: "5", name: "Avengers: Endgame", price: "2019", imageSrc: "http://img.b2bpic.net/free-photo/whimsical-wild-animal-illustration_23-2151885402.jpg" },
+        { id: "6", name: "Spider-Man: No Way Home", price: "2021", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-with-camera-cave-taking-picture_181624-3533.jpg" },
       ]}
       title="Released Movies"
       description="Browse the complete collection of Marvel blockbusters."
@@ -161,21 +97,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Captain America: Brave New World",
-          description: "Coming soon in 2025.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001298.jpg",
-        },
-        {
-          title: "Thunderbolts*",
-          description: "In production.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118211.jpg",
-        },
-        {
-          title: "The Fantastic Four",
-          description: "Announced.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-night-with-flash_52683-109125.jpg",
-        },
+        { title: "Captain America: Brave New World", description: "Coming soon in 2025.", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001298.jpg" },
+        { title: "Thunderbolts*", description: "In production.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118211.jpg" },
+        { title: "The Fantastic Four", description: "Announced.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-night-with-flash_52683-109125.jpg" },
       ]}
       title="Upcoming Movies"
       description="Get ready for the next phase of the Marvel universe."
@@ -187,29 +111,10 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="bento-grid"
-      useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "34+",
-          title: "Movies",
-          description: "Total releases",
-          icon: Film,
-        },
-        {
-          id: "m2",
-          value: "$30B+",
-          title: "Box Office",
-          description: "Total revenue",
-          icon: DollarSign,
-        },
-        {
-          id: "m3",
-          value: "6",
-          title: "Phases",
-          description: "Universe milestones",
-          icon: Globe,
-        },
+        { id: "m1", value: "34+", title: "Movies", description: "Total releases", icon: Film },
+        { id: "m2", value: "$30B+", title: "Box Office", description: "Total revenue", icon: DollarSign },
+        { id: "m3", value: "6", title: "Phases", description: "Universe milestones", icon: Globe },
       ]}
       title="Marvel by the Numbers"
       description="An unparalleled cinematic footprint."
@@ -220,31 +125,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Alex R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-with-clapperboard-old-hollywood-glamour-style_23-2150720602.jpg",
-        },
-        {
-          id: "t2",
-          name: "Jordan S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/laughing-couple-eating-popcorn-cinema_651396-112.jpg",
-        },
-        {
-          id: "t3",
-          name: "Taylor M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-young-man-with-long-hair_23-2149122920.jpg",
-        },
-        {
-          id: "t4",
-          name: "Casey L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512130.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sam B.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-cinema_23-2147803804.jpg",
-        },
+        { id: "t1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-with-clapperboard-old-hollywood-glamour-style_23-2150720602.jpg" },
+        { id: "t2", name: "Jordan S.", imageSrc: "http://img.b2bpic.net/free-photo/laughing-couple-eating-popcorn-cinema_651396-112.jpg" },
+        { id: "t3", name: "Taylor M.", imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-young-man-with-long-hair_23-2149122920.jpg" },
+        { id: "t4", name: "Casey L.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512130.jpg" },
+        { id: "t5", name: "Sam B.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-cinema_23-2147803804.jpg" },
       ]}
       cardTitle="What Fans Are Saying"
       cardTag="Community"
@@ -255,23 +140,10 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="split"
-      useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Where can I watch the trailers?",
-          content: "All trailers are available on official Marvel YouTube channels.",
-        },
-        {
-          id: "f2",
-          title: "Is the MCU timeline chronological?",
-          content: "The MCU timeline spans multiple distinct phases with some films occurring out of release order.",
-        },
-        {
-          id: "f3",
-          title: "How do I add to my watchlist?",
-          content: "You can sign up for our upcoming member feature to track your favorites.",
-        },
+        { id: "f1", title: "Where can I watch the trailers?", content: "All trailers are available on official Marvel YouTube channels." },
+        { id: "f2", title: "Is the MCU timeline chronological?", content: "The MCU timeline spans multiple distinct phases with some films occurring out of release order." },
+        { id: "f3", title: "How do I add to my watchlist?", content: "You can sign up for our upcoming member feature to track your favorites." },
       ]}
       title="Common Marvel Questions"
       description="Answers to your burning questions about the MCU."
@@ -282,18 +154,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Stay Updated"
       title="Join the Fan Newsletter"
       description="Never miss an announcement about new trailer releases, movie delays, or MCU expansion details."
-      buttons={[
-        {
-          text: "Subscribe Now",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Subscribe Now", href: "#" }]}
     />
   </div>
 
@@ -302,29 +167,15 @@ export default function LandingPage() {
       logoText="MARVELDB"
       columns={[
         {
-          title: "Resources",
-          items: [
-            {
-              label: "Movies",
-              href: "#released",
-            },
-            {
-              label: "Upcoming",
-              href: "#upcoming",
-            },
+          title: "Resources",          items: [
+            { label: "Movies", href: "#released" },
+            { label: "Upcoming", href: "#upcoming" },
           ],
         },
         {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
+          title: "Support",          items: [
+            { label: "FAQ", href: "#faq" },
+            { label: "Contact", href: "#contact" },
           ],
         },
       ]}
-- 
2.49.1