bender/4598e2e8-d6a4-43cb-ac25-44085395c4bf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 4 commits from version_2 into main 2026-04-21 20:16:05 +00:00
Conversation 0 Commits 4 Files Changed 4 +113 -331
4 changed files with 113 additions and 331 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/app/admin/dashboard/page.tsx Normal file
View File

@@ -0,0 +1,64 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { ShieldCheck, Users, BarChart3, Settings } from "lucide-react";
export default function AdminDashboard() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
background="none"
cardStyle="subtle-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Admin Dashboard", id: "/admin/dashboard" }
]}
brandName="ADMIN CONSOLE"
/>
<main className="pt-32 pb-20 px-6 max-w-7xl mx-auto">
<header className="mb-12">
<h1 className="text-4xl font-bold mb-4">Administrator Dashboard</h1>
<p className="text-lg opacity-80">Secure system management and oversight.</p>
</header>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
{[
{ title: "User Management", icon: Users },
{ title: "Access Controls", icon: ShieldCheck },
{ title: "System Analytics", icon: BarChart3 },
{ title: "Configuration", icon: Settings }
].map((item, i) => (
<div key={i} className="p-6 rounded-2xl border border-white/10 bg-white/5 hover:bg-white/10 transition-colors">
<item.icon className="w-8 h-8 mb-4" />
<h3 className="text-xl font-semibold">{item.title}</h3>
</div>
))}
</div>
<section className="mt-12 p-8 rounded-2xl border border-white/10 bg-white/[0.02]">
<h2 className="text-2xl font-semibold mb-6">System Overview</h2>
<div className="space-y-4">
<p className="opacity-70">Authorization required for all administrative modifications.</p>
<button className="px-6 py-2 bg-white text-black rounded-full font-medium hover:opacity-90">
Generate Audit Logs
</button>
</div>
</section>
</main>
</ReactLenis>
</ThemeProvider>
);
}

136
src/app/dashboard/page.tsx
View File

@@ -2,114 +2,42 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function LandingPage() {
export default function DashboardPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
background="none"
cardStyle="subtle-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Dashboard",
id: "/dashboard",
},
{
name: "Admin",
id: "/admin",
},
]}
brandName="APEX REGION"
/>
</div>
<div id="metric" data-section="metric">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Performance Overview"
description="Your current season statistics."
metrics={[
{
id: "m1",
value: "1.8",
title: "K/D Ratio",
description: "Recent performance",
imageSrc: "http://img.b2bpic.net/free-photo/red-themed-circuit-board-with-chip-close-up_23-2148284294.jpg",
},
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Training Modules"
description="Improve your skills."
features={[
{
title: "Aim Lab",
description: "Sharpen your reflexes.",
imageSrc: "http://img.b2bpic.net/free-photo/steel-machinery-illuminates-workshop-indoors-with-creativity-generated-by-ai_188544-29933.jpg",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{
items: [
{
label: "Terms of Service",
href: "#",
},
{
label: "Community",
href: "#",
},
],
},
]}
logoText="APEX REGION"
/>
</div>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Dashboard", id: "/dashboard" },
{ name: "Admin", id: "/admin" },
]}
brandName="APEX REGION"
/>
<main className="min-h-screen pt-32 px-8">
<h1 className="text-4xl font-bold mb-8">User Dashboard</h1>
<div className="grid gap-6">
<div className="p-6 rounded-xl border border-border bg-card">
<h2 className="text-xl font-semibold">Profile Management</h2>
<p className="mt-2 text-muted-foreground">Manage your account settings, preferences, and security.</p>
</div>
<div className="p-6 rounded-xl border border-border bg-card">
<h2 className="text-xl font-semibold">Your Content</h2>
<p className="mt-2 text-muted-foreground">Access your tournaments, saved matches, and performance stats.</p>
</div>
</div>
</main>
<FooterLogoEmphasis
logoText="APEX REGION"
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "Dashboard", href: "/dashboard" }] },
{ items: [{ label: "Admin", href: "/admin" }, { label: "Support", href: "#" }] }
]}
/>
</ReactLenis>
</ThemeProvider>
);
}
}

234
src/app/page.tsx
View File

@@ -28,18 +28,8 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Dashboard",
id: "/dashboard",
},
{
name: "Admin",
id: "/admin",
},
{ name: "Home", id: "/" },
{ name: "Admin Dashboard", id: "/admin/dashboard" },
]}
brandName="APEX REGION"
/>
@@ -47,110 +37,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "glowing-orb",
}}
background={{ variant: "glowing-orb" }}
title="Enter the Apex Region"
description="Competitive. Elite. Unmatched. Join the most advanced esports ecosystem on the planet."
leftCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776802448300-o6mvx0vz.png?_wi=1",
imageAlt: "Apex Region Hero 1",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776802448301-tkq7cf93.png?_wi=1",
imageAlt: "Apex Region Logo",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-neon-hallway-with-glowing-lights_23-2151966374.jpg?_wi=1",
imageAlt: "Apex Region Hero 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-gamer-sitting-chair_23-2149829177.jpg?_wi=1",
imageAlt: "Apex Region Logo",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746583.jpg?_wi=1",
imageAlt: "Apex Region Hero 3",
},
]}
rightCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776802448301-tkq7cf93.png?_wi=2",
imageAlt: "Apex Region Logo",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776802448300-o6mvx0vz.png?_wi=2",
imageAlt: "Apex Region Hero 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-neon-hallway-with-glowing-lights_23-2151966374.jpg?_wi=2",
imageAlt: "Apex Region Logo",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-gamer-sitting-chair_23-2149829177.jpg?_wi=2",
imageAlt: "Apex Region Hero 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746583.jpg?_wi=2",
imageAlt: "Apex Region Logo",
},
]}
leftCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776802448300-o6mvx0vz.png?_wi=1", imageAlt: "Apex Region Hero 1" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776802448301-tkq7cf93.png?_wi=1", imageAlt: "Apex Region Logo" }, { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-neon-hallway-with-glowing-lights_23-2151966374.jpg?_wi=1", imageAlt: "Apex Region Hero 2" }, { imageSrc: "http://img.b2bpic.net/free-photo/side-view-gamer-sitting-chair_23-2149829177.jpg?_wi=1", imageAlt: "Apex Region Logo" }, { imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746583.jpg?_wi=1", imageAlt: "Apex Region Hero 3" }]}
rightCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776802448301-tkq7cf93.png?_wi=2", imageAlt: "Apex Region Logo" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776802448300-o6mvx0vz.png?_wi=2", imageAlt: "Apex Region Hero 4" }, { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-neon-hallway-with-glowing-lights_23-2151966374.jpg?_wi=2", imageAlt: "Apex Region Logo" }, { imageSrc: "http://img.b2bpic.net/free-photo/side-view-gamer-sitting-chair_23-2149829177.jpg?_wi=2", imageAlt: "Apex Region Hero 5" }, { imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746583.jpg?_wi=2", imageAlt: "Apex Region Logo" }]}
tag="EST. 2026"
buttons={[
{
text: "Join Now",
href: "/signup",
},
{
text: "Explore",
href: "#features",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/futuristic-casino-architecture_23-2150926915.jpg",
alt: "Pro Player 1",
},
{
src: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-with-neon-glowing-lights-3d-rendering-background_181624-21200.jpg",
alt: "Pro Player 2",
},
{
src: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591379.jpg",
alt: "Pro Player 3",
},
{
src: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689410.jpg",
alt: "Pro Player 4",
},
{
src: "http://img.b2bpic.net/free-photo/modern-monitor-elegant-table_23-2150706407.jpg",
alt: "Pro Player 5",
},
]}
marqueeItems={[
{
type: "text",
text: "GLOBAL RANKINGS",
},
{
type: "text",
text: "ELITE TOURNAMENTS",
},
{
type: "text",
text: "PROFESSIONAL STATS",
},
{
type: "text",
text: "TEAM MANAGEMENT",
},
{
type: "text",
text: "LIVE MATCHES",
},
]}
buttons={[{ text: "Join Now", href: "/signup" }, { text: "Explore", href: "#features" }]}
/>
</div>
@@ -160,20 +53,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Built for Competitors"
description="Apex Region provides the infrastructure for professional esports, high-stakes tournaments, and an elite community of players who demand excellence."
bulletPoints={[
{
title: "Elite Competition",
description: "Compete against the best players worldwide.",
},
{
title: "Advanced Stats",
description: "Detailed tracking for all your game performance.",
},
{
title: "Global Community",
description: "Engage with like-minded professional players.",
},
]}
bulletPoints={[{ title: "Elite Competition", description: "Compete against the best players worldwide." }, { title: "Advanced Stats", description: "Detailed tracking for all your game performance." }, { title: "Global Community", description: "Engage with like-minded professional players." }]}
imageSrc="http://img.b2bpic.net/free-photo/futuristic-neon-hallway-with-glowing-lights_23-2151966374.jpg?_wi=3"
/>
</div>
@@ -183,23 +63,7 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Competitive Play",
description: "Automated matchmaking and event management.",
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-geometric-laser-lights_181624-26247.jpg",
},
{
title: "Instant Rewards",
description: "Earn prestige and prizes for victory.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-gamer-sitting-chair_23-2149829177.jpg?_wi=3",
},
{
title: "Discord Integration",
description: "Seamless connection with your team.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746583.jpg?_wi=3",
},
]}
features={[{ title: "Competitive Play", description: "Automated matchmaking and event management.", imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-geometric-laser-lights_181624-26247.jpg" }, { title: "Instant Rewards", description: "Earn prestige and prizes for victory.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-gamer-sitting-chair_23-2149829177.jpg?_wi=3" }, { title: "Discord Integration", description: "Seamless connection with your team.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746583.jpg?_wi=3" }]}
title="Platform Capabilities"
description="Unleash your potential with our cutting-edge feature set."
/>
@@ -210,23 +74,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Proven Excellence"
tag="Statistics"
metrics={[
{
id: "m1",
value: "10K+",
description: "Active Competitive Members",
},
{
id: "m2",
value: "500+",
description: "Tournaments Hosted",
},
{
id: "m3",
value: "1M+",
description: "Matches Tracked",
},
]}
metrics={[{ id: "m1", value: "10K+", description: "Active Competitive Members" }, { id: "m2", value: "500+", description: "Tournaments Hosted" }, { id: "m3", value: "1M+", description: "Matches Tracked" }]}
/>
</div>
@@ -236,75 +84,17 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Elite Voices"
description="Hear from the professionals who define the arena."
testimonials={[
{
id: "t1",
title: "Game Changer",
quote: "Apex Region is the gold standard for competitive play.",
name: "Vexor",
role: "Pro Player",
imageSrc: "http://img.b2bpic.net/free-photo/cool-gaming-setup-indoors-still-life_23-2149829153.jpg",
},
{
id: "t2",
title: "Incredible Stats",
quote: "The data tracking here is unmatched.",
name: "Luna",
role: "Team Captain",
imageSrc: "http://img.b2bpic.net/free-photo/spacious-apartment-with-modern-home-office-setup-featuring-cozy-decor_482257-120763.jpg",
},
{
id: "t3",
title: "Total Control",
quote: "Perfect for managing high-stakes matches.",
name: "Kael",
role: "Analyst",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746584.jpg",
},
{
id: "t4",
title: "Professional Grade",
quote: "The ecosystem is built for champions.",
name: "Jax",
role: "Tournament Organizer",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746614.jpg",
},
]}
testimonials={[{ id: "t1", title: "Game Changer", quote: "Apex Region is the gold standard for competitive play.", name: "Vexor", role: "Pro Player", imageSrc: "http://img.b2bpic.net/free-photo/cool-gaming-setup-indoors-still-life_23-2149829153.jpg" }, { id: "t2", title: "Incredible Stats", quote: "The data tracking here is unmatched.", name: "Luna", role: "Team Captain", imageSrc: "http://img.b2bpic.net/free-photo/spacious-apartment-with-modern-home-office-setup-featuring-cozy-decor_482257-120763.jpg" }, { id: "t3", title: "Total Control", quote: "Perfect for managing high-stakes matches.", name: "Kael", role: "Analyst", imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746584.jpg" }, { id: "t4", title: "Professional Grade", quote: "The ecosystem is built for champions.", name: "Jax", role: "Tournament Organizer", imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746614.jpg" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{
items: [
{
label: "Terms of Service",
href: "#",
},
{
label: "Community",
href: "#",
},
],
},
]}
columns={[{ items: [{ label: "About", href: "#" }, { label: "Privacy Policy", href: "#" }] }, { items: [{ label: "Terms of Service", href: "#" }, { label: "Community", href: "#" }] }]}
logoText="APEX REGION"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

10
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #050505;
--card: #0f0f0f;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #e63946;
--primary-cta: #c89bff;
--primary-cta-text: #ffffff;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #e63946;
--accent: #330000;
--background-accent: #e63946;
--accent: #8b5cf6;
--background-accent: #5b21b6;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);