Merge version_1 into main #1
200
src/app/page.tsx
200
src/app/page.tsx
@@ -32,27 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Community", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CrossVerse"
|
||||
button={{
|
||||
text: "Play Now",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Play Now", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,35 +52,21 @@ export default function LandingPage() {
|
||||
description="The ultimate gaming crossover. Experience Minecraft, Roblox, and Brawl Stars in one massive, action-packed universe."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Adventure",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Adventure", href: "#"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918918.jpg",
|
||||
imageAlt: "Epic crossover scene",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918918.jpg", imageAlt: "Epic crossover scene"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-triangle-forest_23-2150922444.jpg",
|
||||
imageAlt: "Dynamic character pose",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-triangle-forest_23-2150922444.jpg", imageAlt: "Dynamic character pose"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100146.jpg",
|
||||
imageAlt: "Stylized character art",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100146.jpg", imageAlt: "Stylized character art"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-disaster-volcanic-eruption_23-2151709162.jpg",
|
||||
imageAlt: "Explosive game scene",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-disaster-volcanic-eruption_23-2151709162.jpg", imageAlt: "Explosive game scene"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-style-american-football-player_23-2151827368.jpg",
|
||||
imageAlt: "Team in front of portal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-style-american-football-player_23-2151827368.jpg", imageAlt: "Team in front of portal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445170.jpg",
|
||||
imageAlt: "Wide map view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445170.jpg", imageAlt: "Wide map view"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,8 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Worlds Collide"
|
||||
description={[
|
||||
"CrossVerse is an experimental platform that seamlessly merges the blocky creativity of Minecraft, the expansive city building of Roblox, and the high-speed arena combat of Brawl Stars. Built for gamers by gamers.",
|
||||
]}
|
||||
"CrossVerse is an experimental platform that seamlessly merges the blocky creativity of Minecraft, the expansive city building of Roblox, and the high-speed arena combat of Brawl Stars. Built for gamers by gamers."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -112,26 +87,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Dynamic Arenas",
|
||||
description: "Battle in arenas that shift between genres in real-time.",
|
||||
tag: "Combat",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-fitness-man_23-2151691396.jpg",
|
||||
},
|
||||
id: "f1", title: "Dynamic Arenas", description: "Battle in arenas that shift between genres in real-time.", tag: "Combat", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-fitness-man_23-2151691396.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Blocky Frontiers",
|
||||
description: "Build your dream base with voxel-based tools in a tech city.",
|
||||
tag: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cross-with-bright-lights_23-2151004840.jpg",
|
||||
},
|
||||
id: "f2", title: "Blocky Frontiers", description: "Build your dream base with voxel-based tools in a tech city.", tag: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/3d-cross-with-bright-lights_23-2151004840.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Speed Racing",
|
||||
description: "Race across multidimensional maps with high-speed vehicles.",
|
||||
tag: "Racing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-vehicle_23-2151048168.jpg",
|
||||
},
|
||||
id: "f3", title: "Speed Racing", description: "Race across multidimensional maps with high-speed vehicles.", tag: "Racing", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-vehicle_23-2151048168.jpg"},
|
||||
]}
|
||||
title="Unrivaled Gameplay"
|
||||
description="Experience unique game modes that blend the best of three iconic worlds."
|
||||
@@ -146,20 +106,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50K+",
|
||||
description: "Active Players",
|
||||
},
|
||||
id: "m1", value: "50K+", description: "Active Players"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1.2M",
|
||||
description: "Items Crafted",
|
||||
},
|
||||
id: "m2", value: "1.2M", description: "Items Crafted"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "800+",
|
||||
description: "Arena Battles",
|
||||
},
|
||||
id: "m3", value: "800+", description: "Arena Battles"},
|
||||
]}
|
||||
title="Community Stats"
|
||||
description="Join thousands of active players in the CrossVerse."
|
||||
@@ -168,44 +119,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@gamer",
|
||||
testimonial: "Never seen worlds blend so well! Epic design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2022.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", handle: "@gamer", testimonial: "Never seen worlds blend so well! Epic design.", imageSrc: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2022.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan P.",
|
||||
handle: "@pro",
|
||||
testimonial: "The arena mechanics are top-tier. So much fun.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-winning-videogame_23-2149349988.jpg",
|
||||
},
|
||||
id: "t2", name: "Jordan P.", handle: "@pro", testimonial: "The arena mechanics are top-tier. So much fun.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-winning-videogame_23-2149349988.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam K.",
|
||||
handle: "@fan",
|
||||
testimonial: "I spend hours just exploring the city. Incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-teenage-gamers-plays-multiplayer-video-game-pc-gaming-club_613910-19172.jpg",
|
||||
},
|
||||
id: "t3", name: "Sam K.", handle: "@fan", testimonial: "I spend hours just exploring the city. Incredible.", imageSrc: "http://img.b2bpic.net/free-photo/team-teenage-gamers-plays-multiplayer-video-game-pc-gaming-club_613910-19172.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Taylor B.",
|
||||
handle: "@player",
|
||||
testimonial: "CrossVerse is the ultimate playground for my friends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-playing-videogame_23-2149349989.jpg",
|
||||
},
|
||||
id: "t4", name: "Taylor B.", handle: "@player", testimonial: "CrossVerse is the ultimate playground for my friends.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-playing-videogame_23-2149349989.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jamie M.",
|
||||
handle: "@creator",
|
||||
testimonial: "Fantastic creative tools. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-woman-streamer-smiling-confident-using-headset-gaming-room_839833-27849.jpg",
|
||||
},
|
||||
id: "t5", name: "Jamie M.", handle: "@creator", testimonial: "Fantastic creative tools. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/chinese-woman-streamer-smiling-confident-using-headset-gaming-room_839833-27849.jpg"},
|
||||
]}
|
||||
title="Player Voices"
|
||||
description="What our community is saying about the crossover."
|
||||
@@ -221,35 +148,11 @@ export default function LandingPage() {
|
||||
description="Read about the latest feature releases and balance changes."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Update",
|
||||
title: "Season 1 Launch",
|
||||
excerpt: "Dive into the new season with exclusive rewards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-vibrant-neon-cactus-desert_23-2151244883.jpg",
|
||||
authorName: "Dev Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/man-wears-headphones-playing-game-teaching-subscribers-esport-skills-close-up_482257-92679.jpg",
|
||||
date: "Oct 12, 2023",
|
||||
},
|
||||
id: "b1", category: "Update", title: "Season 1 Launch", excerpt: "Dive into the new season with exclusive rewards.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-vibrant-neon-cactus-desert_23-2151244883.jpg", authorName: "Dev Team", authorAvatar: "http://img.b2bpic.net/free-photo/man-wears-headphones-playing-game-teaching-subscribers-esport-skills-close-up_482257-92679.jpg", date: "Oct 12, 2023"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Guide",
|
||||
title: "Pro Combat Tips",
|
||||
excerpt: "Master arena combat with these simple tricks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149392.jpg",
|
||||
authorName: "Pro Player",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/man-smiling-playing-with-radio-control_1187-2470.jpg",
|
||||
date: "Oct 10, 2023",
|
||||
},
|
||||
id: "b2", category: "Guide", title: "Pro Combat Tips", excerpt: "Master arena combat with these simple tricks.", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149392.jpg", authorName: "Pro Player", authorAvatar: "http://img.b2bpic.net/free-photo/man-smiling-playing-with-radio-control_1187-2470.jpg", date: "Oct 10, 2023"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Showcase",
|
||||
title: "Top Base Designs",
|
||||
excerpt: "Check out these incredible user-built bases.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100272.jpg",
|
||||
authorName: "Community Manager",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/overweight-man-glasses-wearing-black-t-shirt-with-headphones-playing-game-his-smartphone-standing-white-wall_141793-56802.jpg",
|
||||
date: "Oct 05, 2023",
|
||||
},
|
||||
id: "b3", category: "Showcase", title: "Top Base Designs", excerpt: "Check out these incredible user-built bases.", imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100272.jpg", authorName: "Community Manager", authorAvatar: "http://img.b2bpic.net/free-photo/overweight-man-glasses-wearing-black-t-shirt-with-headphones-playing-game-his-smartphone-standing-white-wall_141793-56802.jpg", date: "Oct 05, 2023"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -260,20 +163,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it free?",
|
||||
content: "Yes, CrossVerse is free to play.",
|
||||
},
|
||||
id: "q1", title: "Is it free?", content: "Yes, CrossVerse is free to play."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Platforms?",
|
||||
content: "Available on Windows and macOS.",
|
||||
},
|
||||
id: "q2", title: "Platforms?", content: "Available on Windows and macOS."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Community support?",
|
||||
content: "Join our Discord for support.",
|
||||
},
|
||||
id: "q3", title: "Community support?", content: "Join our Discord for support."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/surprised-man-playing-game-medium-shot_23-2149005213.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -290,16 +184,10 @@ export default function LandingPage() {
|
||||
description="Drop us a message for partnerships or support."
|
||||
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,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg"
|
||||
@@ -312,29 +200,19 @@ export default function LandingPage() {
|
||||
logoText="CrossVerse"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Jobs",
|
||||
href: "#",
|
||||
},
|
||||
label: "Jobs", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
label: "API", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user