Merge version_1 into main #1
320
src/app/page.tsx
320
src/app/page.tsx
@@ -31,22 +31,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "World",
|
||||
id: "metrics",
|
||||
},
|
||||
{ name: "Overview", id: "hero" },
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "World", id: "metrics" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonial" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Lumina"
|
||||
/>
|
||||
@@ -55,105 +47,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Uncover the Secrets of Lumina"
|
||||
description="An immersive journey through an ancient, bioluminescent forest where reality bends and the truth remains hidden beneath the canopy."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexgames",
|
||||
testimonial: "The most atmospheric game I've ever played. Truly breathtaking.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136773.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah_dev",
|
||||
testimonial: "Visuals that push the boundaries of storytelling.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-looks-positive_114579-14804.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jordancritic",
|
||||
testimonial: "A masterpiece of indie exploration and world-building.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-sitting-home-indoors-play-games_171337-16839.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike D.",
|
||||
handle: "@miked_gamer",
|
||||
testimonial: "I lost myself in the forest for hours. Simply hypnotic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-folded-arms-stadium-evening_23-2148203734.jpg",
|
||||
},
|
||||
{
|
||||
name: "Taylor W.",
|
||||
handle: "@taylorplay",
|
||||
testimonial: "The sound design and the art are perfectly balanced.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Pre-order Now",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Watch Trailer",
|
||||
href: "#",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@alexgames", testimonial: "The most atmospheric game I've ever played. Truly breathtaking.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136773.jpg" },
|
||||
{ name: "Sarah K.", handle: "@sarah_dev", testimonial: "Visuals that push the boundaries of storytelling.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-looks-positive_114579-14804.jpg" },
|
||||
{ name: "Jordan P.", handle: "@jordancritic", testimonial: "A masterpiece of indie exploration and world-building.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-sitting-home-indoors-play-games_171337-16839.jpg" },
|
||||
{ name: "Mike D.", handle: "@miked_gamer", testimonial: "I lost myself in the forest for hours. Simply hypnotic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-folded-arms-stadium-evening_23-2148203734.jpg" },
|
||||
{ name: "Taylor W.", handle: "@taylorplay", testimonial: "The sound design and the art are perfectly balanced.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Pre-order Now", href: "#" }, { text: "Watch Trailer", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/surreal-neon-tropical-flowers_23-2151665806.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/surreal-neon-tropical-flowers_23-2151665794.jpg",
|
||||
alt: "Surreal neon tropical flowers",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mushrooms-seen-with-intense-brightly-colored-lights_23-2151357685.jpg",
|
||||
alt: "Mushrooms seen with intense brightly colored lights",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/marine-landscape-with-bioluminescent-nature_23-2151206947.jpg",
|
||||
alt: "Marine landscape with bioluminescent nature",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-selective-focus-shot-grass-gates-arctic-national-park_181624-5033.jpg",
|
||||
alt: "Closeup selective focus shot of grass",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/standing-majestically-sandstone-looking-nature-beauty-generated-by-ai_188544-10553.jpg",
|
||||
alt: "Nature beauty generated by AI",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/surreal-neon-tropical-flowers_23-2151665794.jpg", alt: "Surreal neon tropical flowers" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mushrooms-seen-with-intense-brightly-colored-lights_23-2151357685.jpg", alt: "Mushrooms seen with intense brightly colored lights" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/marine-landscape-with-bioluminescent-nature_23-2151206947.jpg", alt: "Marine landscape with bioluminescent nature" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-selective-focus-shot-grass-gates-arctic-national-park_181624-5033.jpg", alt: "Closeup selective focus shot of grass" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/standing-majestically-sandstone-looking-nature-beauty-generated-by-ai_188544-10553.jpg", alt: "Nature beauty generated by AI" }
|
||||
]}
|
||||
avatarText="Join 5,000+ explorers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Atmospheric",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bioluminescent",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exploration",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Non-linear",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cinematic",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Atmospheric" }, { type: "text", text: "Bioluminescent" }, { type: "text", text: "Exploration" }, { type: "text", text: "Non-linear" }, { type: "text", text: "Cinematic" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -162,9 +77,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A World Reimagined"
|
||||
description={[
|
||||
"Lumina takes you into the heart of an untouched wilderness, where bioluminescent flora responds to your every touch.",
|
||||
"Explore deeply integrated secrets, solve environmental mysteries, and unravel the history of a forgotten civilization.",
|
||||
"No combat, just curiosity. Your journey is shaped by the path you choose and the secrets you choose to uncover.",
|
||||
"Lumina takes you into the heart of an untouched wilderness, where bioluminescent flora responds to your every touch.", "Explore deeply integrated secrets, solve environmental mysteries, and unravel the history of a forgotten civilization.", "No combat, just curiosity. Your journey is shaped by the path you choose and the secrets you choose to uncover."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -175,27 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "feat-1",
|
||||
title: "Bioluminescent World",
|
||||
description: "A dynamic environment that changes based on your interactions.",
|
||||
tag: "Atmosphere",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stream-flowing-through-rocky-formations_181624-2481.jpg",
|
||||
},
|
||||
{
|
||||
id: "feat-2",
|
||||
title: "Ancient Relics",
|
||||
description: "Uncover lost technology to solve intricate environmental puzzles.",
|
||||
tag: "Discovery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-rhinoceros-animal-with-futuristic-robotic-parts_23-2151742081.jpg",
|
||||
},
|
||||
{
|
||||
id: "feat-3",
|
||||
title: "Mysterious Pathways",
|
||||
description: "Find hidden gateways and unlock non-linear world paths.",
|
||||
tag: "Exploration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/door-stretching-into-fantasy-world_23-2151661252.jpg",
|
||||
},
|
||||
{ id: "feat-1", title: "Bioluminescent World", description: "A dynamic environment that changes based on your interactions.", tag: "Atmosphere", imageSrc: "http://img.b2bpic.net/free-photo/stream-flowing-through-rocky-formations_181624-2481.jpg" },
|
||||
{ id: "feat-2", title: "Ancient Relics", description: "Uncover lost technology to solve intricate environmental puzzles.", tag: "Discovery", imageSrc: "http://img.b2bpic.net/free-photo/view-rhinoceros-animal-with-futuristic-robotic-parts_23-2151742081.jpg" },
|
||||
{ id: "feat-3", title: "Mysterious Pathways", description: "Find hidden gateways and unlock non-linear world paths.", tag: "Exploration", imageSrc: "http://img.b2bpic.net/free-photo/door-stretching-into-fantasy-world_23-2151661252.jpg" }
|
||||
]}
|
||||
title="Features Beyond Reality"
|
||||
description="Experience gameplay mechanics rooted in discovery, environmental interaction, and atmospheric depth."
|
||||
@@ -208,27 +103,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12+",
|
||||
title: "Unique Biomes",
|
||||
description: "From shimmering swamps to ancient peaks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-young-asian-male-trekking-chalal-trek-trail-sosan-india_181624-48947.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Bioluminescent Flora",
|
||||
description: "Each plant with distinct reactive behaviors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-eerie-forest-with-sunlight-hitting-leaves-mystical-forest-background_181624-60943.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Atmospheric Design",
|
||||
description: "Fully immersive, hand-crafted cinematic world.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-volcano-illustration_23-2151778788.jpg",
|
||||
},
|
||||
{ id: "m1", value: "12+", title: "Unique Biomes", description: "From shimmering swamps to ancient peaks.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-young-asian-male-trekking-chalal-trek-trail-sosan-india_181624-48947.jpg" },
|
||||
{ id: "m2", value: "50+", title: "Bioluminescent Flora", description: "Each plant with distinct reactive behaviors.", imageSrc: "http://img.b2bpic.net/free-photo/dark-eerie-forest-with-sunlight-hitting-leaves-mystical-forest-background_181624-60943.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Atmospheric Design", description: "Fully immersive, hand-crafted cinematic world.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-volcano-illustration_23-2151778788.jpg" }
|
||||
]}
|
||||
title="The World in Numbers"
|
||||
description="Explore the scale of your upcoming adventure."
|
||||
@@ -240,25 +117,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Vance",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-desk-luxurious-loft-apartment-with-modern-minimalist-design_482257-126418.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Soundscape Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64839.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sofia Rossi",
|
||||
role: "Lead Concept Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-drawing-her-tablet-with-pen_23-2148254170.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Elena Vance", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/empty-desk-luxurious-loft-apartment-with-modern-minimalist-design_482257-126418.jpg" },
|
||||
{ id: "t2", name: "Marcus Thorne", role: "Soundscape Architect", imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64839.jpg" },
|
||||
{ id: "t3", name: "Sofia Rossi", role: "Lead Concept Artist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-drawing-her-tablet-with-pen_23-2148254170.jpg" }
|
||||
]}
|
||||
title="Crafted by Dreamers"
|
||||
description="Meet the minds behind the lush environments of Lumina."
|
||||
@@ -271,41 +134,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@alexgames",
|
||||
testimonial: "Visually stunning. I felt every emotion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-addiction-illustrated_23-2151873449.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah_dev",
|
||||
testimonial: "I never wanted to leave the world.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-playing-videogame_23-2149349987.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan P.",
|
||||
handle: "@jordancritic",
|
||||
testimonial: "An absolute indie treasure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-product-photography-studio_23-2148970209.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mike D.",
|
||||
handle: "@miked_gamer",
|
||||
testimonial: "The atmosphere is top-notch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energetic-gamer-starting-live-broadcast-interacting-with-viewers-before-playing-videogame_482257-116267.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Taylor W.",
|
||||
handle: "@taylorplay",
|
||||
testimonial: "A journey I will never forget.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-professional-game-player-screaming-with-hands-raised-after-his-victory_482257-29597.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", handle: "@alexgames", testimonial: "Visually stunning. I felt every emotion.", imageSrc: "http://img.b2bpic.net/free-photo/technology-addiction-illustrated_23-2151873449.jpg" },
|
||||
{ id: "t2", name: "Sarah K.", handle: "@sarah_dev", testimonial: "I never wanted to leave the world.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-playing-videogame_23-2149349987.jpg" },
|
||||
{ id: "t3", name: "Jordan P.", handle: "@jordancritic", testimonial: "An absolute indie treasure.", imageSrc: "http://img.b2bpic.net/free-photo/special-product-photography-studio_23-2148970209.jpg" },
|
||||
{ id: "t4", name: "Mike D.", handle: "@miked_gamer", testimonial: "The atmosphere is top-notch.", imageSrc: "http://img.b2bpic.net/free-photo/energetic-gamer-starting-live-broadcast-interacting-with-viewers-before-playing-videogame_482257-116267.jpg" },
|
||||
{ id: "t5", name: "Taylor W.", handle: "@taylorplay", testimonial: "A journey I will never forget.", imageSrc: "http://img.b2bpic.net/free-photo/young-professional-game-player-screaming-with-hands-raised-after-his-victory_482257-29597.jpg" }
|
||||
]}
|
||||
title="Echoes from the Forest"
|
||||
description="What early players are saying about their journey through Lumina."
|
||||
@@ -317,21 +150,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is combat a focus?",
|
||||
content: "No, Lumina is a pacifist exploration adventure focused on world-building and mystery.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "When is the launch?",
|
||||
content: "We are targeting a Q4 2025 release across all major platforms.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I use controllers?",
|
||||
content: "Yes, full controller support is included from day one.",
|
||||
},
|
||||
{ id: "f1", title: "Is combat a focus?", content: "No, Lumina is a pacifist exploration adventure focused on world-building and mystery." },
|
||||
{ id: "f2", title: "When is the launch?", content: "We are targeting a Q4 2025 release across all major platforms." },
|
||||
{ id: "f3", title: "Can I use controllers?", content: "Yes, full controller support is included from day one." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about your journey."
|
||||
@@ -342,16 +163,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Join our journey and stay updated on the latest reveals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up for Updates",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Sign Up for Updates", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -359,53 +173,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Lumina"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Metrics",
|
||||
href: "#metrics",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }, { label: "Metrics", href: "#metrics" }] },
|
||||
{ title: "Community", items: [{ label: "Discord", href: "#" }, { label: "Twitter", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user