Merge version_2 into main #2
393
src/app/page.tsx
393
src/app/page.tsx
@@ -2,14 +2,20 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Award } from "lucide-react";
|
||||
import { Award, Target, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,260 +32,137 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Matches",
|
||||
id: "matches",
|
||||
},
|
||||
{
|
||||
name: "Teams",
|
||||
id: "teams",
|
||||
},
|
||||
{
|
||||
name: "Rankings",
|
||||
id: "rankings",
|
||||
},
|
||||
{
|
||||
name: "Stats",
|
||||
id: "stats",
|
||||
},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204998.jpg"
|
||||
brandName="CS2 Portal"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204998.jpg"
|
||||
brandName="CS2 Portal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Elite CS2 Competition"
|
||||
description="Stay ahead of the game with real-time stats, live match scores, and professional rankings from the global CS2 scene."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Live Matches",
|
||||
href: "#matches",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=1",
|
||||
imageAlt: "Hero Match Background 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=2",
|
||||
imageAlt: "Hero Match Background 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=3",
|
||||
imageAlt: "Hero Match Background 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=4",
|
||||
imageAlt: "Hero Match Background 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=5",
|
||||
imageAlt: "Hero Match Background 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=6",
|
||||
imageAlt: "Hero Match Background 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Dominate the Arena"
|
||||
description="Next-level CS2 statistics, analytics, and competitive management platform for pro players and enthusiasts alike."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[{ text: "Get Started", href: "#pricing" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="news" data-section="news">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest CS2 News"
|
||||
description="Stay updated on roster moves, tournament results, and patch updates."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Tournament",
|
||||
title: "PGL Major Copenhagen Results",
|
||||
excerpt: "The biggest tournament of the year concluded with a stunning upset in the finals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upset-professional-woman-gamer-wearing-headset-losing-space-shooter-game-cybersport-competition_482257-2090.jpg?_wi=1",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204998.jpg",
|
||||
date: "2025-05-12",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
category: "Roster",
|
||||
title: "Team Liquid Announces New Roster",
|
||||
excerpt: "Big changes for Liquid as they sign two new riflers to the starting lineup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upset-professional-woman-gamer-wearing-headset-losing-space-shooter-game-cybersport-competition_482257-2090.jpg?_wi=2",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204998.jpg",
|
||||
date: "2025-05-10",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
category: "Update",
|
||||
title: "New CS2 Map Pool Released",
|
||||
excerpt: "Valve has officially swapped the competitive map pool for the upcoming season.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upset-professional-woman-gamer-wearing-headset-losing-space-shooter-game-cybersport-competition_482257-2090.jpg?_wi=3",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204998.jpg",
|
||||
date: "2025-05-08",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Designed for Champions"
|
||||
description="Our advanced tracking tools help you analyze match performance with unmatched precision and depth."
|
||||
bulletPoints={[{ title: "Live Tracking", description: "Real-time data feeds.", icon: Target }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=7"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rankings" data-section="rankings">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Award,
|
||||
title: "Team Vitality",
|
||||
value: "1840 ELO",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Award,
|
||||
title: "FaZe Clan",
|
||||
value: "1795 ELO",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Award,
|
||||
title: "Natus Vincere",
|
||||
value: "1750 ELO",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
icon: Award,
|
||||
title: "G2 Esports",
|
||||
value: "1720 ELO",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
icon: Award,
|
||||
title: "MOUZ",
|
||||
value: "1690 ELO",
|
||||
},
|
||||
]}
|
||||
title="Top Teams Ranking"
|
||||
description="Leading global teams by ELO rating."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
title="Key Features"
|
||||
description="Everything you need to climb the leaderboard."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Analytics", description: "Deep insights into recoil patterns and positioning.", imageSrc: "http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=2"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Community Voices"
|
||||
description="Hear what the community thinks about the latest season developments."
|
||||
kpiItems={[
|
||||
{
|
||||
value: "50K+",
|
||||
label: "Active Users",
|
||||
},
|
||||
{
|
||||
value: "120+",
|
||||
label: "Teams Tracked",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Accuracy",
|
||||
},
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex 'Koda' S.",
|
||||
role: "Pro Player",
|
||||
company: "Tactical Gaming",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Esports Analyst",
|
||||
company: "Gaming News Weekly",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upset-professional-woman-gamer-wearing-headset-losing-space-shooter-game-cybersport-competition_482257-2090.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark 'Sniper' V.",
|
||||
role: "Coach",
|
||||
company: "Victory Esports",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204998.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Pro Gear & Access"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[{ id: "1", name: "Premium Stats Access", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=3" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Inquiry"
|
||||
title="Get Involved"
|
||||
description="Have questions about our data or want to partner with us? Reach out today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
title="Subscription Plans"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
plans={[
|
||||
{ id: "pro", badge: "Best Seller", price: "$19", subtitle: "Professional level stats", features: ["Live Data", "Unlimited Replays"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="CS2 Portal"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 CS2 Stats. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
title="Platform Metrics"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
metrics={[{ id: "1", value: "500k", title: "Active Users", description: "Growing daily", icon: Users }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
title="Our Leadership"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
members={[{ id: "1", name: "Alex Pro", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=4" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardOne
|
||||
title="Community Voices"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
testimonials={[{ id: "1", name: "Jane Doe", role: "Coach", company: "Team Liquid", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=5" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Questions?"
|
||||
faqs={[{ id: "1", title: "How do I start?", content: "Simply sign up for our premium plan." }]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
title="Stay Updated"
|
||||
description="Join our mailing list to receive tournament alerts."
|
||||
tag="Newsletter"
|
||||
tagIcon={Zap}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted By Industry Leaders"
|
||||
names={["Valve", "ESL", "PGL", "Blast"]}
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="CS2 Portal"
|
||||
columns={[{ title: "Legal", items: [{ label: "Privacy", href: "#" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user