bender/12dee2f0-d725-430c-a40b-67c9281179fa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-18 13:56:56 +00:00
Conversation 0 Commits 1 Files Changed 1 +40 -189
1 changed files with 40 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

229
src/app/page.tsx
View File

@@ -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" },
],
},
]}