From f208bce4b7f3cb4b5a8e8c88249b7b05253e2b3f Mon Sep 17 00:00:00 2001 From: sirpiglr <49359077-sirpiglr@users.noreply.replit.com> Date: Sat, 6 Dec 2025 02:13:39 +0000 Subject: [PATCH] Add downloads page and update roadmap with new milestones Adds a new downloads page for desktop applications and integrates new milestones for desktop and mobile applications into the roadmap page. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 9203795e-937a-4306-b81d-b4d5c78c240e Replit-Commit-Checkpoint-Type: intermediate_checkpoint Replit-Commit-Event-Id: f42fc35c-b758-4fe4-9d6a-c616c5c45526 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/7c94b7a0-29c7-4f2e-94ef-44b2153872b7/9203795e-937a-4306-b81d-b4d5c78c240e/UJaB6ez Replit-Helium-Checkpoint-Created: true --- .replit | 4 + client/App.tsx | 2 + client/components/IsometricRealmSelector.tsx | 289 +++++++++++++++++-- client/pages/Downloads.tsx | 218 ++++++++++++++ client/pages/Roadmap.tsx | 36 +++ 5 files changed, 518 insertions(+), 31 deletions(-) create mode 100644 client/pages/Downloads.tsx diff --git a/.replit b/.replit index 76d2fa09..c5c39aa5 100644 --- a/.replit +++ b/.replit @@ -52,6 +52,10 @@ externalPort = 80 localPort = 8044 externalPort = 3003 +[[ports]] +localPort = 34265 +externalPort = 3002 + [[ports]] localPort = 38557 externalPort = 3000 diff --git a/client/App.tsx b/client/App.tsx index 6384b617..f23e3d40 100644 --- a/client/App.tsx +++ b/client/App.tsx @@ -103,6 +103,7 @@ import StaffDashboard from "./pages/dashboards/StaffDashboard"; import Roadmap from "./pages/Roadmap"; import Trust from "./pages/Trust"; import PressKit from "./pages/PressKit"; +import Downloads from "./pages/Downloads"; import Projects from "./pages/Projects"; import ProjectsAdmin from "./pages/ProjectsAdmin"; import Directory from "./pages/Directory"; @@ -215,6 +216,7 @@ const App = () => ( } /> } /> } /> + } /> } /> -

Select Your Realm

+

Build the Future

+

The Platform for Builders

+

+ AeThex is an advanced development platform and community where creators collaborate, + learn, and bring ideas to life. Join thousands of developers, designers, and innovators. +

+
+ Get Started Free + Download Desktop App +
+ + + +

Select Your Realm

Each realm unlocks a unique experience tailored to your journey

 @@ -210,18 +246,50 @@ export default function IsometricRealmSelector() { - Community - • - Developers - • - Roadmap - • - All Realms +
+
+

Platform

+ Downloads + Roadmap + Changelog + Status +
+
+

Community

+ Community Hub + Creators + Developers + Blog +
+
+

Company

+ About + Careers + Press Kit + Contact +
+
+

Legal

+ Privacy + Terms + Trust Center +
+
+
+

© 2024 AeThex. All rights reserved.

+
+ Discord + • + Twitter + • + GitHub +
+
@@ -319,13 +387,89 @@ export default function IsometricRealmSelector() { padding: 20px 40px; } + .hero-intro { + text-align: center; + margin-bottom: 60px; + padding: 40px 0; + } + + .tagline { + font-size: 14px; + font-weight: 600; + color: #a855f7; + text-transform: uppercase; + letter-spacing: 0.15em; + margin-bottom: 16px; + } + + .main-headline { + font-size: clamp(40px, 6vw, 64px); + font-weight: 800; + margin-bottom: 20px; + background: linear-gradient(135deg, #ffffff 0%, #a855f7 50%, #3b82f6 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; + line-height: 1.1; + } + + .sub-headline { + font-size: 18px; + color: #94a3b8; + max-width: 600px; + margin: 0 auto 32px; + line-height: 1.6; + } + + .hero-cta { + display: flex; + justify-content: center; + gap: 16px; + flex-wrap: wrap; + } + + .cta-primary { + padding: 14px 32px; + border-radius: 12px; + background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%); + color: white; + font-size: 15px; + font-weight: 600; + text-decoration: none; + transition: all 0.3s ease; + box-shadow: 0 4px 20px rgba(168, 85, 247, 0.3); + } + + .cta-primary:hover { + transform: translateY(-2px); + box-shadow: 0 8px 30px rgba(168, 85, 247, 0.4); + } + + .cta-secondary { + padding: 14px 32px; + border-radius: 12px; + border: 1px solid #334155; + background: rgba(30, 41, 59, 0.5); + color: #e5e7eb; + font-size: 15px; + font-weight: 600; + text-decoration: none; + transition: all 0.3s ease; + } + + .cta-secondary:hover { + background: rgba(30, 41, 59, 0.8); + border-color: #475569; + transform: translateY(-2px); + } + .hero-text { text-align: center; margin-bottom: 50px; } - .hero-text h1 { - font-size: clamp(32px, 5vw, 48px); + .hero-text h2 { + font-size: clamp(28px, 4vw, 40px); font-weight: 700; margin-bottom: 12px; background: linear-gradient(135deg, #e5e7eb 0%, #94a3b8 100%); @@ -343,44 +487,98 @@ export default function IsometricRealmSelector() { .realms-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); - gap: 32px; + grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); + gap: 24px; justify-items: center; perspective: 2000px; } - @media (min-width: 1200px) { + @media (min-width: 900px) { .realms-grid { grid-template-columns: repeat(3, 1fr); } } - @media (min-width: 1600px) { + @media (min-width: 1200px) { .realms-grid { - grid-template-columns: repeat(5, 1fr); + grid-template-columns: repeat(4, 1fr); } } - .footer-links { - display: flex; - justify-content: center; - align-items: center; - gap: 16px; - margin-top: 60px; - font-size: 14px; + @media (min-width: 1600px) { + .realms-grid { + grid-template-columns: repeat(7, 1fr); + } } - .footer-links a { + .footer-section { + margin-top: 80px; + padding-top: 40px; + border-top: 1px solid #1e293b; + } + + .footer-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); + gap: 32px; + margin-bottom: 40px; + } + + .footer-col h4 { + font-size: 13px; + font-weight: 600; + color: #e5e7eb; + margin-bottom: 16px; + text-transform: uppercase; + letter-spacing: 0.05em; + } + + .footer-col a { + display: block; + font-size: 14px; + color: #64748b; + text-decoration: none; + margin-bottom: 10px; + transition: color 0.2s ease; + } + + .footer-col a:hover { + color: #a855f7; + } + + .footer-bottom { + display: flex; + justify-content: space-between; + align-items: center; + padding-top: 24px; + border-top: 1px solid #1e293b; + flex-wrap: wrap; + gap: 16px; + } + + .footer-bottom p { + font-size: 13px; + color: #475569; + } + + .footer-links-simple { + display: flex; + align-items: center; + gap: 12px; + font-size: 13px; + } + + .footer-links-simple a { color: #64748b; text-decoration: none; transition: color 0.2s ease; } - .footer-links a:hover { + .footer-links-simple a:hover { color: #e5e7eb; } - .footer-links .divider { + .footer-links-simple .divider { color: #334155; } @@ -395,17 +593,46 @@ export default function IsometricRealmSelector() { padding: 20px; } + .hero-intro { + padding: 20px 0; + margin-bottom: 40px; + } + + .sub-headline { + font-size: 16px; + } + + .hero-cta { + flex-direction: column; + align-items: center; + } + + .cta-primary, .cta-secondary { + width: 100%; + max-width: 280px; + text-align: center; + } + .hero-text { margin-bottom: 32px; } .realms-grid { + gap: 20px; + } + + .footer-section { + margin-top: 50px; + } + + .footer-grid { + grid-template-columns: repeat(2, 1fr); gap: 24px; } - .footer-links { - flex-wrap: wrap; - margin-top: 40px; + .footer-bottom { + flex-direction: column; + text-align: center; } } `} diff --git a/client/pages/Downloads.tsx b/client/pages/Downloads.tsx new file mode 100644 index 00000000..f7db8a60 --- /dev/null +++ b/client/pages/Downloads.tsx @@ -0,0 +1,218 @@ +import { useState } from "react"; +import Layout from "@/components/Layout"; +import SEO from "@/components/SEO"; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; +import { Button } from "@/components/ui/button"; +import { Badge } from "@/components/ui/badge"; +import { Monitor, Apple, Terminal, Smartphone, Clock, CheckCircle2, Download, ExternalLink } from "lucide-react"; + +const CURRENT_VERSION = "0.1.0"; +const RELEASE_DATE = "December 2024"; + +interface PlatformDownload { + id: string; + name: string; + icon: React.ReactNode; + description: string; + fileName: string; + fileSize: string; + available: boolean; + requirements: string[]; +} + +const platforms: PlatformDownload[] = [ + { + id: "windows", + name: "Windows", + icon: , + description: "Windows 10 or later (64-bit)", + fileName: `AeThex-Desktop-Terminal-${CURRENT_VERSION}-win-x64.exe`, + fileSize: "~120 MB", + available: true, + requirements: ["Windows 10 or later", "64-bit processor", "4 GB RAM minimum"], + }, + { + id: "macos", + name: "macOS", + icon: , + description: "macOS 10.15 (Catalina) or later", + fileName: `AeThex-Desktop-Terminal-${CURRENT_VERSION}-mac-universal.dmg`, + fileSize: "~130 MB", + available: true, + requirements: ["macOS 10.15 or later", "Apple Silicon or Intel", "4 GB RAM minimum"], + }, + { + id: "linux", + name: "Linux", + icon: , + description: "Ubuntu 20.04+, Debian 10+, Fedora 32+", + fileName: `AeThex-Desktop-Terminal-${CURRENT_VERSION}-x64.AppImage`, + fileSize: "~115 MB", + available: true, + requirements: ["64-bit Linux distribution", "GTK 3.0+", "4 GB RAM minimum"], + }, +]; + +const features = [ + "File watcher overlay for real-time project monitoring", + "Quick access to all AeThex realms from your desktop", + "Discord integration with status sync", + "Offline mode for viewing cached content", + "Native notifications for opportunities and messages", + "Secure local credential storage", +]; + +export default function Downloads() { + const [selectedPlatform, setSelectedPlatform] = useState(null); + + const handleDownload = (platform: PlatformDownload) => { + setSelectedPlatform(platform.id); + const releaseUrl = `https://github.com/aethex/aethex-forge/releases/latest`; + window.open(releaseUrl, "_blank"); + }; + + return ( + + + +
+
+
+ + Version {CURRENT_VERSION} + +

+ Download AeThex Desktop +

+

+ The AeThex Desktop Terminal brings the full power of the platform to your computer. + Access realms, manage projects, and stay connected with your community. +

+
+ +
+ {platforms.map((platform) => ( + + +
+ {platform.icon} +
+ {platform.name} + {platform.description} + + +
+

{platform.fileName}

+

Size: {platform.fileSize}

+
+ + {platform.available ? ( + + ) : ( + + )} + +
+

Requirements:

+
    + {platform.requirements.map((req, i) => ( +
  • + + {req} +
    • + ))} +
+
+ + + ))} +
+ + + + Desktop Features + Everything you need to be productive on your desktop + + +
+ {features.map((feature, i) => ( +
+ + {feature} +
+ ))} +
+ + + + + +
+ +
+ Mobile Apps + iOS and Android apps are coming soon + + +

+ Stay connected on the go. Our mobile apps will bring notifications, messaging, + and quick actions to your pocket. +

+
+ + + iOS - Coming Q2 2025 + + + + Android - Coming Q2 2025 + +
+ + + +
+

+ Released {RELEASE_DATE} • View changelog +

+ +
+
+
+ + ); +} diff --git a/client/pages/Roadmap.tsx b/client/pages/Roadmap.tsx index 2b8394d5..f7d873a3 100644 --- a/client/pages/Roadmap.tsx +++ b/client/pages/Roadmap.tsx @@ -58,6 +58,13 @@ const QUESTS: Quest[] = [ phase: "now", description: "Consistent top-level labels, fewer detours.", }, + { + id: "desktop-app", + title: "Desktop App (Beta)", + xp: 200, + phase: "now", + description: "Windows, macOS, Linux builds with file watcher overlay.", + }, { id: "mentor-admin", title: "Mentorship admin flows", @@ -128,6 +135,27 @@ const QUESTS: Quest[] = [ phase: "month3", description: "This page—interactive and fun.", }, + { + id: "desktop-stable", + title: "Desktop App (Stable)", + xp: 180, + phase: "month2", + description: "Auto-updates, crash reporting, performance tuning.", + }, + { + id: "mobile-ios", + title: "iOS App (Beta)", + xp: 250, + phase: "month3", + description: "Native iOS app with notifications and quick actions.", + }, + { + id: "mobile-android", + title: "Android App (Beta)", + xp: 250, + phase: "month3", + description: "Native Android app with notifications and quick actions.", + }, ]; const PEEKS: Peek[] = [ @@ -155,6 +183,14 @@ const PEEKS: Peek[] = [ image: "https://images.unsplash.com/photo-1553877522-43269d4ea984?q=80&w=1600&auto=format&fit=crop", }, + { + id: "peek-4", + title: "Mobile App Preview", + phase: "month3", + teaser: "Native iOS and Android apps with push notifications.", + image: + "https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?q=80&w=1600&auto=format&fit=crop", + }, ]; const storageKey = "aethex_roadmap_unlocks_v1";