bender/0c1fe33d-13a4-4184-bc8d-443ea4fdb1a5
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-04-21 03:23:42 +00:00
Conversation 0 Commits 1 Files Changed 1 +46 -194
1 changed files with 46 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
src/app/page.tsx
View File

@@ -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>
);
}
}