Merge version_1 into main #2
252
src/app/page.tsx
252
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GameSync"
|
||||
/>
|
||||
@@ -63,15 +53,11 @@ export default function LandingPage() {
|
||||
description="The ultimate destination for console gaming mastery, community, and competition."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Community",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Community", href: "#contact"},
|
||||
{
|
||||
text: "Shop Gear",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Shop Gear", href: "#shop"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-modern-plexus-low-poly-design-with-selective-focus_1048-12167.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-modern-plexus-low-poly-design-with-selective-focus_1048-12167.jpg"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -84,19 +70,13 @@ export default function LandingPage() {
|
||||
description="We foster a supportive environment where console gamers of all backgrounds can connect, compete, and improve their game. From hardware tips to finding teammates, we do it all."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Connect",
|
||||
description: "Meet millions of players globally.",
|
||||
},
|
||||
title: "Connect", description: "Meet millions of players globally."},
|
||||
{
|
||||
title: "Compete",
|
||||
description: "Join leagues and climb the ranks.",
|
||||
},
|
||||
title: "Compete", description: "Join leagues and climb the ranks."},
|
||||
{
|
||||
title: "Master",
|
||||
description: "Access expert guides and tips.",
|
||||
},
|
||||
title: "Master", description: "Access expert guides and tips."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-smiley-man-playing-videogame_23-2149349987.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-smiley-man-playing-videogame_23-2149349987.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -108,49 +88,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Cross-Platform Sync",
|
||||
description: "Seamlessly manage your progress across devices.",
|
||||
icon: Star,
|
||||
title: "Cross-Platform Sync", description: "Seamlessly manage your progress across devices.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172434.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172434.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-plexus-low-poly-design-with-selective-focus_1048-12167.jpg?_wi=2",
|
||||
imageAlt: "gaming console hardware close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Safe Matchmaking",
|
||||
description: "Play with verified, respectful gamers only.",
|
||||
icon: Shield,
|
||||
title: "Safe Matchmaking", description: "Play with verified, respectful gamers only.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-esport-gamer-playing-game-tournament_53876-96330.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-esport-gamer-playing-game-tournament_53876-96330.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyous-gamer-throwing-fists-air-from-excitement-after-winning-sf-game_482257-112451.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-playing-videogame_23-2149349987.jpg?_wi=2",
|
||||
imageAlt: "gaming console hardware close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyous-gamer-throwing-fists-air-from-excitement-after-winning-sf-game_482257-112451.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Daily Tournaments",
|
||||
description: "Compete every day for prizes.",
|
||||
icon: Calendar,
|
||||
title: "Daily Tournaments", description: "Compete every day for prizes.", icon: Calendar,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074274.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074274.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/general-headquarters-monitoring-room-with-mockup-screen-tablet_482257-90086.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-icon-set_23-2151910305.jpg",
|
||||
imageAlt: "gaming console hardware close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/general-headquarters-monitoring-room-with-mockup-screen-tablet_482257-90086.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Why GameSync?"
|
||||
@@ -166,59 +128,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "TechSync",
|
||||
name: "Pro Controller",
|
||||
price: "$89.99",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-gamepad-controller-bipoc-man-hands-playing-videogame_482257-87061.jpg",
|
||||
},
|
||||
id: "p1", brand: "TechSync", name: "Pro Controller", price: "$89.99", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-gamepad-controller-bipoc-man-hands-playing-videogame_482257-87061.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "AudioSonic",
|
||||
name: "Elite Headset",
|
||||
price: "$129.99",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-doing-livestream-presenting-fans-his-favorite-esports-strategies_482257-104110.jpg",
|
||||
},
|
||||
id: "p2", brand: "AudioSonic", name: "Elite Headset", price: "$129.99", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-doing-livestream-presenting-fans-his-favorite-esports-strategies_482257-104110.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "VisionPlus",
|
||||
name: "4K Monitor",
|
||||
price: "$349.99",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-computer-monitor-display_23-2150757313.jpg",
|
||||
},
|
||||
id: "p3", brand: "VisionPlus", name: "4K Monitor", price: "$349.99", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/view-computer-monitor-display_23-2150757313.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "PowerDock",
|
||||
name: "Dual Charger",
|
||||
price: "$39.99",
|
||||
rating: 4,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-desk-setup-with-3d-glasses_23-2149529356.jpg",
|
||||
},
|
||||
id: "p4", brand: "PowerDock", name: "Dual Charger", price: "$39.99", rating: 4,
|
||||
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-desk-setup-with-3d-glasses_23-2149529356.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "SkinHub",
|
||||
name: "Console Skin",
|
||||
price: "$29.99",
|
||||
rating: 4,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcake-pattern_23-2148143798.jpg",
|
||||
},
|
||||
id: "p5", brand: "SkinHub", name: "Console Skin", price: "$29.99", rating: 4,
|
||||
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/cupcake-pattern_23-2148143798.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "SpeedStore",
|
||||
name: "NVMe Drive",
|
||||
price: "$149.99",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17238.jpg",
|
||||
},
|
||||
id: "p6", brand: "SpeedStore", name: "NVMe Drive", price: "$149.99", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17238.jpg"},
|
||||
]}
|
||||
title="Exclusive Gaming Gear"
|
||||
description="Upgrade your setup with our premium collection."
|
||||
@@ -232,26 +158,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
title: "Happy Gamers",
|
||||
description: "Active community members",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160267.jpg",
|
||||
},
|
||||
id: "m1", value: "1.2M+", title: "Happy Gamers", description: "Active community members", imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160267.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Countries",
|
||||
description: "Global tournament presence",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-high-tech-earth_23-2151100384.jpg",
|
||||
},
|
||||
id: "m2", value: "50+", title: "Countries", description: "Global tournament presence", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-high-tech-earth_23-2151100384.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500k",
|
||||
title: "Matches Played",
|
||||
description: "Every single month",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-kid-relaxing-with-tablet_23-2150639951.jpg",
|
||||
},
|
||||
id: "m3", value: "500k", title: "Matches Played", description: "Every single month", imageSrc: "http://img.b2bpic.net/free-photo/side-view-kid-relaxing-with-tablet_23-2150639951.jpg"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="We are proud to serve the largest console community on the planet."
|
||||
@@ -266,45 +177,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex J.",
|
||||
role: "Pro Gamer",
|
||||
company: "eSports Clan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-adult-male-soccer-player_23-2150888463.jpg",
|
||||
},
|
||||
id: "1", name: "Alex J.", role: "Pro Gamer", company: "eSports Clan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-adult-male-soccer-player_23-2150888463.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah P.",
|
||||
role: "Casual Fan",
|
||||
company: "GameSync Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-dreads-playing-basketball-while-looking-away_23-2148628905.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah P.", role: "Casual Fan", company: "GameSync Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-dreads-playing-basketball-while-looking-away_23-2148628905.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David W.",
|
||||
role: "Streamer",
|
||||
company: "Twitch Affiliate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pro-gamer-broadcasting-game-internet-talking-with-audience_482257-99050.jpg",
|
||||
},
|
||||
id: "3", name: "David W.", role: "Streamer", company: "Twitch Affiliate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pro-gamer-broadcasting-game-internet-talking-with-audience_482257-99050.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael L.",
|
||||
role: "Community Lead",
|
||||
company: "GamingGuild",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-off-duty-soldier-being-home-with-family-enjoying-watching-cartoons-with-his-daughter-tablet-computer_342744-376.jpg",
|
||||
},
|
||||
id: "4", name: "Michael L.", role: "Community Lead", company: "GamingGuild", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-off-duty-soldier-being-home-with-family-enjoying-watching-cartoons-with-his-daughter-tablet-computer_342744-376.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily S.",
|
||||
role: "Tournament Organizer",
|
||||
company: "EliteEvents",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg",
|
||||
},
|
||||
id: "5", name: "Emily S.", role: "Tournament Organizer", company: "EliteEvents", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg"},
|
||||
]}
|
||||
title="Voices of the Community"
|
||||
description="Hear what our members have to say about their experience."
|
||||
@@ -317,20 +203,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I join a tournament?",
|
||||
content: "Simply register an account and navigate to the events tab.",
|
||||
},
|
||||
id: "f1", title: "How do I join a tournament?", content: "Simply register an account and navigate to the events tab."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my data secure?",
|
||||
content: "We use industry standard encryption for all user data.",
|
||||
},
|
||||
id: "f2", title: "Is my data secure?", content: "We use industry standard encryption for all user data."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I find teammates?",
|
||||
content: "Our matchmaking tool helps you find peers in seconds.",
|
||||
},
|
||||
id: "f3", title: "How do I find teammates?", content: "Our matchmaking tool helps you find peers in seconds."},
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Find answers to our community's most common questions."
|
||||
@@ -342,8 +219,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Level Up Your Gaming"
|
||||
description="Sign up for our newsletter to get the latest gaming news and community updates."
|
||||
tag="Newsletter"
|
||||
@@ -355,29 +231,19 @@ export default function LandingPage() {
|
||||
logoText="GameSync"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user