228 lines
10 KiB
TypeScript
228 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
|
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { BarChart3, CheckCircle, Rocket, Trophy, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Stats", id: "metrics" },
|
|
{ name: "Leaderboard", id: "leaderboard" },
|
|
{ name: "Connect", id: "contact" },
|
|
{ name: "Docs", id: "docs" }
|
|
]}
|
|
brandName="MinecraftStats"
|
|
bottomLeftText="Minecraft Server Tracker"
|
|
bottomRightText="stats@minecraft.local"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="MinecraftStats"
|
|
description="Real-time player statistics and server analytics for your Minecraft multiplayer experience"
|
|
buttons={[
|
|
{ text: "Connect Server", href: "#contact" },
|
|
{ text: "View Demo", href: "#metrics" }
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoS4Kje5okURbLpmNth3ZcUUAi/a-dramatic-minecraft-game-scene-showing--1773257321173-24f2384a.png"
|
|
imageAlt="Minecraft multiplayer gaming environment"
|
|
showDimOverlay={true}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
title="Track Every Moment"
|
|
description="Comprehensive analytics for your Minecraft server"
|
|
tag="Features"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "realtime", label: "Real-Time", title: "Live Player Statistics", items: [
|
|
"Instant player count updates", "Connection tracking", "Activity monitoring"
|
|
],
|
|
buttons: [{ text: "Learn more", href: "#" }]
|
|
},
|
|
{
|
|
id: "analytics", label: "Analytics", title: "Advanced Performance Metrics", items: [
|
|
"Server uptime tracking", "TPS monitoring", "Performance benchmarks"
|
|
],
|
|
buttons: [{ text: "Explore", href: "#" }]
|
|
},
|
|
{
|
|
id: "leaderboard", label: "Rankings", title: "Player Achievements", items: [
|
|
"Top player rankings", "Achievement tracking", "Competitive statistics"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Server Performance Metrics"
|
|
description="Real-time insights into your server's health and player engagement"
|
|
tag="Stats"
|
|
tagIcon={BarChart3}
|
|
tagAnimation="blur-reveal"
|
|
metrics={[
|
|
{
|
|
id: "players", value: "2.5K+", title: "Active Players Tracked", items: [
|
|
"Concurrent monitoring", "Peak analytics", "Retention rates"
|
|
]
|
|
},
|
|
{
|
|
id: "uptime", value: "99.9%", title: "Server Uptime Average", items: [
|
|
"Zero downtime tracking", "Reliability metrics", "Performance SLA"
|
|
]
|
|
},
|
|
{
|
|
id: "queries", value: "50M+", title: "Statistics Queries Daily", items: [
|
|
"Real-time data", "Historical tracking", "Custom queries"
|
|
]
|
|
},
|
|
{
|
|
id: "regions", value: "45+", title: "Servers Connected", items: [
|
|
"Global coverage", "Multi-region support", "Cross-server tracking"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="leaderboard" data-section="leaderboard">
|
|
<ProductCardOne
|
|
title="Player Statistics"
|
|
description="Monitor individual player performance and achievements"
|
|
tag="Leaderboard"
|
|
tagIcon={Trophy}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "player-1", name: "SkyWalker92", price: "Rank #1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoS4Kje5okURbLpmNth3ZcUUAi/professional-gamer-headshot-young-male-p-1773257320670-e030b445.png", imageAlt: "SkyWalker92"
|
|
},
|
|
{
|
|
id: "player-2", name: "CreeperSlayer", price: "Rank #2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoS4Kje5okURbLpmNth3ZcUUAi/gaming-server-administrator-portrait-fem-1773257321003-14201bb7.png", imageAlt: "CreeperSlayer"
|
|
},
|
|
{
|
|
id: "player-3", name: "BuildMaster", price: "Rank #3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoS4Kje5okURbLpmNth3ZcUUAi/gaming-community-leader-headshot-diverse-1773257320261-3f592376.png", imageAlt: "BuildMaster"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Top Gaming Communities"
|
|
description="Leading Minecraft servers use MinecraftStats for comprehensive player analytics"
|
|
tag="Trusted Partners"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
names={[
|
|
"MinecraftCentral", "PlayVillage", "CubeCraft", "Hypixel Analytics", "BuildTheWorld", "SkyBlock Empire", "PvP Masters"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="MinecraftStats transformed how we manage our server. The real-time analytics and player tracking features are incredibly accurate and user-friendly. Our server performance has never been better documented."
|
|
rating={5}
|
|
author="Alex Chen, Server Administrator"
|
|
avatars={[
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoS4Kje5okURbLpmNth3ZcUUAi/professional-gamer-headshot-young-male-p-1773257320670-e030b445.png", alt: "Alex Chen"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoS4Kje5okURbLpmNth3ZcUUAi/gaming-server-administrator-portrait-fem-1773257321003-14201bb7.png", alt: "Server Team Member"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoS4Kje5okURbLpmNth3ZcUUAi/gaming-community-leader-headshot-diverse-1773257320261-3f592376.png", alt: "Community Manager"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoS4Kje5okURbLpmNth3ZcUUAi/casual-player-profile-photo-diverse-gami-1773257322390-c625dfde.png", alt: "Player"
|
|
}
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get Started"
|
|
tagIcon={Rocket}
|
|
title="Connect Your Server Today"
|
|
description="Join thousands of server administrators getting real-time player statistics and advanced analytics. Set up takes less than 5 minutes."
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoS4Kje5okURbLpmNth3ZcUUAi/minecraft-multiplayer-server-scene-with--1773257321506-9ffe629d.png"
|
|
imageAlt="Minecraft server multiplayer experience"
|
|
mediaPosition="right"
|
|
mediaAnimation="slide-up"
|
|
inputPlaceholder="Enter your server IP"
|
|
buttonText="Connect Now"
|
|
termsText="By connecting your server, you agree to our Terms of Service and Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="MinecraftStats"
|
|
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
|
|
rightLink={{ text: "Terms of Service", href: "/terms" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|