197 lines
13 KiB
TypeScript
197 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Crown, Diamond, Infinity, MessageCircle, Sparkles, Sword, Twitter, Youtube } from "lucide-react";
|
|
import { Roboto } from "next/font/google";
|
|
|
|
const roboto = Roboto({
|
|
variable: "--font-roboto", subsets: ["latin"],
|
|
weight: ["100", "300", "400", "500", "700", "900"]
|
|
});
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Kachhua MC"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Store", id: "ranks" },
|
|
{ name: "Ranks", id: "ranks" },
|
|
{ name: "Keys", id: "keys" },
|
|
{ name: "Stats", id: "stats" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Community", id: "community" },
|
|
{ name: "Support", id: "contact" },
|
|
{ name: "Login", id: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="hero" data-section="hero" className={roboto.variable}>
|
|
<HeroCarouselLogo
|
|
logoText="Kachhua MC"
|
|
description="India's Ultimate Lifesteal Network"
|
|
buttons={[
|
|
{ text: "Join Server", href: "#", onClick: () => console.log('Join Server clicked') },
|
|
{ text: "Store", href: "#ranks" },
|
|
{ text: "Discord", href: "#community" }
|
|
]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/tilt-shift-medieval-fantasy-landscape_23-2150916604.jpg", imageAlt: "Minecraft Lifesteal battle arena" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-neon-cross_23-2150913412.jpg", imageAlt: "Minecraft server lobby" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/space-travel-collage-design_23-2150163766.jpg", imageAlt: "Abstract Lifesteal energy background" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-pixel-background_23-2149625606.jpg", imageAlt: "Minecraft player holding Lifesteal heart" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-dice-outdoors_23-2151110388.jpg", imageAlt: "Minecraft night landscape with Kachhua MC logo" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/8-bits-characters-gaming-assets_23-2151143741.jpg", imageAlt: "Victorious Minecraft player in arena" }
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
<div id="ranks" data-section="ranks">
|
|
<PricingCardOne
|
|
title="Unlock Your Legend: Premium Ranks"
|
|
description="Ascend the hierarchy of Kachhua MC with exclusive perks and ultimate recognition. Transparent pricing in Indian Rupees (₹)."
|
|
tag="Server Ranks"
|
|
plans={[
|
|
{ id: "demon", badge: "👑 Ultimate Rank", badgeIcon: Sparkles, price: "₹499", subtitle: "Ultimate Power", features: ["All Knight Perks", "Demon Aura & Cosmetics", "Maxed Out /kit Access", "Monthly Ultimate Crate Key", "Special Discord Role"] },
|
|
{ id: "titan", badge: "Entry", badgeIcon: Diamond, price: "₹80", subtitle: "Basic Perks", features: ["Exclusive Chat Tag", "Color Chat Access", "Priority Queue", "Access to /fly (limited)"] },
|
|
{ id: "lord", badge: "Enhanced", badgeIcon: Crown, price: "₹199", subtitle: "Advanced Perks", features: ["All Titan Perks", "Unique Lord Tag", "Advanced /kit Access", "Customizable Prefix"] },
|
|
{ id: "void", badge: "Elite", badgeIcon: Infinity, price: "₹299", subtitle: "Elite Privileges", features: ["All Lord Perks", "Void Aura Effect", "Expanded Vault Access", "Daily Void Crate Key"] },
|
|
{ id: "knight", badge: "Legendary", badgeIcon: Sword, price: "₹399", subtitle: "Legendary Status", features: ["All Void Perks", "Custom Knight Armor", "Exclusive Pet Access", "Weekly Legendary Crate Key"] }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="keys" data-section="keys">
|
|
<ProductCardTwo
|
|
title="Unleash Mystery: Exclusive Keys"
|
|
description="Discover powerful items, rare cosmetics, and valuable resources with our unique Lifesteal keys. Each key offers a chance at server-defining loot!"
|
|
tag="Loot Keys"
|
|
products={[
|
|
{ id: "steal-key", brand: "Kachhua MC", name: "Steal Key", price: "₹10", rating: 5, reviewCount: "245", imageSrc: "http://img.b2bpic.net/free-photo/door-leading-magical-world_23-2151038395.jpg", imageAlt: "Steal Key" },
|
|
{ id: "koth-key", brand: "Kachhua MC", name: "Koth Key", price: "₹20", rating: 4, reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/key-icon-left-side_187299-39488.jpg", imageAlt: "Koth Key" },
|
|
{ id: "master-key", brand: "Kachhua MC", name: "Master Key", price: "₹30", rating: 5, reviewCount: "310", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-blue-white-keyboard_23-2149680247.jpg", imageAlt: "Master Key" },
|
|
{ id: "empire-key", brand: "Kachhua MC", name: "Empire Key", price: "₹40", rating: 4, reviewCount: "155", imageSrc: "http://img.b2bpic.net/free-photo/closeup-key-placed-vintage-bible_1398-355.jpg", imageAlt: "Empire Key" },
|
|
{ id: "lifesteal-key", brand: "Kachhua MC", name: "Lifesteal Key", price: "₹25", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/plan-business-development_1134-395.jpg", imageAlt: "Lifesteal Key" },
|
|
{ id: "mythic-key", brand: "Kachhua MC", name: "Mythic Key", price: "₹50", rating: 5, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/intricate-3d-cross-with-bright-lights_23-2151004818.jpg", imageAlt: "Mythic Key" }
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="stats" data-section="stats">
|
|
<MetricCardFourteen
|
|
title="Kachhua MC by the Numbers"
|
|
tag="Server Statistics"
|
|
metrics={[
|
|
{ id: "total-players", value: "15K+", description: "Total Registered Players" },
|
|
{ id: "online-players", value: "500+", description: "Currently Online Players" },
|
|
{ id: "store-purchases", value: "20K+", description: "Total Store Purchases" },
|
|
{ id: "discord-members", value: "2K+", description: "Discord Community Members" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
title="Master the Game: Core Advantages"
|
|
description="Experience a competitive edge with features designed for true Lifesteal dominance and an unparalleled Minecraft experience."
|
|
tag="Server Benefits"
|
|
features={[
|
|
{ title: "Competitive Gameplay", description: "Engage in thrilling PvP battles and climb the ranks on our balanced Lifesteal server.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-snake-illustration_23-2151674374.jpg", imageAlt: "Competitive Gameplay" },
|
|
{ title: "Custom Enchants", description: "Discover and utilize unique enchantments to gain an advantage in combat and survival.", imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128037.jpg", imageAlt: "Custom Enchants" },
|
|
{ title: "Lag-Free Experience", description: "Enjoy seamless gameplay with optimized server performance and minimal latency.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-star-shaped-lights_23-2147815130.jpg", imageAlt: "Lag-Free Experience" },
|
|
{ title: "Dedicated Support", description: "Our friendly and knowledgeable staff are always ready to assist you with any in-game issues.", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-sitting-home-indoors-play-games_171337-16872.jpg", imageAlt: "Dedicated Support" },
|
|
{ title: "Fair Play Anti-Cheat", description: "We ensure a level playing field with robust anti-cheat systems, promoting fair competition.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883546.jpg", imageAlt: "Fair Play Anti-Cheat" },
|
|
{ title: "Regular Updates", description: "Stay excited with fresh content, new features, and exciting events introduced regularly.", imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128061.jpg", imageAlt: "Regular Updates" }
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="community" data-section="community">
|
|
<FeatureCardSix
|
|
title="Join the Kachhua MC Community"
|
|
description="Connect with fellow legends, get real-time updates, and participate in exclusive events on our thriving Discord server. Your journey to ultimate dominance starts here!"
|
|
tag="Discord Hub"
|
|
features={[
|
|
{ title: "Active & Welcoming", description: "Be part of a vibrant community that shares your passion for Minecraft Lifesteal.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-playing-videogame_23-2150571990.jpg", imageAlt: "Active Discord Community" }
|
|
]}
|
|
textboxLayout="split-actions"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Voices of Valor: What Our Players Say"
|
|
cardTag="Community Feedback"
|
|
testimonials={[
|
|
{ id: "1", name: "GamerTagPro", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419476.jpg", imageAlt: "Profile of GamerTagPro" },
|
|
{ id: "2", name: "LifestealQueen", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-woman-wearing-glasses_23-2151136863.jpg", imageAlt: "Profile of LifestealQueen" },
|
|
{ id: "3", name: "PvPMasterX", imageSrc: "http://img.b2bpic.net/free-photo/livid-supporter-watching-sports-match-throwing-pillows-tv-screen_482257-119756.jpg", imageAlt: "Profile of PvPMasterX" },
|
|
{ id: "4", name: "CraftyFox", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-pink-blue-hair-with-sad-facial-expression_181624-55047.jpg", imageAlt: "Profile of CraftyFox" },
|
|
{ id: "5", name: "EpicBuilder", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-city-double-exposure_23-2149303238.jpg", imageAlt: "Profile of EpicBuilder" }
|
|
]}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Need Assistance? Reach Out"
|
|
description="Our dedicated support team is here to help you conquer any challenge on Kachhua MC. Whether it's a purchase issue or a game query, we've got you covered."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "subject", type: "text", placeholder: "Subject", required: true }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Your Message", rows: 5, required: true }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-psd/modern-3d-chat-bubble-icon_84443-82910.jpg"
|
|
imageAlt="Futuristic support interface"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Kachhua MC"
|
|
copyrightText="© 2024 Kachhua MC. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: MessageCircle, href: "https://discord.gg/yourserver", ariaLabel: "Discord" },
|
|
{ icon: Twitter, href: "https://twitter.com/yourserver", ariaLabel: "Twitter" },
|
|
{ icon: Youtube, href: "https://youtube.com/yourchannel", ariaLabel: "YouTube" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |