201 lines
11 KiB
TypeScript
201 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
|
import TeamCardTen from "@/components/sections/team/TeamCardTen";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { Flame, Heart, MessageSquare, Trophy, Users, Zap, Youtube, Twitch } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="RED DRAGONS"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Crew", id: "crew" },
|
|
{ name: "Join Us", id: "contact" },
|
|
{ name: "Discord", id: "https://discord.gg" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="RED DRAGONS CREW"
|
|
description="Elite Blox Fruits warfare crew. We dominate wars, crush enemies, and rise to the top. Join the strongest crew on the server."
|
|
tag="BLOX FRUITS CREW"
|
|
background={{ variant: "plain" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/8-bits-characters-gaming-assets_23-2151143743.jpg", imageAlt: "Red Dragons crew warfare"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-copy-space-tangerines-with-apples-pomegranate-wood-wall_141793-80376.jpg?_wi=1", imageAlt: "Crew members"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/tropical-fruits-seamless-pattern_98292-4043.jpg?_wi=1", imageAlt: "Intense combat"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-playing-videogame-side-view_23-2149349995.jpg?_wi=1", imageAlt: "Crew coordination"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/game-night-facebook-post-template_23-2151089866.jpg?_wi=1", imageAlt: "Rankings system"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "JOIN CREW", href: "#contact" },
|
|
{ text: "DISCORD", href: "https://discord.gg" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="ABOUT RED DRAGONS"
|
|
title="The Strongest Crew in Blox Fruits"
|
|
description="Red Dragons is a elite warfare crew dedicated to dominating Blox Fruits. We excel in crew wars, treasure raids, and competitive PvP. Our members train relentlessly to maintain superiority. Join us and prove your strength."
|
|
metrics={[
|
|
{ value: "150+", title: "Active Crew Members" },
|
|
{ value: "500+", title: "Wars Won" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-copy-space-tangerines-with-apples-pomegranate-wood-wall_141793-80376.jpg?_wi=2"
|
|
imageAlt="Red Dragons crew"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
title="WHY JOIN RED DRAGONS"
|
|
description="Experience elite warfare, strategic gameplay, and a thriving community."
|
|
tag="CREW FEATURES"
|
|
features={[
|
|
{
|
|
title: "LEGENDARY WARFARE", description: "Dominate crew wars with coordinated attacks and proven strategies.", imageSrc: "http://img.b2bpic.net/free-vector/tropical-fruits-seamless-pattern_98292-4043.jpg?_wi=2", imageAlt: "Warfare tactics", buttonIcon: Zap,
|
|
},
|
|
{
|
|
title: "CREW COORDINATION", description: "Work together with elite warriors to crush any opposition.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-playing-videogame-side-view_23-2149349995.jpg?_wi=2", imageAlt: "Team coordination", buttonIcon: Users,
|
|
},
|
|
{
|
|
title: "RANKING SYSTEM", description: "Earn prestige and rank up through battles and achievements.", imageSrc: "http://img.b2bpic.net/free-vector/game-night-facebook-post-template_23-2151089866.jpg?_wi=2", imageAlt: "Ranking system", buttonIcon: Trophy,
|
|
},
|
|
{
|
|
title: "ACTIVE DISCORD", description: "Stay connected with daily events, strategies, and crew updates.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-with-video-games-his-smart-tv-setup_482257-120729.jpg", imageAlt: "Discord community", buttonIcon: MessageSquare,
|
|
},
|
|
{
|
|
title: "COMPETITIVE EDGE", description: "Access exclusive training guides and battle strategies.", imageSrc: "http://img.b2bpic.net/free-vector/tropical-fruits-seamless-pattern_98292-4043.jpg?_wi=3", imageAlt: "Competitive gameplay", buttonIcon: Flame,
|
|
},
|
|
{
|
|
title: "BROTHERHOOD", description: "Join a tight-knit community that values loyalty and strength.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-playing-videogame-side-view_23-2149349995.jpg?_wi=3", imageAlt: "Crew brotherhood", buttonIcon: Heart,
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="crew" data-section="crew">
|
|
<TeamCardTen
|
|
title="CREW LEADERSHIP"
|
|
tag="ELITE MEMBERS"
|
|
members={[
|
|
{
|
|
id: "1", name: "SHADOW COMMANDER", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-ninja-wearing-equipment_23-2150961026.jpg", imageAlt: "Shadow Commander"
|
|
},
|
|
{
|
|
id: "2", name: "BLOOD WARRIOR", imageSrc: "http://img.b2bpic.net/free-vector/esports-gaming-skull-mascot-logo_779267-3636.jpg", imageAlt: "Blood Warrior"
|
|
},
|
|
{
|
|
id: "3", name: "STORM STRATEGIST", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-mask-holding-camera_23-2148886993.jpg", imageAlt: "Storm Strategist"
|
|
},
|
|
{
|
|
id: "4", name: "FURY FIGHTER", imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-with-gaming-headset-playing-multiplayer-online-action-game-streaming-gameplay-professional-pc-setup-gamer-looking-computer-screen-while-talking-team-members-tournament_482257-49310.jpg", imageAlt: "Fury Fighter"
|
|
},
|
|
]}
|
|
memberVariant="default"
|
|
membersAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="CREW TESTIMONIALS"
|
|
description="Hear from our members about their experience in Red Dragons."
|
|
tag="MEMBER STORIES"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "DARK KNIGHT", role: "Crew Captain", company: "RED DRAGONS", 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", imageAlt: "Dark Knight"
|
|
},
|
|
{
|
|
id: "2", name: "CRIMSON BLADE", role: "PvP Champion", company: "RED DRAGONS", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/rendering-wizard-controlling-magic_23-2150608368.jpg", imageAlt: "Crimson Blade"
|
|
},
|
|
{
|
|
id: "3", name: "SHADOW STRIKE", role: "War Strategist", company: "RED DRAGONS", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-controller-medium-shot_23-2149005237.jpg", imageAlt: "Shadow Strike"
|
|
},
|
|
{
|
|
id: "4", name: "INFERNO FORCE", role: "Elite Warrior", company: "RED DRAGONS", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/scene-professional-esports-gamer-profile-colored-with-red-blue-light-generative-ai_191095-1967.jpg", imageAlt: "Inferno Force"
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="JOIN NOW"
|
|
title="Ready to Join the Strongest Crew?"
|
|
description="Sign up to receive crew invitations, battle updates, and exclusive strategies. Become part of RED DRAGONS elite."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/team-teenage-gamers-plays-multiplayer-video-game-pc-gaming-club_613910-19132.jpg"
|
|
imageAlt="Join Red Dragons"
|
|
mediaAnimation="slide-up"
|
|
inputPlaceholder="Enter your Discord ID"
|
|
buttonText="APPLY NOW"
|
|
termsText="By applying, you agree to follow RED DRAGONS crew rules and Discord community guidelines."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="RED DRAGONS"
|
|
copyrightText="© 2025 RED DRAGONS CREW | Blox Fruits Elite Warfare"
|
|
socialLinks={[
|
|
{ icon: MessageSquare, href: "https://discord.gg", ariaLabel: "Discord" },
|
|
{ icon: Twitch, href: "https://twitch.tv", ariaLabel: "Twitch" },
|
|
{ icon: Youtube, href: "https://youtube.com", ariaLabel: "YouTube" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |