diff --git a/.replit b/.replit index 8daabef..8319e6b 100644 --- a/.replit +++ b/.replit @@ -22,7 +22,7 @@ localPort = 8080 externalPort = 8080 [[ports]] -localPort = 41685 +localPort = 36911 externalPort = 3000 [workflows] diff --git a/aethex-bot/public/index.html b/aethex-bot/public/index.html index 1d98d28..a25b7c9 100644 --- a/aethex-bot/public/index.html +++ b/aethex-bot/public/index.html @@ -20,20 +20,16 @@ --gradient-1: #6366f1; --gradient-2: #3b82f6; --gradient-3: #06b6d4; - --gradient-gold: #f59e0b; - --gradient-rose: #f43f5e; --success: #10b981; - --warning: #f59e0b; } * { margin: 0; padding: 0; box-sizing: border-box; } body { - font-family: 'Courier New', Courier, monospace; + font-family: 'Segoe UI', system-ui, sans-serif; background: var(--background); color: var(--foreground); min-height: 100vh; - overflow-x: hidden; line-height: 1.6; } @@ -66,12 +62,6 @@ padding: 0 1.5rem; } - .container-wide { - max-width: 1400px; - margin: 0 auto; - padding: 0 1.5rem; - } - header { position: sticky; top: 0; @@ -106,9 +96,6 @@ .logo-text { font-size: 1.25rem; font-weight: 700; - background: linear-gradient(135deg, var(--foreground), var(--muted)); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; } .nav-links { @@ -171,16 +158,6 @@ border-color: var(--primary); } - .btn-donate { - background: linear-gradient(135deg, var(--gradient-gold), var(--gradient-rose)); - color: white; - } - - .btn-donate:hover { - transform: translateY(-1px); - box-shadow: 0 8px 24px rgba(245, 158, 11, 0.4); - } - .btn-outline { background: transparent; border: 1px solid var(--primary); @@ -196,11 +173,9 @@ font-size: 1rem; } - /* Hero Section */ .hero { padding: 6rem 0 4rem; text-align: center; - position: relative; } .hero-badge { @@ -216,17 +191,11 @@ margin-bottom: 2rem; } - .hero-badge-ecosystem { - background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(6, 182, 212, 0.1)); - border-color: rgba(6, 182, 212, 0.3); - } - .hero h1 { font-size: clamp(2.5rem, 6vw, 4rem); font-weight: 800; margin-bottom: 1.5rem; line-height: 1.15; - letter-spacing: -0.02em; } .hero h1 .subtitle-line { @@ -235,26 +204,12 @@ font-weight: 500; color: var(--muted); margin-top: 0.5rem; - letter-spacing: 0.02em; } .text-gradient { background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2), var(--gradient-3)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; - background-size: 200% 200%; - animation: gradient-shift 4s ease-in-out infinite; - } - - .text-gradient-gold { - background: linear-gradient(135deg, var(--gradient-gold), #fbbf24, var(--gradient-rose)); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - } - - @keyframes gradient-shift { - 0%, 100% { background-position: 0% 50%; } - 50% { background-position: 100% 50%; } } .hero-subtitle { @@ -262,7 +217,6 @@ color: var(--muted); max-width: 700px; margin: 0 auto 1rem; - font-weight: 400; } .hero-tagline { @@ -280,115 +234,12 @@ margin-bottom: 3rem; } - /* Ecosystem Visual */ - .ecosystem-visual { - max-width: 900px; - margin: 0 auto; - padding: 2rem; - } - - .ecosystem-diagram { - display: grid; - grid-template-columns: 1fr auto 1fr; - gap: 2rem; - align-items: center; - } - - .ecosystem-node { - background: var(--card); - border: 1px solid var(--card-border); - border-radius: 16px; - padding: 1.5rem; - text-align: center; - backdrop-filter: blur(10px); - transition: all 0.3s; - } - - .ecosystem-node:hover { - border-color: var(--card-border-hover); - transform: translateY(-2px); - } - - .ecosystem-node-icon { - font-size: 2rem; - margin-bottom: 0.75rem; - } - - .ecosystem-node h4 { - font-size: 1rem; - margin-bottom: 0.25rem; - } - - .ecosystem-node p { - font-size: 0.8rem; - color: var(--muted); - } - - .ecosystem-center { - position: relative; - } - - .warden-hub { - width: 180px; - height: 180px; - background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(59, 130, 246, 0.1)); - border: 2px solid var(--primary); - border-radius: 50%; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - position: relative; - box-shadow: 0 0 60px rgba(99, 102, 241, 0.3); - } - - .warden-hub img { - width: 60px; - height: 60px; - margin-bottom: 0.5rem; - } - - .warden-hub span { - font-weight: 700; - font-size: 1rem; - } - - .warden-hub::before { - content: ''; - position: absolute; - inset: -4px; - border-radius: 50%; - border: 1px solid rgba(99, 102, 241, 0.3); - animation: pulse-ring 2s ease-out infinite; - } - - @keyframes pulse-ring { - 0% { transform: scale(1); opacity: 1; } - 100% { transform: scale(1.3); opacity: 0; } - } - - .connection-lines { - position: absolute; - width: 100%; - height: 2px; - background: linear-gradient(90deg, var(--primary), transparent); - top: 50%; - left: 100%; - } - - .ecosystem-nodes-left, .ecosystem-nodes-right { - display: flex; - flex-direction: column; - gap: 1rem; - } - - /* Stats Bar */ .stats-bar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; max-width: 800px; - margin: 3rem auto 0; + margin: 0 auto; } .stat-item { @@ -397,7 +248,6 @@ background: var(--card); border: 1px solid var(--card-border); border-radius: 12px; - backdrop-filter: blur(10px); } .stat-value { @@ -414,14 +264,13 @@ margin-top: 0.25rem; } - /* Section Styles */ .section { - padding: 6rem 0; + padding: 5rem 0; } .section-header { text-align: center; - margin-bottom: 4rem; + margin-bottom: 3rem; } .section-eyebrow { @@ -434,337 +283,23 @@ } .section-title { - font-size: 2.5rem; + font-size: 2.25rem; font-weight: 700; margin-bottom: 1rem; - letter-spacing: -0.02em; } .section-subtitle { color: var(--muted); - font-size: 1.1rem; - max-width: 650px; + font-size: 1.05rem; + max-width: 600px; margin: 0 auto; } - /* Ecosystem Section */ - .ecosystem-section { - background: linear-gradient(180deg, transparent, rgba(99, 102, 241, 0.03), transparent); - } - - .ecosystem-grid { - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: 2rem; - } - - .ecosystem-card { - background: var(--card); - border: 1px solid var(--card-border); - border-radius: 20px; - padding: 2.5rem; - text-align: center; - transition: all 0.3s; - backdrop-filter: blur(10px); - position: relative; - overflow: hidden; - } - - .ecosystem-card::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 3px; - background: linear-gradient(90deg, var(--gradient-1), var(--gradient-2)); - opacity: 0; - transition: opacity 0.3s; - } - - .ecosystem-card:hover { - border-color: var(--card-border-hover); - transform: translateY(-4px); - } - - .ecosystem-card:hover::before { - opacity: 1; - } - - .ecosystem-card-icon { - width: 72px; - height: 72px; - background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(59, 130, 246, 0.1)); - border: 1px solid rgba(99, 102, 241, 0.3); - border-radius: 16px; - display: flex; - align-items: center; - justify-content: center; - font-size: 2rem; - margin: 0 auto 1.5rem; - } - - .ecosystem-card h3 { - font-size: 1.25rem; - margin-bottom: 0.75rem; - } - - .ecosystem-card p { - color: var(--muted); - font-size: 0.95rem; - margin-bottom: 1.5rem; - line-height: 1.7; - } - - .ecosystem-card-link { - color: var(--primary-light); - text-decoration: none; - font-size: 0.9rem; - font-weight: 500; - display: inline-flex; - align-items: center; - gap: 0.375rem; - transition: gap 0.2s; - } - - .ecosystem-card-link:hover { - gap: 0.625rem; - } - - /* Federation Section */ - .federation-section { - background: linear-gradient(180deg, rgba(6, 182, 212, 0.02), transparent); - } - - .federation-content { - display: grid; - grid-template-columns: 1fr 1.2fr; - gap: 4rem; - align-items: center; - } - - .federation-text h3 { - font-size: 1.75rem; - margin-bottom: 1rem; - } - - .federation-text p { - color: var(--muted); - margin-bottom: 1.5rem; - font-size: 1.05rem; - line-height: 1.7; - } - - .federation-features { - display: flex; - flex-direction: column; - gap: 1rem; - } - - .federation-feature { - display: flex; - gap: 1rem; - align-items: flex-start; - } - - .federation-feature-icon { - width: 36px; - height: 36px; - background: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(99, 102, 241, 0.1)); - border: 1px solid rgba(6, 182, 212, 0.3); - border-radius: 8px; - display: flex; - align-items: center; - justify-content: center; - font-size: 1.1rem; - flex-shrink: 0; - } - - .federation-feature-text h4 { - font-size: 1rem; - margin-bottom: 0.25rem; - } - - .federation-feature-text p { - font-size: 0.9rem; - color: var(--muted); - margin: 0; - } - - .federation-visual { - background: var(--card); - border: 1px solid var(--card-border); - border-radius: 20px; - padding: 2rem; - position: relative; - } - - .realm-diagram { - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: 1rem; - } - - .realm-node { - background: rgba(99, 102, 241, 0.1); - border: 1px solid rgba(99, 102, 241, 0.2); - border-radius: 12px; - padding: 1.25rem; - text-align: center; - transition: all 0.3s; - } - - .realm-node:hover { - border-color: var(--primary); - background: rgba(99, 102, 241, 0.15); - } - - .realm-node.active { - border-color: var(--success); - background: rgba(16, 185, 129, 0.1); - } - - .realm-node-icon { - font-size: 1.5rem; - margin-bottom: 0.5rem; - } - - .realm-node h5 { - font-size: 0.85rem; - margin-bottom: 0.25rem; - } - - .realm-node p { - font-size: 0.75rem; - color: var(--muted); - } - - .realm-sync-indicator { - position: absolute; - bottom: 1rem; - left: 50%; - transform: translateX(-50%); - display: flex; - align-items: center; - gap: 0.5rem; - font-size: 0.8rem; - color: var(--success); - } - - .sync-dot { - width: 8px; - height: 8px; - background: var(--success); - border-radius: 50%; - animation: pulse 1.5s ease-in-out infinite; - } - - @keyframes pulse { - 0%, 100% { opacity: 1; transform: scale(1); } - 50% { opacity: 0.5; transform: scale(1.2); } - } - - /* Features Section */ - .features-grid { - display: grid; - grid-template-columns: repeat(4, 1fr); - gap: 1.25rem; - } - - .feature-card { - background: var(--card); - border: 1px solid var(--card-border); - border-radius: 16px; - padding: 1.75rem; - transition: all 0.3s; - backdrop-filter: blur(10px); - position: relative; - overflow: hidden; - } - - .feature-card::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 2px; - background: linear-gradient(90deg, transparent, var(--primary), transparent); - opacity: 0; - transition: opacity 0.3s; - } - - .feature-card:hover { - border-color: var(--card-border-hover); - transform: translateY(-3px); - } - - .feature-card:hover::before { - opacity: 1; - } - - .feature-icon { - width: 44px; - height: 44px; - background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(59, 130, 246, 0.1)); - border: 1px solid rgba(99, 102, 241, 0.3); - border-radius: 10px; - display: flex; - align-items: center; - justify-content: center; - font-size: 1.25rem; - margin-bottom: 1rem; - } - - .feature-card h3 { - font-size: 1rem; - font-weight: 600; - margin-bottom: 0.5rem; - } - - .feature-card p { - color: var(--muted); - font-size: 0.85rem; - line-height: 1.6; - } - - .feature-category { - margin-bottom: 3rem; - } - - .feature-category:last-child { - margin-bottom: 0; - } - - .category-header { - display: flex; - align-items: center; - gap: 0.75rem; - margin-bottom: 1.5rem; - } - - .category-icon { - width: 32px; - height: 32px; - background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2)); - border-radius: 8px; - display: flex; - align-items: center; - justify-content: center; - font-size: 1rem; - } - - .category-header h3 { - font-size: 1.25rem; - font-weight: 600; - } - - /* Highlights Grid */ .highlights-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; - margin-bottom: 3rem; + margin-bottom: 2.5rem; } .highlight-card { @@ -774,21 +309,6 @@ padding: 2rem; text-align: center; transition: all 0.3s; - backdrop-filter: blur(10px); - position: relative; - overflow: hidden; - } - - .highlight-card::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 2px; - background: linear-gradient(90deg, transparent, var(--primary), transparent); - opacity: 0; - transition: opacity 0.3s; } .highlight-card:hover { @@ -796,22 +316,13 @@ transform: translateY(-4px); } - .highlight-card:hover::before { - opacity: 1; - } - .highlight-icon { font-size: 2.5rem; margin-bottom: 1rem; - transition: transform 0.3s; - } - - .highlight-card:hover .highlight-icon { - transform: scale(1.1); } .highlight-card h3 { - font-size: 1.25rem; + font-size: 1.2rem; font-weight: 600; margin-bottom: 0.5rem; } @@ -819,21 +330,15 @@ .highlight-card p { color: var(--muted); font-size: 0.9rem; - line-height: 1.6; } - .features-cta { + .section-cta { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; } - - /* Use Cases Section */ - .use-cases-section { - background: linear-gradient(180deg, rgba(6, 182, 212, 0.02), transparent); - } - + .use-cases-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); @@ -846,21 +351,6 @@ border-radius: 16px; padding: 2rem; transition: all 0.3s; - backdrop-filter: blur(10px); - position: relative; - overflow: hidden; - } - - .use-case-card::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 2px; - background: linear-gradient(90deg, transparent, var(--gradient-3), transparent); - opacity: 0; - transition: opacity 0.3s; } .use-case-card:hover { @@ -868,18 +358,9 @@ transform: translateY(-4px); } - .use-case-card:hover::before { - opacity: 1; - } - .use-case-icon { font-size: 2rem; margin-bottom: 1rem; - transition: transform 0.3s; - } - - .use-case-card:hover .use-case-icon { - transform: scale(1.1); } .use-case-card h3 { @@ -891,393 +372,24 @@ .use-case-card p { color: var(--muted); font-size: 0.9rem; - line-height: 1.6; } - /* Add Warden Section */ - .add-warden-section { - background: linear-gradient(180deg, transparent, rgba(99, 102, 241, 0.03), transparent); - } - - .add-warden-intro { - text-align: center; - max-width: 800px; - margin: 0 auto 4rem; - } - - .add-warden-intro p { - color: var(--muted); - font-size: 1.1rem; - line-height: 1.7; - } - - .invite-steps { - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: 2rem; - margin-bottom: 4rem; - } - - .invite-step { - text-align: center; - position: relative; - } - - .invite-step:not(:last-child)::after { - content: ''; - position: absolute; - top: 2rem; - right: -1rem; - width: 2rem; - height: 2px; - background: linear-gradient(90deg, var(--gradient-1), var(--gradient-2)); - } - - .step-number { - width: 64px; - height: 64px; - background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2)); - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - font-size: 1.5rem; - font-weight: 700; - margin: 0 auto 1.25rem; - box-shadow: 0 4px 20px rgba(99, 102, 241, 0.3); - } - - .invite-step h3 { - font-size: 1.25rem; - margin-bottom: 0.5rem; - } - - .invite-step p { - color: var(--muted); - font-size: 0.9rem; - line-height: 1.6; - } - - .modes-grid { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 2rem; - margin-bottom: 3rem; - } - - .mode-card { - background: var(--card); - border: 1px solid var(--card-border); - border-radius: 16px; - padding: 2rem; - transition: all 0.3s; - } - - .mode-card:hover { - border-color: var(--card-border-hover); - transform: translateY(-4px); - } - - .mode-header { - display: flex; - align-items: center; - gap: 1rem; - margin-bottom: 1.25rem; - } - - .mode-icon { - width: 48px; - height: 48px; - background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2)); - border-radius: 12px; - display: flex; - align-items: center; - justify-content: center; - font-size: 1.5rem; - } - - .mode-card.federated .mode-icon { - background: linear-gradient(135deg, var(--gradient-gold), var(--gradient-rose)); - } - - .mode-header h3 { - font-size: 1.35rem; - } - - .mode-card > p { - color: var(--muted); - margin-bottom: 1.5rem; - line-height: 1.6; - } - - .mode-features { - display: flex; - flex-direction: column; - gap: 0.75rem; - } - - .mode-feature { - display: flex; - align-items: center; - gap: 0.75rem; - font-size: 0.9rem; - } - - .mode-feature svg { - color: var(--success); - flex-shrink: 0; - } - - .invite-cta { - text-align: center; - padding: 3rem; - background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(59, 130, 246, 0.05)); - border: 1px solid rgba(99, 102, 241, 0.2); - border-radius: 20px; - } - - .invite-cta h3 { - font-size: 1.75rem; - margin-bottom: 0.75rem; - } - - .invite-cta > p { - color: var(--muted); - margin-bottom: 2rem; - font-size: 1.05rem; - } - - .invite-buttons { - display: flex; - gap: 1rem; - justify-content: center; - flex-wrap: wrap; - } - - @media (max-width: 768px) { - .invite-steps { - grid-template-columns: 1fr; - gap: 2rem; - } - - .invite-step:not(:last-child)::after { - display: none; - } - - .modes-grid { - grid-template-columns: 1fr; - } - - .invite-buttons { - flex-direction: column; - align-items: center; - } - } - - /* Free Forever Section */ - .free-section { - background: linear-gradient(180deg, transparent, rgba(16, 185, 129, 0.03), transparent); - } - - .free-content { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 4rem; - align-items: center; - } - - .free-text h3 { - font-size: 2rem; - margin-bottom: 1rem; - } - - .free-text > p { - color: var(--muted); - font-size: 1.1rem; - margin-bottom: 2rem; - line-height: 1.7; - } - - .free-features { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1rem; - } - - .free-feature { - display: flex; - align-items: center; - gap: 0.75rem; - padding: 0.75rem 1rem; - background: rgba(16, 185, 129, 0.05); - border: 1px solid rgba(16, 185, 129, 0.15); - border-radius: 10px; - } - - .free-feature svg { - color: var(--success); - flex-shrink: 0; - } - - .free-feature span { - font-size: 0.9rem; - } - - .donation-card { - background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(244, 63, 94, 0.05)); - border: 1px solid rgba(245, 158, 11, 0.2); - border-radius: 20px; - padding: 2.5rem; - text-align: center; - } - - .donation-card h4 { - font-size: 1.5rem; - margin-bottom: 0.75rem; - } - - .donation-card > p { - color: var(--muted); - margin-bottom: 2rem; - font-size: 1rem; - } - - .donation-tiers { - display: flex; - gap: 1rem; - justify-content: center; - margin-bottom: 1.5rem; - } - - .donation-tier { - padding: 1rem 1.5rem; - background: rgba(255, 255, 255, 0.05); - border: 1px solid rgba(255, 255, 255, 0.1); - border-radius: 12px; - text-align: center; - transition: all 0.3s; - cursor: pointer; - text-decoration: none; - color: var(--foreground); - } - - .donation-tier:hover { - border-color: var(--gradient-gold); - background: rgba(245, 158, 11, 0.1); - } - - .donation-tier .amount { - font-size: 1.25rem; - font-weight: 700; - color: var(--gradient-gold); - } - - .donation-tier .label { - font-size: 0.8rem; - color: var(--muted); - } - - .donation-note { - font-size: 0.85rem; - color: var(--muted); - } - - .donation-links { - display: flex; - gap: 1rem; - justify-content: center; - margin-top: 1.5rem; - } - - /* Hub Section */ - .hub-grid { - display: grid; - grid-template-columns: repeat(4, 1fr); - gap: 1.5rem; - } - - .hub-card { - background: var(--card); - border: 1px solid var(--card-border); - border-radius: 16px; - padding: 1.75rem; - transition: all 0.3s; - backdrop-filter: blur(10px); - text-decoration: none; - color: var(--foreground); - } - - .hub-card:hover { - border-color: var(--card-border-hover); - transform: translateY(-4px); - } - - .hub-card h3 { - font-size: 1rem; - font-weight: 600; - margin-bottom: 0.5rem; - } - - .hub-card-tags { - display: flex; - gap: 0.5rem; - margin-bottom: 0.75rem; - } - - .hub-tag { - padding: 0.25rem 0.5rem; - background: rgba(99, 102, 241, 0.1); - border-radius: 4px; - font-size: 0.7rem; - color: var(--primary-light); - font-weight: 500; - } - - .hub-card p { - color: var(--muted); - font-size: 0.85rem; - margin-bottom: 1rem; - } - - .hub-card-link { - color: var(--primary-light); - font-size: 0.85rem; - font-weight: 500; - display: flex; - align-items: center; - gap: 0.375rem; - } - - /* CTA Section */ .cta-section { - padding: 6rem 0; + padding: 4rem 0; } .cta-box { background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(59, 130, 246, 0.05)); border: 1px solid rgba(99, 102, 241, 0.2); border-radius: 24px; - padding: 4rem; + padding: 4rem 2rem; text-align: center; - position: relative; - overflow: hidden; - } - - .cta-box::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 1px; - background: linear-gradient(90deg, transparent, var(--primary), transparent); } .cta-box h2 { font-size: 2rem; font-weight: 700; margin-bottom: 1rem; - letter-spacing: -0.02em; } .cta-box p { @@ -1296,99 +408,51 @@ flex-wrap: wrap; } - /* Footer */ footer { border-top: 1px solid var(--border); - padding: 4rem 0 2rem; + padding: 3rem 0 2rem; } - .footer-grid { - display: grid; - grid-template-columns: 2fr repeat(3, 1fr); - gap: 3rem; - margin-bottom: 3rem; - } - - .footer-brand p { - color: var(--muted); - font-size: 0.9rem; - margin-top: 1rem; - max-width: 280px; - } - - .footer-column h4 { - font-size: 0.9rem; - font-weight: 600; - margin-bottom: 1rem; - color: var(--foreground); - } - - .footer-column a { - display: block; - color: var(--muted); - text-decoration: none; - font-size: 0.85rem; - padding: 0.375rem 0; - transition: color 0.2s; - } - - .footer-column a:hover { - color: var(--foreground); - } - - .footer-bottom { + .footer-content { display: flex; justify-content: space-between; align-items: center; - padding-top: 2rem; - border-top: 1px solid var(--border); + flex-wrap: wrap; + gap: 1rem; + } + + .footer-brand { + display: flex; + align-items: center; + gap: 0.75rem; + } + + .footer-links { + display: flex; + gap: 2rem; + } + + .footer-links a { + color: var(--muted); + text-decoration: none; + font-size: 0.9rem; + transition: color 0.2s; + } + + .footer-links a:hover { + color: var(--foreground); } .footer-copy { color: var(--muted); font-size: 0.85rem; } - - .footer-social { - display: flex; - gap: 1rem; - } - - .footer-social a { - color: var(--muted); - transition: color 0.2s; - } - - .footer-social a:hover { - color: var(--foreground); - } - /* Responsive */ - @media (max-width: 1024px) { - .features-grid { grid-template-columns: repeat(2, 1fr); } - .ecosystem-grid { grid-template-columns: repeat(2, 1fr); } - .hub-grid { grid-template-columns: repeat(2, 1fr); } - .federation-content { grid-template-columns: 1fr; } - .free-content { grid-template-columns: 1fr; } - .ecosystem-diagram { grid-template-columns: 1fr; gap: 1rem; } - .ecosystem-nodes-left, .ecosystem-nodes-right { flex-direction: row; flex-wrap: wrap; justify-content: center; } - .ecosystem-center { order: -1; margin-bottom: 1rem; } - .footer-grid { grid-template-columns: repeat(2, 1fr); } - } - @media (max-width: 768px) { .nav-links { display: none; } - .features-grid { grid-template-columns: 1fr; } - .ecosystem-grid { grid-template-columns: 1fr; } - .hub-grid { grid-template-columns: 1fr; } .stats-bar { grid-template-columns: repeat(2, 1fr); } - .free-features { grid-template-columns: 1fr; } - .donation-tiers { flex-direction: column; } - .realm-diagram { grid-template-columns: 1fr; } - .cta-box { padding: 2.5rem 1.5rem; } - .footer-grid { grid-template-columns: 1fr; text-align: center; } - .footer-brand p { margin: 1rem auto 0; } - .footer-bottom { flex-direction: column; gap: 1rem; text-align: center; } + .footer-content { flex-direction: column; text-align: center; } + .footer-links { flex-wrap: wrap; justify-content: center; } } @@ -1404,25 +468,22 @@
- Dashboard - Sign In + Add to Server
-
-
+
Guardian of the AeThex Ecosystem
@@ -1433,7 +494,7 @@

- Warden is the unified Discord bot that connects the entire AeThex network. Your XP, achievements, and reputation travel with you across AeThex.studio, AeThex.foundation, and all federated partner servers. + The unified Discord bot that connects the entire AeThex network. Your XP, achievements, and reputation travel with you across all federated servers.

Free forever. Community powered.

@@ -1443,8 +504,8 @@ Add Warden to Your Server - - Explore the Ecosystem + + Explore Features
@@ -1458,529 +519,119 @@
Unified Profiles
-
60+
+
60+
Commands
-
99.9%
+
99.9%
Uptime
- -
+
-

The AeThex Network

-

One Ecosystem, Endless Connections

-

Warden isn't just a bot - it's the bridge that connects every part of the AeThex universe. Your identity, progress, and reputation sync seamlessly.

+

Why Warden?

+

Everything You Need in One Bot

+

From leveling systems to enterprise security, Warden has it all.

-
-
-
🎨
-

AeThex.studio

-

The creative platform for artists, developers, and creators. Your Discord activity contributes to your studio reputation. Showcase projects, earn recognition, and connect with collaborators.

- - Visit Studio - - -
- -
-
🏛️
-

AeThex.foundation

-

The philanthropic arm supporting open-source projects and community initiatives. Top contributors in Discord earn Foundation recognition. Donate, volunteer, and make an impact.

- - Visit Foundation - - -
- -
-
🌐
-

Federation Network

-

A mesh of 5+ linked Discord servers sharing XP, roles, and achievements. Join any federated server and your progress travels with you. One community, many homes.

- - Learn About Federation - - -
-
-
-
- - -
-
-
-

Cross-Server Sync

-

The Realm System

-

Choose your home realm and carry your identity across the entire federation. Your XP, achievements, and roles sync in real-time.

-
- -
-
-

How Federation Works

-

When you join any AeThex-federated server, Warden recognizes you instantly. Your unified profile, XP balance, and earned achievements are always with you - no setup required.

- -
-
-
🔗
-
-

Unified Profile

-

One identity across all federated servers. Link once, recognized everywhere.

-
-
- -
-
⚡
-
-

Global XP Pool

-

XP earned anywhere counts toward your total. Level up faster by being active across the network.

-
-
- -
-
🎖️
-
-

Shared Achievements

-

Unlock achievements in one server, display them in all. Your accomplishments follow you.

-
-
- -
-
👑
-
-

Role Synchronization

-

Mapped roles sync automatically. Earn a rank in your home realm, get recognized everywhere.

-
-
-
-
- -
-
-
-
🏰
-
AeThex Main
-

Official Hub

-
-
-
🎮
-
GameForge
-

Gaming Community

-
-
-
💻
-
DevLink
-

Developer Network

-
-
-
🎨
-
CreativeArts
-

Art & Design

-
-
-
📚
-
StudyHall
-

Learning & Education

-
-
-
🌟
-
Your Server?
-

Join the Federation

-
-
-
- - All realms synced in real-time -
-
-
-
-
- - -
-
-
-

Powerful Capabilities

-

Everything You Need to Build Community

-

60+ features across 6 categories. Enterprise-grade tools for engagement, rewards, security, and growth. All free.

-
- -
-
📈
-

Engagement

-

XP, leveling, prestige, leaderboards, daily claims, and streak bonuses

+
📊
+

Global XP & Leveling

+

Earn XP across all servers. Your progress syncs everywhere in the federation.

🛡️
-

Security

-

Anti-nuke protection, auto-mod, raid defense, and full audit logging

+

Sentinel Security

+

Anti-nuke protection, raid defense, and auto-moderation keep your server safe.

🎮

Fun & Games

-

Trivia, duels, slots, dice, 8-ball, and XP betting

+

Trivia, slots, coinflip, 8ball, and more to keep your community entertained.

-
❤️
-

Social

-

Reputation, birthdays, reminders, starboard, and social actions

+
🏆
+

Achievements & Quests

+

Customizable achievements and daily/weekly quests with XP rewards.

💰
-

Economy

-

Work system, heists, trading, gifting, and XP shop

+

Economy & Shop

+

Virtual currency, shop items, and role purchases for engaged communities.

-
🔧
-

Utility

-

Translate, QR codes, polls, embeds, and admin tools

+
🌐
+

Cross-Server Sync

+

Federation system links multiple servers with shared profiles and roles.

-
- - - Explore All Features - - - - View All Commands - +
+ See All Features + Browse Commands
- - -
+ +

Perfect For

-

Built for Every Community

-

From gaming clans to study groups, Warden adapts to your needs.

+

Built for Every Community

+

Whatever your server is about, Warden adapts to your needs.

🎮

Gaming Communities

-

Leaderboards, duels, voice XP, and competitive rankings keep gamers engaged

-
-
-
🎬
-

Content Creators

-

Reward viewers, showcase fan art with starboard, run giveaways for subscribers

-
-
-
💻
-

Developer & Tech

-

Trivia for knowledge, rep system for helpers, birthday celebrations for teams

+

Leaderboards, game nights, matchmaking, and competitive rankings.

🎨
-

Art & Creative

-

Starboard showcases best work, achievements for milestones, XP for engagement

+

Creative Studios

+

Portfolio showcases, collaboration tools, and creative challenges.

+
+
+
💻
+

Developer Hubs

+

Code sharing, project management, and technical discussions.

📚
-

Education & Study

-

Quests for goals, reminders for deadlines, daily streaks for consistency

+

Learning Groups

+

Study sessions, knowledge sharing, and progress tracking.

-
💼
-

Brand & Business

-

Giveaways for promotions, verification for authenticity, scheduled announcements

+
🎵
+

Content Creators

+

Fan engagement, content drops, and community events.

+
+
+
🏢
+

Business Teams

+

Team coordination, announcements, and professional moderation.

- -
-
-
-

Web Dashboard

-

Your Command Center

-

Manage everything from a sleek web interface. View stats, configure settings, and track progress.

-
- -
- -

Profile & Stats

-
- XP - Level - Badges -
-

View your unified profile, XP history, and achievements across all servers

- - View Profile - - - - - -

Leaderboards

-
- Weekly - Global -
-

See top members across servers and compete for federation rankings

- - View Rankings - - - - - -

Quest Board

-
- Daily - Weekly -
-

Track active quests, view progress, and claim rewards

- - View Quests - - - - - -

XP Shop

-
- Roles - Items -
-

Spend your earned XP on exclusive roles, badges, and perks

- - Browse Shop - - - -
-
-
- - -
-
-
-

For Server Owners

-

Add Warden to Your Server

-

Whether you're part of the AeThex ecosystem or running an independent community, Warden provides powerful tools for your server.

-
- -
-

Warden works great as a standalone bot for any Discord server, but it truly shines when connected to the AeThex network. You choose how much integration you want - from zero to full federation.

-
- - -
-
-
1
-

Invite Warden

-

Add the bot to your server with a single click. No complicated setup required.

-
-
-
2
-

Configure

-

Use /config to customize features. Sensible defaults mean you can skip this step.

-
-
-
3
-

Go Live

-

Your server is ready! Members can start earning XP and using features immediately.

-
-
- - -
-
-
-
🏠
-

Standalone Mode

-
-

Perfect for independent communities. All features work without any external connections. Your server, your rules.

-
-
- - Full XP, leveling, and prestige system -
-
- - Quests, achievements, and shop -
-
- - Sentinel security and auto-mod -
-
- - Server-specific leaderboards -
-
- - No external dependencies -
-
-
- -
-
-
🌐
-

Federated Mode

-
-

Join the AeThex network. Your members' progress syncs across 5+ linked servers. Optional and admin-controlled.

-
-
- - All standalone features included -
-
- - Cross-server XP pooling -
-
- - Global leaderboards and rankings -
-
- - Role sync between servers -
-
- - Connect to AeThex Studio & Foundation -
-
-
-
- - -
-

Ready to Level Up Your Server?

-

Join hundreds of communities already using Warden. Free forever, no strings attached.

-
- - - Invite Warden - - - - Join Support Server - -
-
-
-
- - -
-
-
-

Our Promise

-

Free Forever, Community Powered

-

Warden will always be free. No premium tiers, no paywalled features. Just a community-supported project built with love.

-
- -
-
-

Every Feature. Zero Cost.

-

We believe community tools should be accessible to everyone. Warden includes all features at no cost - XP systems, quests, achievements, shops, security, federation sync, and more. No artificial limits. No "premium" upsells.

- -
-
- - Unlimited servers -
-
- - All 44+ commands -
-
- - Full XP system -
-
- - Federation sync -
-
- - Sentinel security -
-
- - Web dashboard -
-
- - 24/7 uptime -
-
- - Priority support -
-
-
- -
-

Support the Project

-

Love Warden? Your donations help cover hosting costs and fund new features. Every contribution makes a difference.

- -
- -
$3
-
Coffee
- - -
$10
-
Supporter
- - -
$25
-
Champion
- -
- -

Donors receive a special badge on their profile and our eternal gratitude.

- -
- - - Donate via Ko-fi - - - AeThex Foundation - -
-
-
-
-
- -
-

Ready to Join the AeThex Network?

-

Add Warden to your server and connect to an ecosystem of engaged communities. Setup takes less than 2 minutes.

- +

Ready to Transform Your Server?

+

Join thousands of communities already using Warden. Free forever, no premium tiers.

- - Add Warden to Your Server + Add Warden Now - - Join Our Discord + + Join Support Server
@@ -1989,99 +640,34 @@
- +