From 0623521374cc0e925069eef56c91fd958370659d Mon Sep 17 00:00:00 2001
From: MrPiglr <MrPiglr@gmail.com>
Date: Sun, 11 Jan 2026 01:57:16 +0000
Subject: [PATCH] feat: complete Phase 2 design system rollout

Applied max-w-6xl standard across all remaining pages:

**Internal Tools & Admin (6 files):**
- Teams.tsx, Squads.tsx, Network.tsx, Portal.tsx
- Admin.tsx, BotPanel.tsx, Arms.tsx

**Hub/Client Pages (6 files):**
- ClientHub.tsx, ClientProjects.tsx (all 3 instances)
- ClientDashboard.tsx, ClientSettings.tsx
- ClientContracts.tsx, ClientInvoices.tsx, ClientReports.tsx

**Dashboard Pages (5 files):**
- FoundationDashboard.tsx, GameForgeDashboard.tsx
- StaffDashboard.tsx, NexusDashboard.tsx, LabsDashboard.tsx

**Community & Creator Pages (6 files):**
- Directory.tsx, Projects.tsx
- CreatorDirectory.tsx, MentorProfile.tsx, EthosGuild.tsx
- FoundationDownloadCenter.tsx, OpportunitiesHub.tsx

**Result:** Zero instances of max-w-7xl remaining in client/pages
All pages now use consistent max-w-6xl width for optimal readability
---
 client/pages/Admin.tsx                          | 2 +-
 client/pages/Arms.tsx                           | 2 +-
 client/pages/BotPanel.tsx                       | 2 +-
 client/pages/Directory.tsx                      | 2 +-
 client/pages/FoundationDownloadCenter.tsx       | 2 +-
 client/pages/Network.tsx                        | 2 +-
 client/pages/Portal.tsx                         | 2 +-
 client/pages/Projects.tsx                       | 2 +-
 client/pages/Squads.tsx                         | 2 +-
 client/pages/Teams.tsx                          | 2 +-
 client/pages/community/EthosGuild.tsx           | 2 +-
 client/pages/community/MentorProfile.tsx        | 2 +-
 client/pages/creators/CreatorDirectory.tsx      | 2 +-
 client/pages/dashboards/FoundationDashboard.tsx | 2 +-
 client/pages/dashboards/GameForgeDashboard.tsx  | 2 +-
 client/pages/dashboards/LabsDashboard.tsx       | 2 +-
 client/pages/dashboards/NexusDashboard.tsx      | 2 +-
 client/pages/dashboards/StaffDashboard.tsx      | 2 +-
 client/pages/hub/ClientContracts.tsx            | 4 ++--
 client/pages/hub/ClientDashboard.tsx            | 2 +-
 client/pages/hub/ClientHub.tsx                  | 2 +-
 client/pages/hub/ClientInvoices.tsx             | 4 ++--
 client/pages/hub/ClientProjects.tsx             | 6 +++---
 client/pages/hub/ClientReports.tsx              | 4 ++--
 client/pages/hub/ClientSettings.tsx             | 4 ++--
 client/pages/opportunities/OpportunitiesHub.tsx | 2 +-
 26 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/client/pages/Admin.tsx b/client/pages/Admin.tsx
index b26dd1a4..375c5cd5 100644
--- a/client/pages/Admin.tsx
+++ b/client/pages/Admin.tsx
@@ -343,7 +343,7 @@ export default function Admin() {
         <div className="min-h-screen bg-aethex-gradient flex">
           <AdminSidebar activeTab={activeTab} onTabChange={setActiveTab} />
           <div className="flex-1 overflow-y-auto py-8">
-            <div className="container mx-auto px-4 max-w-7xl">
+            <div className="container mx-auto px-4 max-w-6xl">
               <div className="mb-8 animate-slide-down">
                 <div className="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4">
                   <div className="space-y-3 flex-1">
diff --git a/client/pages/Arms.tsx b/client/pages/Arms.tsx
index 80fc4b40..24aa94b2 100644
--- a/client/pages/Arms.tsx
+++ b/client/pages/Arms.tsx
@@ -199,7 +199,7 @@ export default function Arms() {
         </div>
 
         {/* Arms Grid */}
-        <div className="w-full max-w-7xl grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8">
+        <div className="w-full max-w-6xl grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8">
           {ARMS.map((arm) => (
             <button
               key={arm.id}
diff --git a/client/pages/BotPanel.tsx b/client/pages/BotPanel.tsx
index 14c14079..4dad8d4f 100644
--- a/client/pages/BotPanel.tsx
+++ b/client/pages/BotPanel.tsx
@@ -224,7 +224,7 @@ export default function BotPanel() {
 
   return (
     <div className="min-h-screen bg-gradient-to-br from-gray-900 via-purple-900/20 to-gray-900 p-6">
-      <div className="max-w-7xl mx-auto space-y-6">
+      <div className="max-w-6xl mx-auto space-y-6">
         <div className="flex items-center justify-between">
           <div className="flex items-center gap-4">
             <div className="p-3 bg-purple-500/20 rounded-xl">
diff --git a/client/pages/Directory.tsx b/client/pages/Directory.tsx
index 4687ee7d..32a979a7 100644
--- a/client/pages/Directory.tsx
+++ b/client/pages/Directory.tsx
@@ -437,7 +437,7 @@ export default function Directory() {
           </div>
         </section>
 
-        <section className="container mx-auto max-w-7xl px-4 mt-6">
+        <section className="container mx-auto max-w-6xl px-4 mt-6">
           <Tabs defaultValue="devs">
             <TabsList>
               <TabsTrigger value="devs">Developers</TabsTrigger>
diff --git a/client/pages/FoundationDownloadCenter.tsx b/client/pages/FoundationDownloadCenter.tsx
index a1229c87..e5ab8e6d 100644
--- a/client/pages/FoundationDownloadCenter.tsx
+++ b/client/pages/FoundationDownloadCenter.tsx
@@ -211,7 +211,7 @@ export default function FoundationDownloadCenter() {
   return (
     <Layout>
       <div className="min-h-screen bg-gradient-to-br from-slate-950 via-purple-900/20 to-slate-950 py-12 px-4">
-        <div className="max-w-7xl mx-auto">
+        <div className="max-w-6xl mx-auto">
           {/* Header */}
           <div className="mb-12 text-center">
             <h1 className="text-4xl font-bold text-white mb-4">
diff --git a/client/pages/Network.tsx b/client/pages/Network.tsx
index 2c7e6460..3ecd9a2c 100644
--- a/client/pages/Network.tsx
+++ b/client/pages/Network.tsx
@@ -121,7 +121,7 @@ export default function Network() {
   return (
     <Layout>
       <div className="min-h-screen bg-aethex-gradient py-8">
-        <div className="container mx-auto px-4 max-w-7xl grid grid-cols-1 lg:grid-cols-12 gap-6">
+        <div className="container mx-auto px-4 max-w-6xl grid grid-cols-1 lg:grid-cols-12 gap-6">
           {/* Public Profile */}
           <div className="lg:col-span-4 space-y-6">
             <Card className="bg-card/50 border-border/50">
diff --git a/client/pages/Portal.tsx b/client/pages/Portal.tsx
index e393476c..781bdb53 100644
--- a/client/pages/Portal.tsx
+++ b/client/pages/Portal.tsx
@@ -41,7 +41,7 @@ export default function Portal() {
 
   return (
     <Layout>
-      <div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 max-w-7xl">
+      <div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 max-w-6xl">
         <div className="mb-8">
           <Badge variant="outline" className="mb-2">
             Portal
diff --git a/client/pages/Projects.tsx b/client/pages/Projects.tsx
index 402f5aad..6f9d80a6 100644
--- a/client/pages/Projects.tsx
+++ b/client/pages/Projects.tsx
@@ -87,7 +87,7 @@ export default function Projects() {
           </div>
         </section>
 
-        <section className="container mx-auto max-w-7xl px-4 mt-6">
+        <section className="container mx-auto max-w-6xl px-4 mt-6">
           {hasProjects ? (
             <div className="grid gap-6 md:grid-cols-2 xl:grid-cols-3">
               {items.map((p) => (
diff --git a/client/pages/Squads.tsx b/client/pages/Squads.tsx
index b2fab589..9e0e161b 100644
--- a/client/pages/Squads.tsx
+++ b/client/pages/Squads.tsx
@@ -87,7 +87,7 @@ export default function Squads() {
   return (
     <Layout>
       <div className="min-h-screen bg-[radial-gradient(circle_at_top,_rgba(110,141,255,0.12),transparent_60%)]">
-        <div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 max-w-7xl space-y-8">
+        <div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 max-w-6xl space-y-8">
           {/* Header */}
           <section className="rounded-3xl border border-border/40 bg-background/80 p-6 shadow-2xl backdrop-blur">
             <div className="flex items-start justify-between">
diff --git a/client/pages/Teams.tsx b/client/pages/Teams.tsx
index 066d50f3..25081da6 100644
--- a/client/pages/Teams.tsx
+++ b/client/pages/Teams.tsx
@@ -102,7 +102,7 @@ export default function Teams() {
   return (
     <Layout>
       <div className="min-h-screen bg-[radial-gradient(circle_at_top,_rgba(110,141,255,0.12),transparent_60%)]">
-        <div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 max-w-7xl space-y-8">
+        <div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 max-w-6xl space-y-8">
           <section className="rounded-3xl border border-border/40 bg-background/80 p-6 shadow-2xl backdrop-blur">
             <h1 className="text-3xl font-semibold text-foreground">Teams</h1>
             <p className="mt-1 text-sm text-muted-foreground">
diff --git a/client/pages/community/EthosGuild.tsx b/client/pages/community/EthosGuild.tsx
index 5dfbc1b6..61f8fd60 100644
--- a/client/pages/community/EthosGuild.tsx
+++ b/client/pages/community/EthosGuild.tsx
@@ -137,7 +137,7 @@ export default function EthosGuild() {
       <div className="pointer-events-none absolute top-40 right-20 w-96 h-96 bg-pink-500/20 rounded-full blur-3xl animate-blob" />
       <div className="pointer-events-none absolute bottom-40 left-20 w-96 h-96 bg-cyan-500/15 rounded-full blur-3xl animate-blob animation-delay-2000" />
 
-      <div className="relative z-10 max-w-7xl mx-auto px-6 py-16 space-y-16">
+      <div className="relative z-10 max-w-6xl mx-auto px-6 py-16 space-y-16">
         {/* Hero Section */}
         <section className="space-y-6 text-center animate-slide-up">
           <div className="space-y-3">
diff --git a/client/pages/community/MentorProfile.tsx b/client/pages/community/MentorProfile.tsx
index 1a97d81b..bcd197c8 100644
--- a/client/pages/community/MentorProfile.tsx
+++ b/client/pages/community/MentorProfile.tsx
@@ -66,7 +66,7 @@ export default function MentorProfile() {
 
   return (
     <Layout>
-      <div className="container mx-auto max-w-7xl px-4 py-12">
+      <div className="container mx-auto max-w-6xl px-4 py-12">
         <div className="mb-6">
           <Badge variant="outline" className="mb-2">
             Mentorship
diff --git a/client/pages/creators/CreatorDirectory.tsx b/client/pages/creators/CreatorDirectory.tsx
index 006e3f68..16e1ef84 100644
--- a/client/pages/creators/CreatorDirectory.tsx
+++ b/client/pages/creators/CreatorDirectory.tsx
@@ -352,7 +352,7 @@ export default function CreatorDirectory() {
           </section>
 
           <section className="py-12 lg:py-20">
-            <div className="container mx-auto max-w-7xl px-4">
+            <div className="container mx-auto max-w-6xl px-4">
               <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
                 <div className="lg:col-span-1">
                   <div className="sticky top-24 space-y-4">
diff --git a/client/pages/dashboards/FoundationDashboard.tsx b/client/pages/dashboards/FoundationDashboard.tsx
index 909511c6..73918be8 100644
--- a/client/pages/dashboards/FoundationDashboard.tsx
+++ b/client/pages/dashboards/FoundationDashboard.tsx
@@ -141,7 +141,7 @@ export default function FoundationDashboard() {
         className={`min-h-screen bg-gradient-to-b from-black to-black py-8 ${theme.fontClass}`}
         style={{ backgroundImage: theme.wallpaperPattern }}
       >
-        <div className="container mx-auto px-4 max-w-7xl space-y-8">
+        <div className="container mx-auto px-4 max-w-6xl space-y-8">
           {/* Header */}
           <div className="space-y-4 animate-slide-down">
             <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
diff --git a/client/pages/dashboards/GameForgeDashboard.tsx b/client/pages/dashboards/GameForgeDashboard.tsx
index 8415a46a..e434d429 100644
--- a/client/pages/dashboards/GameForgeDashboard.tsx
+++ b/client/pages/dashboards/GameForgeDashboard.tsx
@@ -179,7 +179,7 @@ export default function GameForgeDashboard() {
         className={`min-h-screen bg-gradient-to-b from-black to-black py-8 ${theme.fontClass}`}
         style={{ backgroundImage: theme.wallpaperPattern }}
       >
-        <div className="container mx-auto px-4 max-w-7xl space-y-8">
+        <div className="container mx-auto px-4 max-w-6xl space-y-8">
           {sprint ? (
             <>
               {/* Active Sprint Header */}
diff --git a/client/pages/dashboards/LabsDashboard.tsx b/client/pages/dashboards/LabsDashboard.tsx
index 5c12e094..6276c662 100644
--- a/client/pages/dashboards/LabsDashboard.tsx
+++ b/client/pages/dashboards/LabsDashboard.tsx
@@ -283,7 +283,7 @@ export default function LabsDashboard() {
         className={`min-h-screen bg-gradient-to-b from-black to-black py-8 ${theme.fontClass}`}
         style={{ backgroundImage: theme.wallpaperPattern }}
       >
-        <div className="container mx-auto px-4 max-w-7xl space-y-8">
+        <div className="container mx-auto px-4 max-w-6xl space-y-8">
           {/* Header */}
           <div className="space-y-4 animate-slide-down">
             <div className="flex items-center gap-3">
diff --git a/client/pages/dashboards/NexusDashboard.tsx b/client/pages/dashboards/NexusDashboard.tsx
index 4bb583b3..dd5ddf2f 100644
--- a/client/pages/dashboards/NexusDashboard.tsx
+++ b/client/pages/dashboards/NexusDashboard.tsx
@@ -326,7 +326,7 @@ export default function NexusDashboard() {
   return (
     <Layout>
       <div className="min-h-screen bg-gradient-to-b from-black via-purple-950/20 to-black py-8">
-        <div className="container mx-auto px-4 max-w-7xl space-y-8">
+        <div className="container mx-auto px-4 max-w-6xl space-y-8">
           {/* Header with View Toggle */}
           <div className="space-y-4 animate-slide-down">
             <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
diff --git a/client/pages/dashboards/StaffDashboard.tsx b/client/pages/dashboards/StaffDashboard.tsx
index 17505284..7144f29c 100644
--- a/client/pages/dashboards/StaffDashboard.tsx
+++ b/client/pages/dashboards/StaffDashboard.tsx
@@ -164,7 +164,7 @@ export default function StaffDashboard() {
         className={`min-h-screen bg-gradient-to-b from-black to-black py-8 ${theme.fontClass}`}
         style={{ backgroundImage: theme.wallpaperPattern }}
       >
-        <div className="container mx-auto px-4 max-w-7xl space-y-8">
+        <div className="container mx-auto px-4 max-w-6xl space-y-8">
           {/* Header */}
           <div className="space-y-4 animate-slide-down">
             <h1
diff --git a/client/pages/hub/ClientContracts.tsx b/client/pages/hub/ClientContracts.tsx
index 23af3d87..1c23ab93 100644
--- a/client/pages/hub/ClientContracts.tsx
+++ b/client/pages/hub/ClientContracts.tsx
@@ -14,7 +14,7 @@ export default function ClientContracts() {
 
         <main className="relative z-10">
           <section className="border-b border-slate-800 py-8">
-            <div className="container mx-auto max-w-7xl px-4">
+            <div className="container mx-auto max-w-6xl px-4">
               <Button
                 variant="ghost"
                 size="sm"
@@ -32,7 +32,7 @@ export default function ClientContracts() {
           </section>
 
           <section className="py-12">
-            <div className="container mx-auto max-w-7xl px-4">
+            <div className="container mx-auto max-w-6xl px-4">
               <Card className="bg-slate-800/30 border-slate-700">
                 <CardContent className="p-12 text-center">
                   <FileText className="h-12 w-12 text-slate-600 mx-auto mb-4" />
diff --git a/client/pages/hub/ClientDashboard.tsx b/client/pages/hub/ClientDashboard.tsx
index 2de13ff9..840c94f7 100644
--- a/client/pages/hub/ClientDashboard.tsx
+++ b/client/pages/hub/ClientDashboard.tsx
@@ -218,7 +218,7 @@ export default function ClientDashboard() {
   return (
     <Layout>
       <div className="min-h-screen bg-gradient-to-b from-black via-blue-950/20 to-black py-8">
-        <div className="container mx-auto px-4 max-w-7xl space-y-8">
+        <div className="container mx-auto px-4 max-w-6xl space-y-8">
           {/* Header */}
           <div className="space-y-4 animate-slide-down">
             <Button
diff --git a/client/pages/hub/ClientHub.tsx b/client/pages/hub/ClientHub.tsx
index d400b073..497f5c0a 100644
--- a/client/pages/hub/ClientHub.tsx
+++ b/client/pages/hub/ClientHub.tsx
@@ -147,7 +147,7 @@ export default function ClientHub() {
   return (
     <Layout>
       <div className="min-h-screen bg-gradient-to-b from-black via-blue-950/20 to-black py-8">
-        <div className="container mx-auto px-4 max-w-7xl space-y-8">
+        <div className="container mx-auto px-4 max-w-6xl space-y-8">
           {/* Header */}
           <div className="space-y-4 animate-slide-down">
             <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
diff --git a/client/pages/hub/ClientInvoices.tsx b/client/pages/hub/ClientInvoices.tsx
index 4514910d..bb09557c 100644
--- a/client/pages/hub/ClientInvoices.tsx
+++ b/client/pages/hub/ClientInvoices.tsx
@@ -14,7 +14,7 @@ export default function ClientInvoices() {
 
         <main className="relative z-10">
           <section className="border-b border-slate-800 py-8">
-            <div className="container mx-auto max-w-7xl px-4">
+            <div className="container mx-auto max-w-6xl px-4">
               <Button
                 variant="ghost"
                 size="sm"
@@ -32,7 +32,7 @@ export default function ClientInvoices() {
           </section>
 
           <section className="py-12">
-            <div className="container mx-auto max-w-7xl px-4">
+            <div className="container mx-auto max-w-6xl px-4">
               <Card className="bg-slate-800/30 border-slate-700">
                 <CardContent className="p-12 text-center">
                   <FileText className="h-12 w-12 text-slate-600 mx-auto mb-4" />
diff --git a/client/pages/hub/ClientProjects.tsx b/client/pages/hub/ClientProjects.tsx
index 552c47f8..cd8c8a18 100644
--- a/client/pages/hub/ClientProjects.tsx
+++ b/client/pages/hub/ClientProjects.tsx
@@ -136,7 +136,7 @@ export default function ClientProjects() {
         <main className="relative z-10">
           {/* Header */}
           <section className="border-b border-slate-800 py-8">
-            <div className="container mx-auto max-w-7xl px-4">
+            <div className="container mx-auto max-w-6xl px-4">
               <Button
                 variant="ghost"
                 size="sm"
@@ -158,7 +158,7 @@ export default function ClientProjects() {
 
           {/* Filters */}
           <section className="border-b border-slate-800 py-6">
-            <div className="container mx-auto max-w-7xl px-4">
+            <div className="container mx-auto max-w-6xl px-4">
               <div className="space-y-4">
                 {/* Search */}
                 <div className="relative">
@@ -207,7 +207,7 @@ export default function ClientProjects() {
 
           {/* Projects Grid */}
           <section className="py-12">
-            <div className="container mx-auto max-w-7xl px-4">
+            <div className="container mx-auto max-w-6xl px-4">
               {filteredProjects.length === 0 ? (
                 <Card className="bg-slate-800/30 border-slate-700">
                   <CardContent className="p-12 text-center">
diff --git a/client/pages/hub/ClientReports.tsx b/client/pages/hub/ClientReports.tsx
index f2c3124c..d0f43676 100644
--- a/client/pages/hub/ClientReports.tsx
+++ b/client/pages/hub/ClientReports.tsx
@@ -14,7 +14,7 @@ export default function ClientReports() {
 
         <main className="relative z-10">
           <section className="border-b border-slate-800 py-8">
-            <div className="container mx-auto max-w-7xl px-4">
+            <div className="container mx-auto max-w-6xl px-4">
               <Button
                 variant="ghost"
                 size="sm"
@@ -32,7 +32,7 @@ export default function ClientReports() {
           </section>
 
           <section className="py-12">
-            <div className="container mx-auto max-w-7xl px-4">
+            <div className="container mx-auto max-w-6xl px-4">
               <Card className="bg-slate-800/30 border-slate-700">
                 <CardContent className="p-12 text-center">
                   <TrendingUp className="h-12 w-12 text-slate-600 mx-auto mb-4" />
diff --git a/client/pages/hub/ClientSettings.tsx b/client/pages/hub/ClientSettings.tsx
index dbe4b86e..6e267c4d 100644
--- a/client/pages/hub/ClientSettings.tsx
+++ b/client/pages/hub/ClientSettings.tsx
@@ -14,7 +14,7 @@ export default function ClientSettings() {
 
         <main className="relative z-10">
           <section className="border-b border-slate-800 py-8">
-            <div className="container mx-auto max-w-7xl px-4">
+            <div className="container mx-auto max-w-6xl px-4">
               <Button
                 variant="ghost"
                 size="sm"
@@ -32,7 +32,7 @@ export default function ClientSettings() {
           </section>
 
           <section className="py-12">
-            <div className="container mx-auto max-w-7xl px-4">
+            <div className="container mx-auto max-w-6xl px-4">
               <Card className="bg-slate-800/30 border-slate-700">
                 <CardContent className="p-12 text-center">
                   <Settings className="h-12 w-12 text-slate-600 mx-auto mb-4" />
diff --git a/client/pages/opportunities/OpportunitiesHub.tsx b/client/pages/opportunities/OpportunitiesHub.tsx
index 6718ed74..d2506b52 100644
--- a/client/pages/opportunities/OpportunitiesHub.tsx
+++ b/client/pages/opportunities/OpportunitiesHub.tsx
@@ -176,7 +176,7 @@ export default function OpportunitiesHub() {
 
           {/* Main Content */}
           <section className="py-12 lg:py-20">
-            <div className="container mx-auto max-w-7xl px-4">
+            <div className="container mx-auto max-w-6xl px-4">
               <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
                 {/* Filters Sidebar */}
                 <div className="lg:col-span-1">