265 lines
18 KiB
TypeScript
265 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import { Gamepad2, Headphones, Server, Users, Zap, Sparkles } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="floatingGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Shop", id: "purchases" },
|
|
{ name: "Community", id: "testimonials" },
|
|
{ name: "Join", id: "contact" }
|
|
]}
|
|
brandName="Minecraft Server"
|
|
bottomLeftText="Join Our Adventure"
|
|
bottomRightText="play.minecraftserver.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="MINECRAFT SERVER"
|
|
description="Join an epic multiplayer adventure. Build, explore, and dominate with players from around the world on our custom-crafted server."
|
|
buttons={[
|
|
{ text: "Join Now", href: "https://minecraftserver.com/join" },
|
|
{ text: "Learn More", href: "#features" }
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-stunning-minecraft-landscape-with-bloc-1772525870877-d0206870.png", imageAlt: "Minecraft world landscape with mountains and trees"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-multiplayer-battle-arena-sce-1772525872600-560d4b67.png", imageAlt: "Multiplayer PvP battle arena"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-creative-building-showcase-f-1772525871692-7017b289.png", imageAlt: "Creative server building showcase"
|
|
}
|
|
]}
|
|
autoplayDelay={5000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Experience the Ultimate Minecraft Server"
|
|
description="Our server offers three core experiences: survival gameplay where you thrive in challenging worlds, competitive PvP combat in balanced arenas, and creative building zones for unlimited imagination. With custom plugins, active community support, and regular events, we deliver an unforgettable gaming experience that combines the best of Minecraft for players of all skill levels."
|
|
tag="About Our Server"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-wide-panoramic-view-of-a-minecraft-ser-1772525872192-b99c8cf1.png?_wi=1"
|
|
imageAlt="Server spawn town with community buildings"
|
|
buttons={[
|
|
{ text: "Explore Features", href: "#features" },
|
|
{ text: "Join Discord", href: "https://discord.gg" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
title="Server Features"
|
|
description="Discover what makes our server special with premium gameplay features and community tools."
|
|
tag="Features"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-wide-panoramic-view-of-a-minecraft-ser-1772525872192-b99c8cf1.png?_wi=2"
|
|
imageAlt="Server features showcase"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Custom Plugins & Gameplay", content: "Experience unique custom plugins that enhance survival gameplay, including advanced farming systems, custom enchantments, and exclusive game modes designed specifically for our community."
|
|
},
|
|
{
|
|
id: "2", title: "Competitive PvP Arena", content: "Engage in thrilling player-versus-player combat in our specially designed arena with balanced loadouts, seasonal rankings, and exclusive PvP events with amazing rewards."
|
|
},
|
|
{
|
|
id: "3", title: "Creative Building Zones", content: "Unleash your creativity in protected building areas where you can construct elaborate structures, participate in building contests, and showcase your creations to the community."
|
|
},
|
|
{
|
|
id: "4", title: "Active Community Support", content: "Join a thriving community with active admins, regular events, tournaments, and social gatherings. Discord integration keeps everyone connected 24/7."
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Join Server", href: "https://minecraftserver.com/join" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
mediaPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="purchases" data-section="purchases">
|
|
<ProductCardOne
|
|
products={[
|
|
{
|
|
id: "1", name: "Dragon Wings Cosmetic", price: "$4.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-stunning-minecraft-landscape-with-bloc-1772525870877-d0206870.png", imageAlt: "Dragon Wings cosmetic item"
|
|
},
|
|
{
|
|
id: "2", name: "Enchanted Sword Skin", price: "$3.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-multiplayer-battle-arena-sce-1772525872600-560d4b67.png", imageAlt: "Enchanted Sword skin"
|
|
},
|
|
{
|
|
id: "3", name: "Rainbow Armor Set", price: "$7.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-creative-building-showcase-f-1772525871692-7017b289.png", imageAlt: "Rainbow Armor cosmetic set"
|
|
},
|
|
{
|
|
id: "4", name: "Particle Effects Bundle", price: "$5.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-wide-panoramic-view-of-a-minecraft-ser-1772525872192-b99c8cf1.png", imageAlt: "Particle effects cosmetic bundle"
|
|
},
|
|
{
|
|
id: "5", name: "Legendary Pet Companion", price: "$9.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-player-avatar-wearing-colorf-1772525872025-c656324e.png", imageAlt: "Legendary pet companion item"
|
|
},
|
|
{
|
|
id: "6", name: "VIP Premium Pass", price: "$14.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-different-minecraft-player-character-w-1772525870677-98ff4d24.png", imageAlt: "VIP Premium pass item"
|
|
}
|
|
]}
|
|
title="In-Game Shop"
|
|
description="Enhance your gameplay with exclusive cosmetics and premium items. Support the server while looking amazing!"
|
|
tag="Premium Items"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{ text: "View All Items", href: "#purchases" }
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
metrics={[
|
|
{
|
|
id: "1", value: "5000", title: "Active Players", description: "Join thousands of passionate Minecraft players worldwide", icon: Users
|
|
},
|
|
{
|
|
id: "2", value: "250", title: "Days Uptime", description: "Reliable server with 99.9% uptime guarantee", icon: Server
|
|
},
|
|
{
|
|
id: "3", value: "50", title: "Custom Plugins", description: "Exclusive features unavailable on other servers", icon: Zap
|
|
},
|
|
{
|
|
id: "4", value: "24/7", title: "Support", description: "Always available to help our community", icon: Headphones
|
|
}
|
|
]}
|
|
title="By The Numbers"
|
|
description="See what our community has achieved together"
|
|
tag="Statistics"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Alex Chen, Server Regular", date: "Date: January 2025", title: "Best Server Experience Ever!", quote: "I've played on dozens of Minecraft servers, but this one stands out. The community is incredibly welcoming, the plugins are well-balanced, and the admins actually care about player experience. I've made so many friends here.", tag: "Premium Member", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-player-avatar-wearing-colorf-1772525872025-c656324e.png", avatarAlt: "Alex Chen avatar", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-player-avatar-wearing-colorf-1772525872025-c656324e.png", imageAlt: "Player avatar showcase"
|
|
},
|
|
{
|
|
id: "2", name: "Jordan Smith, Builder", date: "Date: December 2024", title: "Creative Freedom Unleashed", quote: "The building zones are amazing! I can create massive structures without worrying about griefing. Won two building contests already and the prize system is incredibly generous. Highly recommend for creative players!", tag: "Builder Elite", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-different-minecraft-player-character-w-1772525870677-98ff4d24.png", avatarAlt: "Jordan Smith avatar", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-different-minecraft-player-character-w-1772525870677-98ff4d24.png", imageAlt: "Builder player avatar"
|
|
},
|
|
{
|
|
id: "3", name: "Morgan Lee, PvP Champion", date: "Date: November 2024", title: "Competitive Edge Perfected", quote: "The PvP arena is balanced and thrilling. The ranking system is fair, tournaments happen regularly, and the community respects good sportsmanship. This is where legends are made!", tag: "PvP Rank S", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-player-wearing-builder-focus-1772525871294-4fa2fafc.png", avatarAlt: "Morgan Lee avatar", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-player-wearing-builder-focus-1772525871294-4fa2fafc.png", imageAlt: "PvP player avatar"
|
|
},
|
|
{
|
|
id: "4", name: "Casey Rivera, Explorer", date: "Date: January 2025", title: "Endless Adventures Await", quote: "Exploring this server feels like a real adventure. Custom plugins add so much depth to survival gameplay. Events happen constantly, and there's always something new to discover. This is Minecraft the way it should be!", tag: "Explorer", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-player-with-exploration-focu-1772525871361-7e884db1.png", avatarAlt: "Casey Rivera avatar", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-player-with-exploration-focu-1772525871361-7e884db1.png", imageAlt: "Explorer player avatar"
|
|
}
|
|
]}
|
|
title="What Players Say"
|
|
description="Join thousands of satisfied players who've found their perfect Minecraft home"
|
|
tag="Testimonials"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted By The Gaming Community"
|
|
description="Our server runs on industry-leading platforms and tools trusted by the world's best Minecraft communities"
|
|
tag="Powered By"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["Minecraft", "Spigot", "Bukkit", "CurseForge", "Discord", "OptiFine", "Hypixel", "Mineplex"]}
|
|
logos={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/minecraft-mojang-studios-official-logo-w-1772525871109-2ecf1a91.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/spigot-server-software-logo-representing-1772525870788-d44bec6a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/bukkit-server-framework-logo-for-multipl-1772525870293-a5ebd9ad.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/curseforge-platform-logo-representing-mo-1772525870445-06370930.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/discord-communication-platform-logo-repr-1772525870724-3074c2fa.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/optifine-mod-logo-for-enhanced-graphics--1772525870079-96416b24.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/hypixel-network-logo-representing-popula-1772525870660-ab995fa2.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/mineplex-gaming-network-logo-representin-1772525872359-b0edef30.png"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Play?"
|
|
tagIcon={Gamepad2}
|
|
title="Join Our Server Today"
|
|
description="Start your epic Minecraft journey now. Choose your playstyle, join the community, and become part of something special. New players are always welcome!"
|
|
buttons={[
|
|
{ text: "Join Server Now", href: "https://minecraftserver.com/join" },
|
|
{ text: "Join Discord", href: "https://discord.gg" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Game", items: [
|
|
{ label: "Join Server", href: "https://minecraftserver.com/join" },
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Shop", href: "#purchases" },
|
|
{ label: "PvP Arena", href: "#features" }
|
|
]
|
|
},
|
|
{
|
|
title: "Community", items: [
|
|
{ label: "Discord", href: "https://discord.gg" },
|
|
{ label: "Forums", href: "https://minecraftserver.com/forums" },
|
|
{ label: "Events", href: "https://minecraftserver.com/events" },
|
|
{ label: "Leaderboards", href: "https://minecraftserver.com/leaderboards" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Server Rules", href: "https://minecraftserver.com/rules" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Minecraft Server | All Rights Reserved"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|