smueller/Mace-AIO-Discord-Bot---With-Dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update dashboard styles and branding to reflect HexaHost theme. Change primary colors, background gradients, and text styles across various components. Enhance layout and navigation elements for improved user experience.
Some checks failed
CI / Bot (Python) (push) Successful in 13s
Details
CI / Dashboard (Next.js) (push) Failing after 9s
Details

Browse Source
This commit is contained in:
TheOnlyMace
2026-07-21 21:24:28 +02:00
parent 698d61ec6d
commit 831a3ac8ea
18 changed files with 335 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
dashboard/app/page.tsx
View File

@@ -43,41 +43,40 @@ import {
User
} from "lucide-react";
import { Button } from "@/components/ui/button";
import { BrandLogo } from "@/components/brand-logo";
import { cn } from "@/lib/utils";
export default function LandingPage() {
return (
<div className="min-h-screen bg-[#020617] text-slate-200 selection:bg-red-500/30 font-sans overflow-x-hidden">
<div className="min-h-screen bg-[#0d0821] text-slate-200 selection:bg-primary/30 font-sans overflow-x-hidden">
{/* Dynamic Background */}
<div className="fixed inset-0 overflow-hidden pointer-events-none z-0">
<div className="absolute top-[-20%] left-[-10%] w-[70%] h-[70%] bg-red-500/[0.03] blur-[150px] rounded-full animate-pulse" />
<div className="absolute bottom-[-10%] right-[-10%] w-[60%] h-[60%] bg-red-600/[0.03] blur-[150px] rounded-full animate-pulse [animation-delay:2s]" />
<div className="absolute top-[-20%] left-[-10%] w-[70%] h-[70%] bg-primary/[0.03] blur-[150px] rounded-full animate-pulse" />
<div className="absolute bottom-[-10%] right-[-10%] w-[60%] h-[60%] bg-accent/[0.05] blur-[150px] rounded-full animate-pulse [animation-delay:2s]" />
</div>
{/* Navigation */}
<nav className="fixed top-0 w-full z-50 border-b border-white/[0.03] bg-[#020617]/80 backdrop-blur-3xl transition-all duration-500">
<nav className="fixed top-0 w-full z-50 border-b border-white/[0.03] bg-[#0d0821]/80 backdrop-blur-3xl transition-all duration-500">
<div className="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
<div className="flex items-center gap-4 group cursor-pointer">
<div className="h-11 w-11 rounded-2xl bg-gradient-to-br from-red-500 to-red-800 flex items-center justify-center shadow-lg shadow-red-500/25 border border-white/20 group-hover:scale-110 group-hover:rotate-6 transition-all duration-500">
<Bot className="h-6 w-6 text-white" />
</div>
<BrandLogo size={44} priority className="drop-shadow-[0_0_18px_rgba(255,81,249,0.35)] group-hover:scale-110 group-hover:rotate-6 transition-all duration-500" />
<div className="flex flex-col">
<h1 className="text-lg font-bold tracking-tight text-white font-outfit leading-none">{process.env.NEXT_PUBLIC_BRAND_NAME || "Axiom"}</h1>
<span className="text-[9px] font-black uppercase tracking-[0.2em] text-red-500/80 mt-1">Dashboard</span>
<span className="text-[9px] font-black uppercase tracking-[0.2em] text-primary/80 mt-1">by HexaHost</span>
</div>
</div>
<div className="hidden lg:flex items-center gap-10 text-[11px] font-black uppercase tracking-widest text-slate-500">
<Link href="#features" className="hover:text-red-500 transition-colors">Features</Link>
<Link href="#architecture" className="hover:text-red-500 transition-colors">Architecture</Link>
<Link href="#modules" className="hover:text-red-500 transition-colors">Modules</Link>
<Link href="#network" className="hover:text-red-500 transition-colors">Network</Link>
<Link href="#features" className="hover:text-primary transition-colors">Features</Link>
<Link href="#architecture" className="hover:text-primary transition-colors">Architecture</Link>
<Link href="#modules" className="hover:text-primary transition-colors">Modules</Link>
<Link href="#network" className="hover:text-primary transition-colors">Network</Link>
</div>
<div className="flex items-center gap-4">
<Button
onClick={() => signIn('discord', { callbackUrl: '/dashboard' })}
className="rounded-xl px-7 h-11 font-black uppercase tracking-widest text-[10px] gap-2.5 shadow-2xl shadow-red-500/20 hover:scale-[1.05] active:scale-95 transition-all bg-gradient-to-r from-red-500 to-red-700 border-none"
className="rounded-xl px-7 h-11 font-black uppercase tracking-widest text-[10px] gap-2.5 shadow-2xl shadow-primary/20 hover:scale-[1.05] active:scale-95 transition-all bg-gradient-to-r from-primary to-accent border-none"
>
<LogIn className="h-3.5 w-3.5" />
Initialize Console
@@ -89,17 +88,17 @@ export default function LandingPage() {
{/* Hero Section */}
<header className="relative z-10 pt-56 pb-32 px-6">
<div className="max-w-7xl mx-auto text-center">
<div className="inline-flex items-center gap-3 px-6 py-2.5 rounded-2xl bg-red-500/[0.03] border border-red-500/10 text-red-500 text-[10px] font-black uppercase tracking-[0.3em] mb-16 animate-in fade-in slide-in-from-bottom-8 duration-1000 backdrop-blur-md">
<div className="inline-flex items-center gap-3 px-6 py-2.5 rounded-2xl bg-primary/[0.03] border border-primary/10 text-primary text-[10px] font-black uppercase tracking-[0.3em] mb-16 animate-in fade-in slide-in-from-bottom-8 duration-1000 backdrop-blur-md">
<span className="relative flex h-2 w-2">
<span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-red-500 opacity-75"></span>
<span className="relative inline-flex rounded-full h-2 w-2 bg-red-600"></span>
<span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75"></span>
<span className="relative inline-flex rounded-full h-2 w-2 bg-primary-hover"></span>
</span>
Neural Core v2 Active • Global Shard 07
</div>
<h1 className="text-6xl sm:text-8xl md:text-[10rem] font-bold text-white tracking-tighter leading-[0.8] mb-12 font-outfit animate-in fade-in slide-in-from-bottom-12 duration-1000 delay-100 uppercase">
Evolution <br />
<span className="bg-gradient-to-r from-red-500 via-red-400 to-orange-500 bg-clip-text text-transparent italic font-black">Moderated.</span>
<span className="bg-gradient-to-r from-primary via-red-400 to-orange-500 bg-clip-text text-transparent italic font-black">Moderated.</span>
</h1>
<p className="text-lg md:text-2xl text-slate-500 max-w-3xl mx-auto leading-relaxed mb-20 animate-in fade-in slide-in-from-bottom-12 duration-1000 delay-200 font-medium">
@@ -110,7 +109,7 @@ export default function LandingPage() {
<div className="flex flex-col sm:flex-row items-center justify-center gap-6 animate-in fade-in slide-in-from-bottom-12 duration-1000 delay-300">
<Button
onClick={() => signIn('discord', { callbackUrl: '/dashboard' })}
className="w-full sm:w-auto rounded-2xl px-14 py-9 text-lg font-black uppercase gap-4 group shadow-[0_0_50px_rgba(239,68,68,0.2)] bg-red-600 text-white hover:bg-red-500 border-none transition-all hover:scale-105"
className="w-full sm:w-auto rounded-2xl px-14 py-9 text-lg font-black uppercase gap-4 group shadow-[0_0_50px_rgba(239,68,68,0.2)] bg-primary-hover text-white hover:bg-primary border-none transition-all hover:scale-105"
>
<LayoutDashboard className="h-6 w-6 group-hover:rotate-12 transition-transform" />
Open Dashboard
@@ -124,12 +123,12 @@ export default function LandingPage() {
{/* Cinematic Dashboard Mockup */}
<div className="max-w-6xl mx-auto mt-40 relative group animate-in fade-in zoom-in-95 duration-1000 delay-500">
<div className="absolute -inset-4 bg-gradient-to-r from-red-500/20 to-transparent rounded-[60px] blur-3xl opacity-0 group-hover:opacity-100 transition-opacity duration-1000" />
<div className="relative bg-[#020617] border border-white/[0.05] rounded-[50px] overflow-hidden shadow-[0_30px_100px_rgba(0,0,0,0.8)]">
<div className="absolute -inset-4 bg-gradient-to-r from-primary/20 to-transparent rounded-[60px] blur-3xl opacity-0 group-hover:opacity-100 transition-opacity duration-1000" />
<div className="relative bg-[#0d0821] border border-white/[0.05] rounded-[50px] overflow-hidden shadow-[0_30px_100px_rgba(0,0,0,0.8)]">
{/* Fake Window Controls */}
<div className="h-16 border-b border-white/[0.03] flex items-center justify-between px-10 bg-white/[0.01]">
<div className="flex items-center gap-3">
<div className="h-3 w-3 rounded-full bg-red-500/40" />
<div className="h-3 w-3 rounded-full bg-primary/40" />
<div className="h-3 w-3 rounded-full bg-white/10" />
<div className="h-3 w-3 rounded-full bg-white/5" />
</div>
@@ -139,27 +138,27 @@ export default function LandingPage() {
<div className="w-12" />
</div>
{/* Content Placeholder with High Contrast */}
<div className="aspect-[16/10] p-16 flex flex-col gap-16 relative overflow-hidden bg-gradient-to-br from-[#020617] to-[#0a0f1e]">
<div className="aspect-[16/10] p-16 flex flex-col gap-16 relative overflow-hidden bg-gradient-to-br from-[#0d0821] to-[#1a1230]">
<div className="flex items-center justify-between z-10 relative">
<div className="space-y-6">
<div className="h-12 w-64 bg-red-500/10 rounded-[20px] border border-red-500/20" />
<div className="h-12 w-64 bg-primary/10 rounded-[20px] border border-primary/20" />
<div className="h-6 w-[500px] bg-white/[0.02] rounded-xl" />
</div>
<div className="h-20 w-20 rounded-[30px] bg-red-500/10 border border-red-500/20 flex items-center justify-center shadow-[0_0_30px_rgba(239,68,68,0.2)]">
<Activity className="h-8 w-8 text-red-500 animate-pulse" />
<div className="h-20 w-20 rounded-[30px] bg-primary/10 border border-primary/20 flex items-center justify-center shadow-[0_0_30px_rgba(239,68,68,0.2)]">
<Activity className="h-8 w-8 text-primary animate-pulse" />
</div>
</div>
<div className="grid grid-cols-3 gap-10 z-10">
{[1, 2, 3].map(i => (
<div key={i} className="h-40 bg-white/[0.02] border border-white/[0.04] rounded-[40px] p-8 space-y-6 hover:border-red-500/20 transition-colors">
<div className="h-10 w-10 rounded-2xl bg-red-500/10 border border-red-500/20" />
<div key={i} className="h-40 bg-white/[0.02] border border-white/[0.04] rounded-[40px] p-8 space-y-6 hover:border-primary/20 transition-colors">
<div className="h-10 w-10 rounded-2xl bg-primary/10 border border-primary/20" />
<div className="h-4 w-2/3 bg-white/5 rounded-lg" />
<div className="h-3 w-1/2 bg-white/[0.02] rounded-lg" />
</div>
))}
</div>
{/* Visual Glow Layer */}
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[90%] h-[90%] bg-red-500/[0.02] blur-[150px] pointer-events-none" />
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[90%] h-[90%] bg-primary/[0.02] blur-[150px] pointer-events-none" />
</div>
</div>
</div>
@@ -170,13 +169,13 @@ export default function LandingPage() {
<div className="max-w-7xl mx-auto">
<div className="flex flex-col md:flex-row md:items-end justify-between mb-32 gap-12 px-4">
<div className="max-w-3xl">
<h2 className="text-6xl md:text-8xl font-bold text-white tracking-tighter font-outfit mb-8 uppercase italic leading-none">High-Scale <br /><span className="text-red-500 not-italic">Infrastructure.</span></h2>
<h2 className="text-6xl md:text-8xl font-bold text-white tracking-tighter font-outfit mb-8 uppercase italic leading-none">High-Scale <br /><span className="text-primary not-italic">Infrastructure.</span></h2>
<p className="text-2xl text-slate-500 font-medium leading-relaxed">Global redundancy delivers sub-millisecond dispatch times across 20+ edge regions. Zero lag, zero downtime.</p>
</div>
<div className="flex items-center gap-10 pb-4">
<div className="text-right">
<p className="text-[10px] font-black uppercase text-slate-600 tracking-[0.3em] mb-3">Ping Latency</p>
<p className="text-5xl font-black text-red-500 font-outfit">12ms</p>
<p className="text-5xl font-black text-primary font-outfit">12ms</p>
</div>
<div className="h-16 w-[1px] bg-white/5" />
<div className="text-right">
@@ -192,7 +191,7 @@ export default function LandingPage() {
title: "Neuro-Security",
desc: "Contextual AI analysis detects raids and token-logging attempts in real-time.",
icon: ShieldCheck,
color: "bg-red-500/10 border-red-500/20 text-red-500"
color: "bg-primary/10 border-primary/20 text-primary"
},
{
title: "Edge Dispatch",
@@ -204,7 +203,7 @@ export default function LandingPage() {
title: "Leveling Engine",
desc: "Premium rendered rewards with 4K rank card generation and multi-role hierarchies.",
icon: BarChart4,
color: "bg-red-600/10 border-red-600/20 text-red-600"
color: "bg-primary/10 border-primary/20 text-primary"
},
{
title: "Threaded Support",
@@ -216,7 +215,7 @@ export default function LandingPage() {
title: "Real-time Flux",
desc: "Watch server events live with zero-latency WebSocket data streaming.",
icon: History,
color: "bg-red-800/10 border-red-800/20 text-red-700"
color: "bg-accent/10 border-accent/20 text-accent"
},
{
title: "Cloud Integrity",
@@ -225,7 +224,7 @@ export default function LandingPage() {
color: "bg-white/10 border-white/20 text-white"
}
].map((feature, i) => (
<div key={i} className="group glass border-white/5 p-12 rounded-[50px] hover:border-red-500/30 transition-all duration-700 relative overflow-hidden">
<div key={i} className="group glass border-white/5 p-12 rounded-[50px] hover:border-primary/30 transition-all duration-700 relative overflow-hidden">
<div className="absolute top-0 right-0 p-12 opacity-0 group-hover:opacity-5 scale-50 group-hover:scale-110 transition-all duration-1000">
<feature.icon className="h-64 w-64 text-white" />
</div>
@@ -234,7 +233,7 @@ export default function LandingPage() {
</div>
<h3 className="text-3xl font-bold text-white mb-6 tracking-tight font-outfit relative z-10">{feature.title}</h3>
<p className="text-slate-500 leading-relaxed font-bold relative z-10 group-hover:text-slate-400 transition-colors uppercase text-[10px] tracking-[0.2em]">{feature.desc}</p>
<div className="mt-8 h-[2px] w-0 bg-red-500 group-hover:w-full transition-all duration-700" />
<div className="mt-8 h-[2px] w-0 bg-primary group-hover:w-full transition-all duration-700" />
</div>
))}
</div>
@@ -245,7 +244,7 @@ export default function LandingPage() {
<section id="architecture" className="py-48 px-6 bg-white/[0.01]">
<div className="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-24 items-center">
<div className="space-y-12">
<div className="inline-flex px-4 py-1.5 rounded-full bg-red-500/10 border border-red-500/20 text-red-500 text-[10px] font-black uppercase tracking-[0.3em]">
<div className="inline-flex px-4 py-1.5 rounded-full bg-primary/10 border border-primary/20 text-primary text-[10px] font-black uppercase tracking-[0.3em]">
The Stack
</div>
<h2 className="text-6xl md:text-7xl font-bold text-white tracking-tighter font-outfit uppercase">Neural Core <br /><span className="text-slate-600 italic">Technology.</span></h2>
@@ -260,7 +259,7 @@ export default function LandingPage() {
{ icon: Radio, title: "Low Entropy", desc: "Optimized for minimal CPU jitter and maximum reliability." }
].map((item, i) => (
<div key={i} className="space-y-4 p-6 rounded-[30px] border border-white/[0.03] hover:bg-white/[0.02] transition-colors">
<item.icon className="h-6 w-6 text-red-500" />
<item.icon className="h-6 w-6 text-primary" />
<h4 className="text-lg font-bold text-white font-outfit uppercase tracking-tight">{item.title}</h4>
<p className="text-sm text-slate-600 font-bold leading-relaxed">{item.desc}</p>
</div>
@@ -268,13 +267,13 @@ export default function LandingPage() {
</div>
</div>
<div className="relative aspect-square flex items-center justify-center group">
<div className="absolute inset-0 bg-red-500/5 blur-[120px] rounded-full animate-pulse" />
<div className="absolute inset-0 bg-primary/5 blur-[120px] rounded-full animate-pulse" />
<div className="h-[80%] w-[80%] border-2 border-white/[0.05] rounded-full animate-[spin_60s_linear_infinite] flex items-center justify-center relative">
<div className="absolute top-0 left-1/2 -translate-x-1/2 h-4 w-4 rounded-full bg-red-500 shadow-[0_0_20px_rgba(239,68,68,0.5)]" />
<div className="absolute top-0 left-1/2 -translate-x-1/2 h-4 w-4 rounded-full bg-primary shadow-[0_0_20px_rgba(239,68,68,0.5)]" />
<div className="h-[70%] w-[70%] border border-white/[0.05] rounded-full animate-[spin_40s_linear_infinite_reverse] flex items-center justify-center">
<div className="absolute bottom-0 left-1/2 -translate-x-1/2 h-3 w-3 rounded-full bg-white/20 shadow-[0_0_20px_rgba(255,255,255,0.2)]" />
<div className="h-[60%] w-[60%] border border-white/[0.05] rounded-full animate-[spin_20s_linear_infinite] flex items-center justify-center">
<Bot className="h-20 w-20 text-red-500/40 group-hover:text-red-500 transition-all duration-700 group-hover:scale-125" />
<Bot className="h-20 w-20 text-primary/40 group-hover:text-primary transition-all duration-700 group-hover:scale-125" />
</div>
</div>
</div>
@@ -286,7 +285,7 @@ export default function LandingPage() {
<section id="modules" className="py-48 px-6">
<div className="max-w-7xl mx-auto">
<div className="text-center mb-32 space-y-6">
<h2 className="text-6xl md:text-8xl font-bold text-white tracking-tighter font-outfit uppercase">The Matrix <br /><span className="bg-gradient-to-r from-red-600 to-red-400 bg-clip-text text-transparent italic">Complete.</span></h2>
<h2 className="text-6xl md:text-8xl font-bold text-white tracking-tighter font-outfit uppercase">The Matrix <br /><span className="bg-gradient-to-r from-primary to-[#f093ff] bg-clip-text text-transparent italic">Complete.</span></h2>
<p className="text-2xl text-slate-500 max-w-3xl mx-auto font-medium lowercase">Every module you need. Redefined for the modern era.</p>
</div>
@@ -305,9 +304,9 @@ export default function LandingPage() {
{ name: "Tickets", desc: "Support at lightspeed.", icon: MessageSquare },
{ name: "Join DM", desc: "Personalized welcomes.", icon: MessageSquare }
].map((mod, i) => (
<div key={i} className="group p-8 rounded-[40px] bg-white/[0.01] border border-white/[0.03] hover:bg-red-500/[0.02] hover:border-red-500/20 transition-all duration-500">
<div className="h-14 w-14 rounded-2xl bg-white/[0.03] flex items-center justify-center mb-6 group-hover:bg-red-500/10 transition-colors">
<mod.icon className="h-6 w-6 text-slate-600 group-hover:text-red-500 transition-colors" />
<div key={i} className="group p-8 rounded-[40px] bg-white/[0.01] border border-white/[0.03] hover:bg-primary/[0.02] hover:border-primary/20 transition-all duration-500">
<div className="h-14 w-14 rounded-2xl bg-white/[0.03] flex items-center justify-center mb-6 group-hover:bg-primary/10 transition-colors">
<mod.icon className="h-6 w-6 text-slate-600 group-hover:text-primary transition-colors" />
</div>
<h4 className="text-xl font-bold text-white font-outfit mb-2 tracking-tight">{mod.name}</h4>
<p className="text-xs text-slate-600 font-bold uppercase tracking-widest">{mod.desc}</p>
@@ -318,11 +317,11 @@ export default function LandingPage() {
</section>
{/* Network / Global Section */}
<section id="network" className="py-48 px-6 bg-red-600/[0.01] relative overflow-hidden">
<section id="network" className="py-48 px-6 bg-primary-hover/[0.01] relative overflow-hidden">
<div className="max-w-7xl mx-auto relative z-10">
<div className="flex flex-col lg:flex-row items-center gap-24">
<div className="flex-1 space-y-12">
<h2 className="text-6xl md:text-8xl font-bold text-white tracking-tighter font-outfit uppercase">Global <br /><span className="text-red-500">Reach.</span></h2>
<h2 className="text-6xl md:text-8xl font-bold text-white tracking-tighter font-outfit uppercase">Global <br /><span className="text-primary">Reach.</span></h2>
<p className="text-2xl text-slate-500 leading-relaxed font-medium">
Powering servers with over 12 million combined users. Our network spans every continent, bringing your community closer together.
</p>
@@ -335,20 +334,20 @@ export default function LandingPage() {
<div key={i} className="flex items-center gap-8">
<div className="text-5xl font-black text-white font-outfit">{item.stat}</div>
<div className="h-[1px] flex-1 bg-white/5" />
<div className="text-[11px] font-black uppercase text-red-500 tracking-[0.3em]">{item.label}</div>
<div className="text-[11px] font-black uppercase text-primary tracking-[0.3em]">{item.label}</div>
</div>
))}
</div>
</div>
<div className="flex-1 relative group">
<div className="absolute inset-0 bg-red-500/10 blur-[150px] opacity-0 group-hover:opacity-100 transition-opacity duration-1000" />
<div className="aspect-square bg-[#020617] border border-white/[0.05] rounded-[60px] p-12 relative overflow-hidden flex items-center justify-center">
<Globe className="h-64 w-64 text-red-500/10 animate-pulse" />
<div className="absolute inset-0 bg-primary/10 blur-[150px] opacity-0 group-hover:opacity-100 transition-opacity duration-1000" />
<div className="aspect-square bg-[#0d0821] border border-white/[0.05] rounded-[60px] p-12 relative overflow-hidden flex items-center justify-center">
<Globe className="h-64 w-64 text-primary/10 animate-pulse" />
<div className="absolute inset-0 flex items-center justify-center">
<div className="h-32 w-32 bg-red-500/20 blur-[60px] rounded-full" />
<div className="h-32 w-32 bg-primary/20 blur-[60px] rounded-full" />
</div>
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 space-y-12">
<Bot className="h-20 w-20 text-red-500 shadow-[0_0_50px_rgba(239,68,68,0.5)] bg-[#020617] rounded-3xl p-4 border border-red-500/50" />
<Bot className="h-20 w-20 text-primary shadow-[0_0_50px_rgba(255,81,249,0.5)] bg-[#0d0821] rounded-3xl p-4 border border-primary/50" />
</div>
</div>
</div>
@@ -372,7 +371,7 @@ export default function LandingPage() {
].map((item, i) => (
<div key={i} className="p-10 rounded-[40px] border border-white/[0.03] hover:border-white/10 transition-all bg-white/[0.01] group">
<h4 className="text-xl font-bold text-white mb-6 font-outfit uppercase tracking-tight flex items-center gap-4">
<div className="h-2 w-2 rounded-full bg-red-500 opacity-20 group-hover:opacity-100 transition-all" />
<div className="h-2 w-2 rounded-full bg-primary opacity-20 group-hover:opacity-100 transition-all" />
{item.q}
</h4>
<p className="text-slate-500 font-bold leading-relaxed">{item.a}</p>
@@ -384,7 +383,7 @@ export default function LandingPage() {
{/* CTA Section */}
<section className="py-48 px-6">
<div className="max-w-6xl mx-auto relative rounded-[80px] p-24 md:p-32 overflow-hidden bg-gradient-to-br from-red-600 to-red-900 text-center shadow-[0_40px_100px_rgba(0,0,0,0.6)]">
<div className="max-w-6xl mx-auto relative rounded-[80px] p-24 md:p-32 overflow-hidden bg-gradient-to-br from-primary to-[#6b2aff] text-center shadow-[0_40px_100px_rgba(0,0,0,0.6)]">
<div className="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-20 mix-blend-overlay" />
<div className="relative z-10">
<h2 className="text-7xl md:text-[9rem] font-bold text-white tracking-tighter font-outfit mb-12 uppercase leading-[0.8] italic">Ready to <br />Evolve?</h2>
@@ -406,7 +405,7 @@ export default function LandingPage() {
</section>
{/* Footer */}
<footer className="py-32 border-t border-white/[0.03] bg-[#020617] relative z-20">
<footer className="py-32 border-t border-white/[0.03] bg-[#0d0821] relative z-20">
<div className="max-w-7xl mx-auto px-6">
<div className="grid grid-cols-1 md:grid-cols-4 gap-20 mb-32">
<div className="col-span-1 md:col-span-2 space-y-12">
@@ -420,17 +419,17 @@ export default function LandingPage() {
<div className="space-y-8">
<h4 className="text-[10px] font-black uppercase tracking-[0.4em] text-white opacity-40">System</h4>
<ul className="space-y-5 text-[11px] font-black uppercase tracking-widest text-slate-500">
<li><Link href="#" className="hover:text-red-500 transition-colors">GitHub Repository</Link></li>
<li><Link href="/docs" className="hover:text-red-500 transition-colors">Documentation</Link></li>
<li><Link href="#" className="hover:text-red-500 transition-colors">API References</Link></li>
<li><Link href="#" className="hover:text-primary transition-colors">GitHub Repository</Link></li>
<li><Link href="/docs" className="hover:text-primary transition-colors">Documentation</Link></li>
<li><Link href="#" className="hover:text-primary transition-colors">API References</Link></li>
</ul>
</div>
<div className="space-y-8">
<h4 className="text-[10px] font-black uppercase tracking-[0.4em] text-white opacity-40">Identity</h4>
<ul className="space-y-5 text-[11px] font-black uppercase tracking-widest text-slate-500">
<li><Link href="/privacy" className="hover:text-red-500 transition-colors">Privacy Shield</Link></li>
<li><Link href="/terms" className="hover:text-red-500 transition-colors">Terms of Service</Link></li>
<li><Link href="#" className="hover:text-red-500 transition-colors">Discord Server</Link></li>
<li><Link href="/privacy" className="hover:text-primary transition-colors">Privacy Shield</Link></li>
<li><Link href="/terms" className="hover:text-primary transition-colors">Terms of Service</Link></li>
<li><Link href="#" className="hover:text-primary transition-colors">Discord Server</Link></li>
</ul>
</div>
</div>
@@ -439,8 +438,8 @@ export default function LandingPage() {
© 2026 HexaHost // Axiom // Advanced Neural Infrastructure.
</p>
<div className="flex items-center gap-8">
<div className="flex items-center gap-3 text-[10px] font-black text-red-500 uppercase tracking-[0.3em]">
<div className="h-2 w-2 rounded-full bg-red-500 animate-pulse" />
<div className="flex items-center gap-3 text-[10px] font-black text-primary uppercase tracking-[0.3em]">
<div className="h-2 w-2 rounded-full bg-primary animate-pulse" />
All Nodes Operational
</div>
</div>