Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-06-10 06:51:58 +00:00

View File

@@ -13,7 +13,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Sparkles } from "lucide-react";
import { Sparkles, Users, MessageSquareText, Book, Swords } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,30 +34,18 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Packs",
id: "#packs",
},
name: "Packs", id: "#packs"},
{
name: "Community",
id: "#community",
},
name: "Community", id: "#community"},
{
name: "Support",
id: "#faq",
},
name: "Support", id: "#faq"},
]}
button={{
text: "Play Now",
href: "#contact",
}}
text: "Play Now", href: "#contact"}}
logoSrc="http://img.b2bpic.net/free-vector/gaming-logo-template_23-2149588433.jpg"
logoAlt="GameVerse Logo"
brandName="GameVerse"
@@ -67,43 +55,28 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboard
background={{
variant: "downward-rays-animated-grid",
}}
variant: "downward-rays-animated-grid"}}
title="Unleash Your Power: Open Packs, Battle, and Connect!"
description="Dive into GameVerse, the ultimate social gaming platform where every pack you open could change your destiny. Engage in thrilling battles, forge new friendships, and share your epic moments with a vibrant community."
tag="Adventure Awaits"
tagIcon={Sparkles}
buttons={[
{
text: "Start Your Journey",
href: "#features",
},
text: "Start Your Journey", href: "#features"},
{
text: "Discover Packs",
href: "#packs",
},
text: "Discover Packs", href: "#packs"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5105.jpg",
alt: "Gamer Avatar 1",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5105.jpg", alt: "Gamer Avatar 1"},
{
src: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419475.jpg",
alt: "Gamer Avatar 2",
},
src: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419475.jpg", alt: "Gamer Avatar 2"},
{
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg",
alt: "Gamer Avatar 3",
},
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg", alt: "Gamer Avatar 3"},
{
src: "http://img.b2bpic.net/free-photo/scene-professional-esports-gamer-profile-colored-with-red-blue-light-generative-ai_191095-1975.jpg",
alt: "Gamer Avatar 4",
},
src: "http://img.b2bpic.net/free-photo/scene-professional-esports-gamer-profile-colored-with-red-blue-light-generative-ai_191095-1975.jpg", alt: "Gamer Avatar 4"},
{
src: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg",
alt: "Focused man in rgb lights lit living room playing videogames",
},
src: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg", alt: "Focused man in rgb lights lit living room playing videogames"},
]}
avatarText="Join thousands of players!"
imageSrc="http://img.b2bpic.net/free-photo/cyberpunk-illustration-with-neon-colors-futuristic-technology_23-2151672064.jpg"
@@ -111,25 +84,15 @@ export default function LandingPage() {
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "New packs every week!",
},
type: "text", text: "New packs every week!"},
{
type: "text",
text: "Compete in daily tournaments!",
},
type: "text", text: "Compete in daily tournaments!"},
{
type: "text",
text: "Connect with friends globally!",
},
type: "text", text: "Connect with friends globally!"},
{
type: "text",
text: "Unlock exclusive rewards!",
},
type: "text", text: "Unlock exclusive rewards!"},
{
type: "text",
text: "Experience next-gen battles!",
},
type: "text", text: "Experience next-gen battles!"},
]}
/>
</div>
@@ -139,17 +102,12 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Experience the Thrill of GameVerse",
},
type: "text", content: "Experience the Thrill of GameVerse"},
]}
buttons={[
{
text: "How It Works",
href: "#",
},
text: "How It Works", href: "#"},
]}
description="GameVerse combines the excitement of collectible card games with dynamic battles and a thriving social network. Open packs with earned coins to discover powerful units, strategically deploy them in exhilarating combat, and connect with friends. Your journey to glory starts here, where every decision shapes your legend and every interaction builds your community."
imageSrc="http://img.b2bpic.net/free-photo/woman-enjoy-using-vr-pointing-with-fingers_23-2148513482.jpg"
imageAlt="holographic game ui coins packs"
/>
@@ -161,32 +119,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Friend System",
description: "Easily add friends, track their activity, and invite them to battles or private chats. Build your inner circle within GameVerse.",
imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-playing-videogames-indoors_23-2148969237.jpg",
imageAlt: "Friends connecting online",
buttonIcon: "Users",
title: "Friend System", description: "Easily add friends, track their activity, and invite them to battles or private chats. Build your inner circle within GameVerse.", imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-playing-videogames-indoors_23-2148969237.jpg", imageAlt: "Friends connecting online", buttonIcon: Users,
},
{
title: "Dynamic Chat",
description: "Communicate with friends and guild members using rich media. Share images, videos, create polls, and post statuses directly in your chat.",
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-opened-ai-chat-it_1268-21624.jpg",
imageAlt: "In-game chat interface",
buttonIcon: "MessageSquareText",
title: "Dynamic Chat", description: "Communicate with friends and guild members using rich media. Share images, videos, create polls, and post statuses directly in your chat.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-opened-ai-chat-it_1268-21624.jpg", imageAlt: "In-game chat interface", buttonIcon: MessageSquareText,
},
{
title: "Post Statuses & Media",
description: "Express yourself! Post updates, share your epic wins, or stream your latest pack opening with followers. Engage your community with multimedia content.",
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781062.jpg",
imageAlt: "User profile with status updates",
buttonIcon: "Book",
title: "Post Statuses & Media", description: "Express yourself! Post updates, share your epic wins, or stream your latest pack opening with followers. Engage your community with multimedia content.", imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781062.jpg", imageAlt: "User profile with status updates", buttonIcon: Book,
},
{
title: "Epic Battles",
description: "Utilize the cards from your opened packs in strategic battles against other players. Climb the leaderboards and prove your tactical prowess.",
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591435.jpg",
imageAlt: "Two game characters battling",
buttonIcon: "Swords",
title: "Epic Battles", description: "Utilize the cards from your opened packs in strategic battles against other players. Climb the leaderboards and prove your tactical prowess.", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591435.jpg", imageAlt: "Two game characters battling", buttonIcon: Swords,
},
]}
title="Connect and Conquer"
@@ -194,9 +136,7 @@ export default function LandingPage() {
tag="Key Features"
buttons={[
{
text: "Explore All",
href: "#",
},
text: "Explore All", href: "#"},
]}
/>
</div>
@@ -209,47 +149,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "pack-gold",
name: "Gold Booster Pack",
price: "500 Coins",
imageSrc: "http://img.b2bpic.net/free-vector/chests-with-treasure-open-closed-wooden-trunk_107791-12637.jpg",
imageAlt: "Gold Booster Pack",
},
id: "pack-gold", name: "Gold Booster Pack", price: "500 Coins", imageSrc: "http://img.b2bpic.net/free-vector/chests-with-treasure-open-closed-wooden-trunk_107791-12637.jpg", imageAlt: "Gold Booster Pack"},
{
id: "pack-silver",
name: "Silver Starter Pack",
price: "250 Coins",
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172434.jpg",
imageAlt: "Silver Starter Pack",
},
id: "pack-silver", name: "Silver Starter Pack", price: "250 Coins", imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172434.jpg", imageAlt: "Silver Starter Pack"},
{
id: "pack-bronze",
name: "Bronze Basic Pack",
price: "100 Coins",
imageSrc: "http://img.b2bpic.net/free-vector/egyptian-treasure-chests-with-gold-coins_107791-19757.jpg",
imageAlt: "Bronze Basic Pack",
},
id: "pack-bronze", name: "Bronze Basic Pack", price: "100 Coins", imageSrc: "http://img.b2bpic.net/free-vector/egyptian-treasure-chests-with-gold-coins_107791-19757.jpg", imageAlt: "Bronze Basic Pack"},
{
id: "pack-epic",
name: "Epic Challenge Pack",
price: "1200 Coins",
imageSrc: "http://img.b2bpic.net/free-photo/purple-pigment-ob-lack_23-2147745463.jpg",
imageAlt: "Epic Challenge Pack",
},
id: "pack-epic", name: "Epic Challenge Pack", price: "1200 Coins", imageSrc: "http://img.b2bpic.net/free-photo/purple-pigment-ob-lack_23-2147745463.jpg", imageAlt: "Epic Challenge Pack"},
{
id: "pack-legendary",
name: "Legendary Mythos Crate",
price: "2500 Coins",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631424.jpg",
imageAlt: "Legendary Mythos Crate",
},
id: "pack-legendary", name: "Legendary Mythos Crate", price: "2500 Coins", imageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631424.jpg", imageAlt: "Legendary Mythos Crate"},
{
id: "pack-starter",
name: "New Player Bundle",
price: "50 Coins",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-3d-rendering-modern-tech-device_187299-46717.jpg",
imageAlt: "New Player Bundle",
},
id: "pack-starter", name: "New Player Bundle", price: "50 Coins", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-3d-rendering-modern-tech-device_187299-46717.jpg", imageAlt: "New Player Bundle"},
]}
title="Unlock New Power"
description="Discover a variety of packs, each with unique cards to strengthen your deck. Use your hard-earned coins to reveal new units, abilities, and rare collectibles."
@@ -264,25 +174,13 @@ export default function LandingPage() {
tag="Platform Stats"
metrics={[
{
id: "users",
value: "500k+",
description: "Registered Players",
},
id: "users", value: "500k+", description: "Registered Players"},
{
id: "battles",
value: "1M+",
description: "Total Battles Fought",
},
id: "battles", value: "1M+", description: "Total Battles Fought"},
{
id: "packs",
value: "2.5M+",
description: "Packs Opened",
},
id: "packs", value: "2.5M+", description: "Packs Opened"},
{
id: "friends",
value: "10M+",
description: "Friendships Forged",
},
id: "friends", value: "10M+", description: "Friendships Forged"},
]}
metricsAnimation="slide-up"
/>
@@ -296,26 +194,11 @@ export default function LandingPage() {
useInvertedBackground={true}
members={[
{
id: "member-1",
name: "Alex Chen",
role: "CEO & Founder",
imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-game-dark-studio-entertaining-audience_482257-121650.jpg",
imageAlt: "Alex Chen, CEO & Founder",
},
id: "member-1", name: "Alex Chen", role: "CEO & Founder", imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-game-dark-studio-entertaining-audience_482257-121650.jpg", imageAlt: "Alex Chen, CEO & Founder"},
{
id: "member-2",
name: "Sarah Lee",
role: "Lead Game Designer",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-plaid-shirt-headphones-sitting-desk-holding-digital-camera-looking-photos_1098-17096.jpg",
imageAlt: "Sarah Lee, Lead Game Designer",
},
id: "member-2", name: "Sarah Lee", role: "Lead Game Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-man-plaid-shirt-headphones-sitting-desk-holding-digital-camera-looking-photos_1098-17096.jpg", imageAlt: "Sarah Lee, Lead Game Designer"},
{
id: "member-3",
name: "Michael Brown",
role: "Community Lead",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150171110.jpg",
imageAlt: "Michael Brown, Community Lead",
},
id: "member-3", name: "Michael Brown", role: "Community Lead", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150171110.jpg", imageAlt: "Michael Brown, Community Lead"},
]}
title="Meet the Masterminds"
description="Behind every epic adventure is a dedicated team. Get to know the passionate creators building GameVerse."
@@ -330,45 +213,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "testimonial-1",
name: "GamerX",
role: "Veteran Player",
testimonial: "GameVerse has completely revolutionized my online gaming. The pack opening thrill is real, and the battles are intensely strategic. Plus, connecting with friends directly in-game is a game-changer!",
imageSrc: "http://img.b2bpic.net/free-photo/view-adult-male-soccer-player_23-2150888463.jpg",
imageAlt: "GamerX profile picture",
},
id: "testimonial-1", name: "GamerX", role: "Veteran Player", testimonial: "GameVerse has completely revolutionized my online gaming. The pack opening thrill is real, and the battles are intensely strategic. Plus, connecting with friends directly in-game is a game-changer!", imageSrc: "http://img.b2bpic.net/free-photo/view-adult-male-soccer-player_23-2150888463.jpg", imageAlt: "GamerX profile picture"},
{
id: "testimonial-2",
name: "PixelPrincess",
role: "Streamer",
testimonial: "As a streamer, the social features like posting images and polls are amazing for engaging my audience. GameVerse isn't just a game; it's a community where everyone feels connected.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542744.jpg",
imageAlt: "PixelPrincess profile picture",
},
id: "testimonial-2", name: "PixelPrincess", role: "Streamer", testimonial: "As a streamer, the social features like posting images and polls are amazing for engaging my audience. GameVerse isn't just a game; it's a community where everyone feels connected.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542744.jpg", imageAlt: "PixelPrincess profile picture"},
{
id: "testimonial-3",
name: "BattleMage7",
role: "Competitive Player",
testimonial: "The depth of strategy in battles is incredible, and the variety of cards from packs keeps the meta fresh. This is the competitive platform I've been waiting for.",
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg",
imageAlt: "BattleMage7 profile picture",
},
id: "testimonial-3", name: "BattleMage7", role: "Competitive Player", testimonial: "The depth of strategy in battles is incredible, and the variety of cards from packs keeps the meta fresh. This is the competitive platform I've been waiting for.", imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg", imageAlt: "BattleMage7 profile picture"},
{
id: "testimonial-4",
name: "Social_Siren",
role: "Community Builder",
testimonial: "Building my guild has never been easier! The chat features, combined with status updates, create a truly immersive social experience. Love it!",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-women-playing-game-home_23-2147745104.jpg",
imageAlt: "Social_Siren profile picture",
},
id: "testimonial-4", name: "Social_Siren", role: "Community Builder", testimonial: "Building my guild has never been easier! The chat features, combined with status updates, create a truly immersive social experience. Love it!", imageSrc: "http://img.b2bpic.net/free-photo/expressive-women-playing-game-home_23-2147745104.jpg", imageAlt: "Social_Siren profile picture"},
{
id: "testimonial-5",
name: "CardMaster",
role: "Collector",
testimonial: "The card art is stunning, and the anticipation of opening each pack is addictive. GameVerse perfectly blends collecting with competitive play. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-man-laughing-playing-video-games-weekend_231208-8871.jpg",
imageAlt: "CardMaster profile picture",
},
id: "testimonial-5", name: "CardMaster", role: "Collector", testimonial: "The card art is stunning, and the anticipation of opening each pack is addictive. GameVerse perfectly blends collecting with competitive play. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-man-laughing-playing-video-games-weekend_231208-8871.jpg", imageAlt: "CardMaster profile picture"},
]}
title="What Players Are Saying"
description="Don't just take our word for it hear from the community members who are already living the GameVerse experience!"
@@ -382,25 +235,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "How do I earn coins in GameVerse?",
content: "Coins are earned by winning battles, completing daily quests, participating in events, and sometimes found as bonus rewards in packs. You can also acquire them through in-app purchases.",
},
id: "faq-1", title: "How do I earn coins in GameVerse?", content: "Coins are earned by winning battles, completing daily quests, participating in events, and sometimes found as bonus rewards in packs. You can also acquire them through in-app purchases."},
{
id: "faq-2",
title: "What types of packs are available?",
content: "We offer a variety of packs including Basic, Starter, Gold, Epic, and Legendary. Each pack has a different chance of yielding rare cards and unique items to boost your collection.",
},
id: "faq-2", title: "What types of packs are available?", content: "We offer a variety of packs including Basic, Starter, Gold, Epic, and Legendary. Each pack has a different chance of yielding rare cards and unique items to boost your collection."},
{
id: "faq-3",
title: "Can I trade cards with other players?",
content: "Currently, direct card trading is not available. However, we regularly introduce new ways to earn and discover cards, and this feature is under consideration for future updates!",
},
id: "faq-3", title: "Can I trade cards with other players?", content: "Currently, direct card trading is not available. However, we regularly introduce new ways to earn and discover cards, and this feature is under consideration for future updates!"},
{
id: "faq-4",
title: "How do I add friends and chat?",
content: "You can add friends by searching for their username within the 'Friends' tab. Once added, you can initiate private chats, invite them to battles, or share your status updates.",
},
id: "faq-4", title: "How do I add friends and chat?", content: "You can add friends by searching for their username within the 'Friends' tab. Once added, you can initiate private chats, invite them to battles, or share your status updates."},
]}
imageSrc="http://img.b2bpic.net/free-photo/gamification-concept-with-woman-controller_23-2149447487.jpg"
imageAlt="Abstract question mark with game icons"
@@ -416,20 +257,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Join the Battle"
title="Ready to Ascend to Legend?"
description="Join GameVerse today and start your epic journey. Your next adventure is just a click away!"
buttons={[
{
text: "Sign Up Now",
href: "#",
},
text: "Sign Up Now", href: "#"},
{
text: "Learn More",
href: "#home",
},
text: "Learn More", href: "#home"},
]}
/>
</div>
@@ -440,13 +276,9 @@ export default function LandingPage() {
logoAlt="GameVerse Logo"
logoText="GameVerse"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>