From 31270e5447432eaa5cee01586445f877e9cd06e9 Mon Sep 17 00:00:00 2001 From: "Builder.io" Date: Tue, 11 Nov 2025 21:01:24 +0000 Subject: [PATCH] Ethos Guild Community Group Page (Synthwave-themed) cgen-d63cd4ae50eb47908c25697c8333854a --- client/pages/community/EthosGuild.tsx | 475 ++++++++++++++++++++++++++ 1 file changed, 475 insertions(+) create mode 100644 client/pages/community/EthosGuild.tsx diff --git a/client/pages/community/EthosGuild.tsx b/client/pages/community/EthosGuild.tsx new file mode 100644 index 00000000..d8c98082 --- /dev/null +++ b/client/pages/community/EthosGuild.tsx @@ -0,0 +1,475 @@ +import { Badge } from "@/components/ui/badge"; +import { + Card, + CardContent, + CardDescription, + CardHeader, + CardTitle, +} from "@/components/ui/card"; +import { Button } from "@/components/ui/button"; +import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; +import { + ArrowRight, + Music, + Users, + Sparkles, + TrendingUp, + Award, + Heart, + Zap, + Radio, +} from "lucide-react"; +import { Link } from "react-router-dom"; +import { useState } from "react"; + +interface GuildMember { + id: string; + name: string; + avatar: string; + role: "artist" | "composer" | "sound-designer"; + speciality: string; + trackCount: number; + verified: boolean; +} + +interface FeaturedTrack { + id: string; + title: string; + artist: string; + duration: string; + genre: string; + featured: boolean; +} + +export default function EthosGuild() { + const [activeTab, setActiveTab] = useState("overview"); + + const guildStats = [ + { + label: "Guild Members", + value: "Coming soon", + icon: Users, + description: "Artists and composers", + }, + { + label: "Tracks in Library", + value: "Coming soon", + icon: Music, + description: "Original compositions", + }, + { + label: "Licensed for Games", + value: "Coming soon", + icon: Zap, + description: "In production", + }, + { + label: "Avg. Artist Rating", + value: "Coming soon", + icon: Award, + description: "Quality verified", + }, + ]; + + const upcomingFeatures = [ + { + id: "upload", + title: "Upload & Share Tracks", + description: "Submit your synthwave, SFX, and original compositions.", + icon: Music, + status: "Coming Soon", + }, + { + id: "licensing", + title: "Flexible Licensing", + description: + "Choose between ecosystem (free) or commercial (paid) licensing.", + icon: Award, + status: "Coming Soon", + }, + { + id: "marketplace", + title: "NEXUS Marketplace", + description: + "List your services on the AeThex talent marketplace (Audio category).", + icon: Sparkles, + status: "Phase 2", + }, + { + id: "curriculum", + title: "Production Curriculum", + description: + "Learn synthwave, SFX design, and music theory from mentors.", + icon: TrendingUp, + status: "Coming Soon", + }, + ]; + + const missionHighlights = [ + { + title: "The Sound of AeThex", + description: + "Provide high-quality, original music and sound design for all AeThex projects.", + color: "from-pink-500/20 to-purple-500/20", + }, + { + title: "Talent Incubator", + description: + "Grow a vibrant community of musicians ready for paid commercial work.", + color: "from-purple-500/20 to-cyan-500/20", + }, + { + title: "Synthwave Aesthetic", + description: + "Celebrate the retro-futuristic '80s sound that powers AeThex innovation.", + color: "from-cyan-500/20 to-pink-500/20", + }, + ]; + + return ( +
+ {/* Synthwave gradient backgrounds */} +
+
+
+ + {/* Synthwave glow orbs */} +
+
+ +
+ {/* Hero Section */} +
+
+ + ✨ ETHOS GUILD ✨ + +

+ The Sound of AeThex +

+

+ Welcome to the official audio identity program for the AeThex + ecosystem. A community of musicians, composers, and sound + designers collaborating on synthwave, SFX, and original scores. +

+
+ +
+ + +
+
+ + {/* Guild Stats */} +
+ {guildStats.map((stat) => { + const Icon = stat.icon; + return ( + + +
+ + {stat.label} + + +
+ + +
+ {stat.value} +
+

+ {stat.description} +

+ + + ); + })} +
+ + {/* Mission & Values */} +
+
+

Guild Mission

+

+ Three pillars guiding Ethos forward +

+
+ +
+ {missionHighlights.map((highlight) => ( + + + + {highlight.title} + + + +

{highlight.description}

+ + + ))} +
+
+ + {/* Tabs: Overview, Features, Curriculum, etc */} +
+ + + + Overview + + + Features + + + Roadmap + + + + + + + + + Welcome to the Ethos Guild + + + The official audio identity program of AeThex Foundation + + + +

+ Ethos is not a separate label or business—it's a vibrant + community guild living within the Foundation arm of + aethex.dev. We exist to create the sound of AeThex. +

+ +
+
+

+ For Musicians & Producers +

+

+ Join a collaborative space to build your portfolio, + access paid commercial work, and get your music into + real games and products. +

+
+ +
+

+ For GameForge & Foundation +

+

+ Access free, high-quality, original music and SFX for + your non-commercial projects. Ethos artists are your + dedicated "Sound Designer" team. +

+
+ +
+

+ For CORP Clients +

+

+ Need a custom score, jingle, or SFX pack for your client + project? Hire an Ethos artist directly via the NEXUS + marketplace. +

+
+
+ +
+

+ "Synthwave aesthetics. Retro-futuristic vibes. The '80s + sound of tomorrow." +

+
+ + + + + +
+ {upcomingFeatures.map((feature) => { + const Icon = feature.icon; + return ( + + +
+
+ + + {feature.title} + + + {feature.description} + +
+ + {feature.status} + +
+ + + ); + })} +
+ + + + + + + Ethos Guild Development Roadmap + + + Three phases to build the complete Ethos ecosystem + + + +
+

+ Phase 1: Foundation (Current) +

+
    +
  • + ✓ + Database schema for tracks & artist profiles +
    • +
  • + ✓ + Community group page (you are here!) +
    • +
  • + ✓ + Curriculum structure for music production +
    • +
  • + ✓ + Legal licensing templates (via CEO) +
    • +
+
+ +
+

+ Phase 2: MVP Build +

+
    +
  • + → + Track upload & library interface +
    • +
  • + → + Artist profile pages & portfolio +
    • +
  • + → + NEXUS "Audio Production" category integration +
    • +
  • + → + Licensing agreement workflow +
    • +
+
+ +
+

+ Phase 3: Content & Community +

+
    +
  • + → + Music production curriculum (written by community) +
    • +
  • + → + Founding artists onboarding +
    • +
  • + → + Guild leadership & curator roles +
    • +
  • + → + Monthly artist spotlight & events +
    • +
+
+ + + + +
+ + {/* Call to Action */} +
+

+ Ready to Make AeThex Sound? +

+

+ The Ethos Guild is being built right now. The legal framework, UI + skeleton, and database are ready. Soon you'll be able to upload + tracks, list services, and join the community. +

+
+ + +
+
+
+
+ ); +}