257 lines
15 KiB
TypeScript
257 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="fluid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Anime Spirit"
|
|
navItems={[
|
|
{ name: "Wiki", id: "features" },
|
|
{ name: "Characters", id: "product" },
|
|
{ name: "Lore", id: "about" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Community", id: "testimonials" },
|
|
]}
|
|
button={{
|
|
text: "Join Community", href: "https://www.roblox.com"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
tag="Roblox Experience"
|
|
title="Welcome to Anime Spirit Wiki"
|
|
description="Explore the ultimate guide to characters, abilities, lore, and strategies in the Anime Spirit Roblox game. Join thousands of players discovering the magic within."
|
|
imageSrc="http://img.b2bpic.net/free-photo/bigfoot-represented-neon-glow_23-2151322897.jpg"
|
|
imageAlt="Anime Spirit game hero showcase"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
testimonials={[
|
|
{
|
|
name: "Alex Chen", handle: "Anime Fan, Player since 2023", testimonial: "This wiki helped me master all the characters and strategies. Absolutely amazing resource!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg"
|
|
},
|
|
]}
|
|
buttons={[
|
|
{ text: "Explore Wiki", href: "#features" },
|
|
{ text: "View Characters", href: "#product" },
|
|
{ text: "Start Learning", href: "#features" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="About Anime Spirit"
|
|
title="Master the Spirit Realm"
|
|
description="Anime Spirit is an immersive Roblox experience where players embark on epic quests, capture mystical spirits, and battle in dynamic arena combat. This comprehensive wiki guides you through every aspect of gameplay, character development, and community events."
|
|
metrics={[
|
|
{ value: "50K+", title: "Active Players" },
|
|
{ value: "150+", title: "Characters to Master" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-vector/abstract-hand-drawn-group-women_52683-58045.jpg?_wi=1"
|
|
imageAlt="Anime Spirit game overview"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
title="Wiki Features"
|
|
description="Everything you need to succeed in Anime Spirit"
|
|
tag="Comprehensive Guide"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Character Guides", description: "Detailed abilities, stats, and build strategies for every character in the game", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149365.jpg?_wi=1"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Battle Tactics", description: "Master PvP strategies, team compositions, and arena combat techniques", imageSrc: "http://img.b2bpic.net/free-photo/rendering-wizard-controlling-magic_23-2150608380.jpg?_wi=1"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Quest Walkthroughs", description: "Complete guides for story quests and special events with rewards", imageSrc: "http://img.b2bpic.net/free-vector/ninja-character-different-poses-with-flat-desing_23-2147864957.jpg?_wi=1"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Trading Hub", description: "Fair market prices and trading tips for rare spirits and items", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-ninja-wearing-equipment_23-2150960956.jpg?_wi=1"
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardTwo
|
|
title="Featured Characters"
|
|
description="Meet the heroes of Anime Spirit - each with unique powers and playstyles"
|
|
tag="Character Database"
|
|
gridVariant="bento-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", brand: "Spirit Class", name: "Lunar Guardian", price: "Tier: S", rating: 5,
|
|
reviewCount: "8.2k", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149365.jpg?_wi=2", imageAlt: "Lunar Guardian character"
|
|
},
|
|
{
|
|
id: "2", brand: "Spirit Class", name: "Inferno Mage", price: "Tier: A", rating: 5,
|
|
reviewCount: "7.1k", imageSrc: "http://img.b2bpic.net/free-photo/rendering-wizard-controlling-magic_23-2150608380.jpg?_wi=2", imageAlt: "Inferno Mage character"
|
|
},
|
|
{
|
|
id: "3", brand: "Spirit Class", name: "Shadow Rogue", price: "Tier: A", rating: 5,
|
|
reviewCount: "6.9k", imageSrc: "http://img.b2bpic.net/free-vector/ninja-character-different-poses-with-flat-desing_23-2147864957.jpg?_wi=2", imageAlt: "Shadow Rogue character"
|
|
},
|
|
{
|
|
id: "4", brand: "Spirit Class", name: "Holy Paladin", price: "Tier: S", rating: 5,
|
|
reviewCount: "7.8k", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-ninja-wearing-equipment_23-2150960956.jpg?_wi=2", imageAlt: "Holy Paladin character"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Community Voices"
|
|
description="Hear what players are saying about their Anime Spirit journey"
|
|
tag="Player Reviews"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Maya Rodriguez, Competitive Player", date: "Date: 15 January 2025", title: "This wiki is a game changer!", quote: "I went from casual to competitive rank thanks to this wiki. The battle tactics section is incredibly detailed and helped me understand team synergy.", tag: "Competitive", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149365.jpg?_wi=3"
|
|
},
|
|
{
|
|
id: "2", name: "Jordan Lee, Story Enthusiast", date: "Date: 20 January 2025", title: "Perfect lore resource!", quote: "The character backgrounds and story guides make the game world feel so rich. I've discovered so much depth through this wiki.", tag: "Story Mode", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-curly-headed-man-wearing-casual-maroon-t-shirt_176532-8142.jpg", imageSrc: "http://img.b2bpic.net/free-photo/rendering-wizard-controlling-magic_23-2150608380.jpg?_wi=3"
|
|
},
|
|
{
|
|
id: "3", name: "Sam Park, New Player", date: "Date: 18 January 2025", title: "Beginner friendly!", quote: "As someone new to Roblox, this wiki made onboarding so smooth. Clear explanations and helpful tips everywhere.", tag: "Beginner", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg", imageSrc: "http://img.b2bpic.net/free-vector/ninja-character-different-poses-with-flat-desing_23-2147864957.jpg?_wi=3"
|
|
},
|
|
{
|
|
id: "4", name: "Casey Morgan, Trading Expert", date: "Date: 22 January 2025", title: "Best trading guide out there", quote: "The trading hub section saved me from so many bad deals. Fair prices and honest market analysis.", tag: "Trading", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-curly-headed-man-wearing-casual-maroon-t-shirt_176532-8142.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-ninja-wearing-equipment_23-2150960956.jpg?_wi=3"
|
|
},
|
|
{
|
|
id: "5", name: "Riley Chen, Event Hunter", date: "Date: 19 January 2025", title: "Events are so easy now!", quote: "With the event walkthroughs, I never miss a reward opportunity. The wiki keeps me informed and prepared.", tag: "Events", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-curly-headed-man-wearing-casual-maroon-t-shirt_176532-8142.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149365.jpg?_wi=4"
|
|
},
|
|
{
|
|
id: "6", name: "Taylor Kim, Streamer", date: "Date: 21 January 2025", title: "My viewers love the references!", quote: "I link this wiki constantly during streams. My community appreciates having detailed resources at their fingertips.", tag: "Community", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg", imageSrc: "http://img.b2bpic.net/free-photo/rendering-wizard-controlling-magic_23-2150608380.jpg?_wi=4"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about Anime Spirit gameplay and mechanics"
|
|
tag="Help Center"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
mediaPosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-vector/abstract-hand-drawn-group-women_52683-58045.jpg?_wi=2"
|
|
imageAlt="FAQ support illustration"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do I unlock new characters?", content: "You can unlock new characters by completing story quests, participating in events, or purchasing spirit summons. Check the character guides section for specific unlock methods for each character."
|
|
},
|
|
{
|
|
id: "2", title: "What is the best beginner character?", content: "Lunar Guardian is recommended for beginners due to balanced stats and straightforward abilities. Once comfortable, experiment with other characters to find your playstyle. Visit our character guides for detailed comparisons."
|
|
},
|
|
{
|
|
id: "3", title: "How do I improve my battle ranking?", content: "Focus on team composition, learn counter-strategies, and practice PvP battles regularly. Our battle tactics section provides detailed strategies for climbing ranks efficiently."
|
|
},
|
|
{
|
|
id: "4", title: "Are there trading restrictions?", content: "Yes, new accounts have trading cooldowns. Check our trading hub for complete details on trading requirements, fair prices, and market trends to maximize your trades."
|
|
},
|
|
{
|
|
id: "5", title: "When are new events released?", content: "Events typically launch weekly with special seasonal events monthly. Subscribe to our community announcements for event schedules and exclusive rewards information."
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by the Community"
|
|
description="Join players worldwide who rely on Anime Spirit Wiki daily"
|
|
tag="Community Trusted"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Roblox Official", "Gaming Hub", "Anime Alliance", "Spirit Seekers", "Quest Masters", "PvP Champions", "Community Leaders"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Anime Spirit"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Wiki Home", href: "#hero" },
|
|
{ label: "Characters", href: "#product" },
|
|
{ label: "Guides", href: "#features" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Battle Tips", href: "#features" },
|
|
{ label: "Trading Hub", href: "#faq" },
|
|
{ label: "Community", href: "#testimonials" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Roblox Game", href: "https://www.roblox.com" },
|
|
{ label: "Discord", href: "https://discord.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Contact", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |