Update src/app/page.tsx
This commit is contained in:
223
src/app/page.tsx
223
src/app/page.tsx
@@ -34,29 +34,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Worlds",
|
||||
id: "#worlds",
|
||||
},
|
||||
name: "Worlds", id: "#worlds"},
|
||||
{
|
||||
name: "Atelier",
|
||||
id: "#atelier",
|
||||
},
|
||||
name: "Atelier", id: "#atelier"},
|
||||
{
|
||||
name: "Immersions",
|
||||
id: "#immersions",
|
||||
},
|
||||
name: "Immersions", id: "#immersions"},
|
||||
{
|
||||
name: "Craft",
|
||||
id: "#craft",
|
||||
},
|
||||
name: "Craft", id: "#craft"},
|
||||
{
|
||||
name: "Codex",
|
||||
id: "#codex",
|
||||
},
|
||||
name: "Codex", id: "#codex"},
|
||||
{
|
||||
name: "Connect",
|
||||
id: "#connect",
|
||||
},
|
||||
name: "Connect", id: "#connect"},
|
||||
]}
|
||||
brandName="Wonder Forge"
|
||||
/>
|
||||
@@ -65,8 +53,7 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="FALL › INTO REVERIE"
|
||||
description="Crafting boundless digital worlds where the edge between AI, vision, and living myth dissolves."
|
||||
imageSrc="https://res.cloudinary.com/dy5er7kv5/image/upload/q_auto/f_auto/v1779707217/image_1_vdzwae.png"
|
||||
@@ -81,22 +68,16 @@ export default function LandingPage() {
|
||||
description="Explore the depths of imagination where reality intertwines with digital innovation, creating experiences unlike any other. Our vision is to blur the lines between virtual and tangible, inviting you to step into wonder."
|
||||
metrics={[
|
||||
{
|
||||
value: "120+",
|
||||
title: "Digital Realms",
|
||||
},
|
||||
value: "120+", title: "Digital Realms"},
|
||||
{
|
||||
value: "5M+",
|
||||
title: "Explorers",
|
||||
},
|
||||
value: "5M+", title: "Explorers"},
|
||||
{
|
||||
value: "AI-Powered",
|
||||
title: "Experiences",
|
||||
},
|
||||
value: "AI-Powered", title: "Experiences"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-futuristic-cyborg_23-2151904186.jpg"
|
||||
imageAlt="Ethereal digital landscape with futuristic elements"
|
||||
mediaAnimation="entrance-slide"
|
||||
metricsAnimation="entrance-slide"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -108,23 +89,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI-Powered Genesis",
|
||||
description: "Worlds generated with intelligent algorithms, ensuring unique and boundless exploration every time you step in.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-illustration-with-neon-colors-futuristic-technology_23-2151672037.jpg",
|
||||
imageAlt: "AI brain interface",
|
||||
},
|
||||
title: "AI-Powered Genesis", description: "Worlds generated with intelligent algorithms, ensuring unique and boundless exploration every time you step in.", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-illustration-with-neon-colors-futuristic-technology_23-2151672037.jpg", imageAlt: "AI brain interface"},
|
||||
{
|
||||
title: "Infinite Landscapes",
|
||||
description: "Explore ever-expanding vistas and dynamic environments that evolve with your interaction, revealing new wonders.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100361.jpg",
|
||||
imageAlt: "Floating island city",
|
||||
},
|
||||
title: "Infinite Landscapes", description: "Explore ever-expanding vistas and dynamic environments that evolve with your interaction, revealing new wonders.", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100361.jpg", imageAlt: "Floating island city"},
|
||||
{
|
||||
title: "Seamless Immersion",
|
||||
description: "Experience unparalleled fidelity and responsive interaction, making every digital journey feel truly tangible and alive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445149.jpg",
|
||||
imageAlt: "Holographic interface",
|
||||
},
|
||||
title: "Seamless Immersion", description: "Experience unparalleled fidelity and responsive interaction, making every digital journey feel truly tangible and alive.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445149.jpg", imageAlt: "Holographic interface"},
|
||||
]}
|
||||
title="Unleash Your Imagination"
|
||||
description="Our immersive experiences blend cutting-edge AI with breathtaking visuals to transport you to extraordinary realms, tailored to your deepest desires."
|
||||
@@ -136,55 +105,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hidden Realms",
|
||||
price: "From $99",
|
||||
variant: "Standard Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-beautiful-art-sky-with-colorful-clouds_58702-1689.jpg",
|
||||
imageAlt: "Luminous sanctuaries",
|
||||
},
|
||||
id: "1", name: "Hidden Realms", price: "From $99", variant: "Standard Edition", imageSrc: "http://img.b2bpic.net/free-photo/amazing-beautiful-art-sky-with-colorful-clouds_58702-1689.jpg", imageAlt: "Luminous sanctuaries"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Wild Solitudes",
|
||||
price: "From $99",
|
||||
variant: "Standard Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mountainous-landscape-with-bright-sun_1048-2418.jpg",
|
||||
imageAlt: "Untamed horizons",
|
||||
},
|
||||
id: "2", name: "Wild Solitudes", price: "From $99", variant: "Standard Edition", imageSrc: "http://img.b2bpic.net/free-photo/mountainous-landscape-with-bright-sun_1048-2418.jpg", imageAlt: "Untamed horizons"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Silent Havens",
|
||||
price: "From $99",
|
||||
variant: "Standard Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591379.jpg",
|
||||
imageAlt: "Remote escapes",
|
||||
},
|
||||
id: "3", name: "Silent Havens", price: "From $99", variant: "Standard Edition", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591379.jpg", imageAlt: "Remote escapes"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bespoke Quests",
|
||||
price: "Custom Pricing",
|
||||
variant: "Premium Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-pirate-character-portrait_23-2151486786.jpg",
|
||||
imageAlt: "Tailored journeys",
|
||||
},
|
||||
id: "4", name: "Bespoke Quests", price: "Custom Pricing", variant: "Premium Design", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-pirate-character-portrait_23-2151486786.jpg", imageAlt: "Tailored journeys"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vivid Drifts",
|
||||
price: "From $99",
|
||||
variant: "Standard Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-foam-texture_23-2147927996.jpg",
|
||||
imageAlt: "Surreal passages",
|
||||
},
|
||||
id: "5", name: "Vivid Drifts", price: "From $99", variant: "Standard Edition", imageSrc: "http://img.b2bpic.net/free-photo/colorful-foam-texture_23-2147927996.jpg", imageAlt: "Surreal passages"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Mystic Crests",
|
||||
price: "From $99",
|
||||
variant: "Standard Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-landscape-snowy-mountains-illustration_23-2151844158.jpg",
|
||||
imageAlt: "Timeless ridgelines",
|
||||
},
|
||||
id: "6", name: "Mystic Crests", price: "From $99", variant: "Standard Edition", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-landscape-snowy-mountains-illustration_23-2151844158.jpg", imageAlt: "Timeless ridgelines"},
|
||||
]}
|
||||
title="Discover Our Digital Worlds"
|
||||
description="From serene landscapes to vibrant cities, find your next adventure among our curated collection of extraordinary digital realms."
|
||||
@@ -198,42 +132,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$99",
|
||||
subtitle: "Per Realm",
|
||||
features: [
|
||||
"Access to one digital realm",
|
||||
"Standard visual fidelity",
|
||||
"Community support",
|
||||
],
|
||||
id: "basic", badge: "Standard", badgeIcon: Sparkles,
|
||||
price: "$99", subtitle: "Per Realm", features: [
|
||||
"Access to one digital realm", "Standard visual fidelity", "Community support"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Pro Explorer",
|
||||
badgeIcon: Star,
|
||||
price: "$249",
|
||||
subtitle: "Annual Pass",
|
||||
features: [
|
||||
"Access to all digital realms",
|
||||
"High visual fidelity",
|
||||
"Priority support",
|
||||
"Exclusive content updates",
|
||||
],
|
||||
id: "premium", badge: "Pro Explorer", badgeIcon: Star,
|
||||
price: "$249", subtitle: "Annual Pass", features: [
|
||||
"Access to all digital realms", "High visual fidelity", "Priority support", "Exclusive content updates"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Custom",
|
||||
badgeIcon: Award,
|
||||
price: "Contact Us",
|
||||
subtitle: "Tailored Solutions",
|
||||
features: [
|
||||
"Personalized realm design",
|
||||
"Dedicated creative team",
|
||||
"Full technical integration",
|
||||
"Unlimited access & support",
|
||||
],
|
||||
id: "enterprise", badge: "Custom", badgeIcon: Award,
|
||||
price: "Contact Us", subtitle: "Tailored Solutions", features: [
|
||||
"Personalized realm design", "Dedicated creative team", "Full technical integration", "Unlimited access & support"],
|
||||
},
|
||||
]}
|
||||
title="Unlock Premium Experiences"
|
||||
@@ -248,23 +159,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Zap,
|
||||
title: "Worlds Created",
|
||||
value: "120+",
|
||||
},
|
||||
id: "1", icon: Zap,
|
||||
title: "Worlds Created", value: "120+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Users,
|
||||
title: "Global Explorers",
|
||||
value: "5M+",
|
||||
},
|
||||
id: "2", icon: Users,
|
||||
title: "Global Explorers", value: "5M+"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Diamond,
|
||||
title: "Years Innovating",
|
||||
value: "7+",
|
||||
},
|
||||
id: "3", icon: Diamond,
|
||||
title: "Years Innovating", value: "7+"},
|
||||
]}
|
||||
title="Our Journey in Numbers"
|
||||
description="Celebrating milestones that define our path in crafting innovative digital realities and expanding the boundaries of immersive technology."
|
||||
@@ -277,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do your AI-powered worlds work?",
|
||||
content: "Our worlds leverage advanced generative AI to create dynamic, evolving landscapes and narratives that respond to your interactions, ensuring a unique experience for every visitor.",
|
||||
},
|
||||
id: "q1", title: "How do your AI-powered worlds work?", content: "Our worlds leverage advanced generative AI to create dynamic, evolving landscapes and narratives that respond to your interactions, ensuring a unique experience for every visitor."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What kind of hardware do I need?",
|
||||
content: "Our experiences are designed to be accessible across a range of devices, from high-end VR setups to modern desktop browsers. Specific requirements vary by realm.",
|
||||
},
|
||||
id: "q2", title: "What kind of hardware do I need?", content: "Our experiences are designed to be accessible across a range of devices, from high-end VR setups to modern desktop browsers. Specific requirements vary by realm."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I contribute to world building?",
|
||||
content: "Yes, we encourage our community to get involved! We have tools and forums for creators to submit ideas, assets, and even design their own micro-realms within our platform.",
|
||||
},
|
||||
id: "q3", title: "Can I contribute to world building?", content: "Yes, we encourage our community to get involved! We have tools and forums for creators to submit ideas, assets, and even design their own micro-realms within our platform."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common queries about our immersive experiences, platform capabilities, and how you can join our community of explorers."
|
||||
@@ -303,14 +196,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Synergy Innovations",
|
||||
"Quantum Leap Labs",
|
||||
"Nexus Dynamics",
|
||||
"InfiniVerse Solutions",
|
||||
"CogniLink Systems",
|
||||
"AetherFlow AI",
|
||||
"Epoch Digital",
|
||||
]}
|
||||
"Synergy Innovations", "Quantum Leap Labs", "Nexus Dynamics", "InfiniVerse Solutions", "CogniLink Systems", "AetherFlow AI", "Epoch Digital"]}
|
||||
title="Trusted by Visionaries"
|
||||
description="Collaborating with leading innovators and creative minds to push the boundaries of immersive storytelling and technology."
|
||||
/>
|
||||
@@ -323,28 +209,17 @@ export default function LandingPage() {
|
||||
description="Reach out to us for inquiries, partnerships, or to share your ideas for a truly unique and immersive experience."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "subject",
|
||||
type: "text",
|
||||
placeholder: "Subject",
|
||||
required: false,
|
||||
name: "subject", type: "text", placeholder: "Subject", required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Your Message", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-communications-science-background-with-low-poly-plexus-design_1048-13265.jpg"
|
||||
@@ -359,13 +234,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Wonder Forge"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user