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

Merge version_3 into main #4

Merged
bender merged 5 commits from version_3 into main 2026-04-21 20:21:45 +00:00
Conversation 0 Commits 5 Files Changed 5 +119 -129
5 changed files with 119 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/app/admin/dashboard/page.tsx
View File

@@ -3,9 +3,11 @@
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";
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import { LayoutDashboard, Users, Trophy, Settings } from "lucide-react";
export default function AdminDashboard() {
export default function AdminDashboardPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -20,44 +22,43 @@ export default function AdminDashboard() {
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 id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Admin Dashboard", id: "/admin/dashboard" },
]}
brandName="APEX REGION"
/>
</div>
<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>
<div className="py-20 px-6 max-w-7xl mx-auto" id="admin-dashboard">
<MetricCardEleven
title="Admin Control Center"
description="Manage your elite esports ecosystem, monitor performance, and oversee tournaments."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1", value: "42", title: "Pending Applications", description: "Review new player submissions", imageSrc: "http://img.b2bpic.net/free-photo/cool-gaming-setup-indoors-still-life_23-2149829153.jpg"
},
{
id: "m2", value: "12", title: "Active Tournaments", description: "Monitor ongoing competitions", imageSrc: "http://img.b2bpic.net/free-photo/spacious-apartment-with-modern-home-office-setup-featuring-cozy-decor_482257-120763.jpg"
},
{
id: "m3", value: "99.9%", title: "System Health", description: "All servers operational", imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746584.jpg"
}
]}
/>
</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>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[{ items: [{ label: "Dashboard", href: "/admin/dashboard" }, { label: "Settings", href: "#" }] }, { items: [{ label: "Home", href: "/" }, { label: "Community", href: "#" }] }]}
logoText="APEX REGION"
/>
</div>
</ReactLenis>
</ThemeProvider>
);

52
src/app/admin/page.tsx
View File

@@ -26,17 +26,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Dashboard",
id: "/dashboard",
},
name: "Login", id: "/login"},
{
name: "Admin",
id: "/admin",
},
name: "Sign Up", id: "/signup"},
{
name: "Admin", id: "/admin"},
]}
brandName="APEX REGION"
/>
@@ -51,12 +47,7 @@ export default function LandingPage() {
description="Admin overview."
metrics={[
{
id: "p1",
value: "99.9%",
title: "Uptime",
description: "Server stability",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-background-with-glowing-abstract-neon-light-patterns-great-cosmic-background_181624-34438.jpg",
},
id: "p1", value: "99.9%", title: "Uptime", description: "Server stability", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-background-with-glowing-abstract-neon-light-patterns-great-cosmic-background_181624-34438.jpg"},
]}
/>
</div>
@@ -70,19 +61,12 @@ export default function LandingPage() {
description="Manage user plans."
plans={[
{
id: "pl1",
price: "$0",
name: "Standard",
buttons: [
id: "pl1", price: "$0", name: "Standard", buttons: [
{
text: "Manage",
href: "#",
},
text: "Manage", href: "#"},
],
features: [
"Basic Stats",
"Standard Support",
],
"Basic Stats", "Standard Support"],
},
]}
/>
@@ -94,25 +78,17 @@ export default function LandingPage() {
{
items: [
{
label: "About",
href: "#",
},
label: "About", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
{
items: [
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Community",
href: "#",
},
label: "Community", href: "#"},
],
},
]}
@@ -122,4 +98,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

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

@@ -4,51 +4,64 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
export default function DashboardPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
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: "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 id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Dashboard", id: "/dashboard" },
{ name: "Admin Dashboard", id: "/admin/dashboard" },
]}
brandName="APEX REGION"
/>
</div>
<div className="min-h-screen pt-32 pb-20 container mx-auto px-6">
<h1 className="text-4xl font-bold mb-8">User Dashboard</h1>
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
<div className="p-8 bg-card rounded-2xl shadow-sm border border-border flex flex-col items-center">
<img
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776802877782-ljmgt63y.png"
alt="Profile"
className="w-32 h-32 rounded-full mb-4 object-cover"
/>
<h2 className="text-xl font-semibold">Player Profile</h2>
<p className="text-muted-foreground">Manage your account details and social links.</p>
</div>
<div className="p-8 bg-card rounded-2xl shadow-sm border border-border md:col-span-2">
<h2 className="text-xl font-semibold mb-4">Settings</h2>
<p className="text-muted-foreground mb-6">Configure your preferences, notification settings, and privacy options.</p>
<div className="space-y-4">
<button className="w-full px-4 py-2 bg-primary text-primary-foreground rounded-lg">Edit Profile</button>
<button className="w-full px-4 py-2 bg-secondary text-secondary-foreground rounded-lg">Privacy Settings</button>
</div>
</div>
</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 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: "#" }] }
]}
/>
</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>
</ReactLenis>
</ThemeProvider>
);
}
}

18
src/app/page.tsx
View File

@@ -3,12 +3,12 @@
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 FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
export default function LandingPage() {
return (
@@ -19,8 +19,8 @@ export default function LandingPage() {
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
background="none"
cardStyle="subtle-shadow"
primaryButtonStyle="shadow"
cardStyle="glass-depth"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
@@ -79,19 +79,19 @@ export default function LandingPage() {
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardTen
<TestimonialCardTwo
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
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", name: "Vexor", role: "Pro Player", testimonial: "Apex Region is the gold standard for competitive play." }, { id: "t2", name: "Luna", role: "Team Captain", testimonial: "The data tracking here is unmatched." }, { id: "t3", name: "Kael", role: "Analyst", testimonial: "Perfect for managing high-stakes matches." }, { id: "t4", name: "Jax", role: "Tournament Organizer", testimonial: "The ecosystem is built for champions." }]}
/>
</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: "#" }] }]}
<FooterBaseReveal
logoText="APEX REGION"
columns={[{ title: "Resources", items: [{ label: "About", href: "#" }, { label: "Privacy Policy", href: "#" }] }, { title: "Support", items: [{ label: "Terms of Service", href: "#" }, { label: "Community", href: "#" }] }]}
/>
</div>
</ReactLenis>

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

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