From e63307993316d862900352cec00d035e028a240f Mon Sep 17 00:00:00 2001
From: MrPiglr <MrPiglr@gmail.com>
Date: Sun, 11 Jan 2026 03:23:48 +0000
Subject: [PATCH] Fix button and text sizing issues
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Reduced button sizes: h-16 → h-12, text-xl → text-base
- Reduced padding: px-10 → px-8
- Fixed icon sizes: w-6 h-6 → w-5 h-5
- Normalized font weights: font-black → font-bold
- Fixed hero headings: text-7xl/8xl/9xl → text-5xl/6xl/7xl
- Fixed subheadings: text-2xl/3xl → text-xl/2xl
- Fixed section headings: text-5xl/6xl → text-4xl/5xl
- Removed excessive text-lg from buttons

Pages fixed:
✅ Homepage
✅ Dashboard
✅ Realms
✅ Labs
✅ GameForge
✅ Foundation

Much more readable and balanced!
---
 client/pages/Dashboard.tsx  |  8 ++++----
 client/pages/Foundation.tsx |  4 ++--
 client/pages/GameForge.tsx  |  4 ++--
 client/pages/Index.tsx      | 20 ++++++++++----------
 client/pages/Labs.tsx       |  4 ++--
 client/pages/Realms.tsx     |  2 +-
 6 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/client/pages/Dashboard.tsx b/client/pages/Dashboard.tsx
index a020ed1e..f880cf7b 100644
--- a/client/pages/Dashboard.tsx
+++ b/client/pages/Dashboard.tsx
@@ -304,14 +304,14 @@ export default function Dashboard() {
             </div>
             <Button
               onClick={() => navigate("/login")}
-              className="w-full bg-gradient-to-r from-purple-600 to-blue-600 hover:from-purple-700 hover:to-blue-700 text-white text-lg py-6"
+              className="w-full bg-gradient-to-r from-purple-600 to-blue-600 hover:from-purple-700 hover:to-blue-700 text-white py-6"
             >
               Sign In to Dashboard
             </Button>
             <Button
               onClick={() => navigate("/onboarding")}
               variant="outline"
-              className="w-full text-lg py-6 border-purple-500/30 text-purple-300 hover:bg-purple-500/10"
+              className="w-full py-6 border-purple-500/30 text-purple-300 hover:bg-purple-500/10"
             >
               Create New Account
             </Button>
@@ -331,10 +331,10 @@ export default function Dashboard() {
           <div className="space-y-4 animate-slide-down">
             <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
               <div className="space-y-2">
-                <h1 className="text-5xl md:text-6xl font-bold bg-gradient-to-r from-purple-300 via-blue-300 to-purple-300 bg-clip-text text-transparent">
+                <h1 className="text-4xl md:text-5xl font-bold bg-gradient-to-r from-purple-300 via-blue-300 to-purple-300 bg-clip-text text-transparent">
                   Dashboard
                 </h1>
-                <p className="text-gray-400 text-lg">
+                <p className="text-gray-400">
                   Welcome back,{" "}
                   <span className="text-purple-300 font-semibold">
                     {profile?.full_name || user.email?.split("@")[0]}
diff --git a/client/pages/Foundation.tsx b/client/pages/Foundation.tsx
index 6e95dac7..3ad8521b 100644
--- a/client/pages/Foundation.tsx
+++ b/client/pages/Foundation.tsx
@@ -112,11 +112,11 @@ export default function Foundation() {
                 501(c)(3) Non-Profit Organization
               </Badge>
 
-              <h1 className="text-5xl md:text-6xl lg:text-7xl font-black bg-gradient-to-r from-red-300 via-pink-300 to-red-300 bg-clip-text text-transparent">
+              <h1 className="text-5xl md:text-6xl lg:text-7xl font-bold bg-gradient-to-r from-red-300 via-pink-300 to-red-300 bg-clip-text text-transparent">
                 AeThex Foundation
               </h1>
 
-              <p className="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto leading-relaxed">
+              <p className="text-lg md:text-xl text-gray-300 max-w-3xl mx-auto leading-relaxed">
                 501(c)(3) non-profit advancing game development
               </p>
 
diff --git a/client/pages/GameForge.tsx b/client/pages/GameForge.tsx
index 286b3c10..defe2720 100644
--- a/client/pages/GameForge.tsx
+++ b/client/pages/GameForge.tsx
@@ -154,11 +154,11 @@ export default function GameForge() {
                     Foundation's Game Production Studio
                   </Badge>
 
-                  <h1 className={`text-5xl md:text-6xl lg:text-7xl font-black text-green-300 leading-tight ${theme.fontClass}`}>
+                  <h1 className={`text-5xl md:text-6xl lg:text-7xl font-bold text-green-300 leading-tight ${theme.fontClass}`}>
                     Ship Games Every Month
                   </h1>
 
-                  <p className="text-xl md:text-2xl text-green-100/80 max-w-3xl mx-auto leading-relaxed">
+                  <p className="text-lg md:text-xl text-green-100/80 max-w-3xl mx-auto leading-relaxed">
                     Ship real games in 30-day sprints
                   </p>
 
diff --git a/client/pages/Index.tsx b/client/pages/Index.tsx
index 13a79230..7631ff4e 100644
--- a/client/pages/Index.tsx
+++ b/client/pages/Index.tsx
@@ -237,7 +237,7 @@ export default function Index() {
               animate={{ opacity: 1, scale: 1 }}
               transition={{ duration: 0.8, delay: 0.2 }}
             >
-              <h1 className="text-7xl md:text-8xl lg:text-9xl font-black tracking-tight leading-none">
+              <h1 className="text-5xl md:text-6xl lg:text-7xl font-black tracking-tight leading-none">
                 Build on
                 <br />
                 <span className="relative inline-block mt-4">
@@ -264,7 +264,7 @@ export default function Index() {
               initial={{ opacity: 0, y: 20 }}
               animate={{ opacity: 1, y: 0 }}
               transition={{ duration: 0.8, delay: 0.4 }}
-              className="text-2xl md:text-3xl text-muted-foreground max-w-4xl mx-auto leading-relaxed font-light"
+              className="text-xl md:text-2xl text-muted-foreground max-w-4xl mx-auto leading-relaxed font-light"
             >
               The <span className="text-primary font-bold">integration layer</span> connecting all metaverse platforms.
               <br className="hidden md:block" />
@@ -313,19 +313,19 @@ export default function Index() {
               <Link to="/dev-platform/quick-start">
                 <Button 
                   size="lg" 
-                  className="text-xl px-10 h-16 bg-primary hover:bg-primary/90 shadow-[0_0_40px_rgba(168,85,247,0.6)] hover:shadow-[0_0_60px_rgba(168,85,247,0.8)] hover:scale-105 transition-all duration-300 font-black uppercase tracking-wide border-2 border-primary/50"
+                  className="text-base px-8 h-12 bg-primary hover:bg-primary/90 shadow-[0_0_40px_rgba(168,85,247,0.6)] hover:shadow-[0_0_60px_rgba(168,85,247,0.8)] hover:scale-105 transition-all duration-300 font-bold uppercase tracking-wide border-2 border-primary/50"
                 >
                   Start Building
-                  <Rocket className="w-6 h-6 ml-3" />
+                  <Rocket className="w-5 h-5 ml-2" />
                 </Button>
               </Link>
               <Link to="/dev-platform/api-reference">
                 <Button 
                   size="lg" 
                   variant="outline" 
-                  className="text-xl px-10 h-16 backdrop-blur-xl bg-background/50 border-2 border-primary/40 hover:bg-primary/10 hover:border-primary/60 shadow-[0_0_20px_rgba(168,85,247,0.3)] hover:shadow-[0_0_40px_rgba(168,85,247,0.5)] hover:scale-105 transition-all duration-300 font-black uppercase tracking-wide"
+                  className="text-base px-8 h-12 backdrop-blur-xl bg-background/50 border-2 border-primary/40 hover:bg-primary/10 hover:border-primary/60 shadow-[0_0_20px_rgba(168,85,247,0.3)] hover:shadow-[0_0_40px_rgba(168,85,247,0.5)] hover:scale-105 transition-all duration-300 font-bold uppercase tracking-wide"
                 >
-                  <BookOpen className="w-6 h-6 mr-3" />
+                  <BookOpen className="w-5 h-5 mr-2" />
                   Explore APIs
                 </Button>
               </Link>
@@ -572,20 +572,20 @@ export default function Index() {
                 <Link to="/dev-platform/dashboard">
                   <Button 
                     size="lg" 
-                    className="text-xl px-10 h-16 bg-primary hover:bg-primary/90 shadow-[0_0_40px_rgba(168,85,247,0.6)] hover:shadow-[0_0_60px_rgba(168,85,247,0.8)] hover:scale-105 transition-all duration-300 font-black uppercase tracking-wide border-2 border-primary/50"
+                    className="text-base px-8 h-12 bg-primary hover:bg-primary/90 shadow-[0_0_40px_rgba(168,85,247,0.6)] hover:shadow-[0_0_60px_rgba(168,85,247,0.8)] hover:scale-105 transition-all duration-300 font-bold uppercase tracking-wide border-2 border-primary/50"
                   >
                     Get Your API Key
-                    <ArrowRight className="w-6 h-6 ml-3" />
+                    <ArrowRight className="w-5 h-5 ml-2" />
                   </Button>
                 </Link>
                 <Link to="/realms">
                   <Button 
                     size="lg" 
                     variant="outline" 
-                    className="text-xl px-10 h-16 backdrop-blur-xl bg-background/50 border-2 border-primary/40 hover:bg-primary/10 hover:border-primary/60 shadow-[0_0_20px_rgba(168,85,247,0.3)] hover:shadow-[0_0_40px_rgba(168,85,247,0.5)] hover:scale-105 transition-all duration-300 font-black uppercase tracking-wide"
+                    className="text-base px-8 h-12 backdrop-blur-xl bg-background/50 border-2 border-primary/40 hover:bg-primary/10 hover:border-primary/60 shadow-[0_0_20px_rgba(168,85,247,0.3)] hover:shadow-[0_0_40px_rgba(168,85,247,0.5)] hover:scale-105 transition-all duration-300 font-bold uppercase tracking-wide"
                   >
                     Explore Realms
-                    <Boxes className="w-6 h-6 ml-3" />
+                    <Boxes className="w-5 h-5 ml-2" />
                   </Button>
                 </Link>
               </motion.div>
diff --git a/client/pages/Labs.tsx b/client/pages/Labs.tsx
index 19c86de5..bcb8c62c 100644
--- a/client/pages/Labs.tsx
+++ b/client/pages/Labs.tsx
@@ -177,11 +177,11 @@ export default function Labs() {
                     Advanced Research & Development
                   </Badge>
 
-                  <h1 className={`text-5xl md:text-6xl lg:text-7xl font-black text-yellow-300 leading-tight ${theme.fontClass}`}>
+                  <h1 className={`text-5xl md:text-6xl lg:text-7xl font-bold text-yellow-300 leading-tight ${theme.fontClass}`}>
                     The Innovation Engine
                   </h1>
 
-                  <p className="text-xl md:text-2xl text-yellow-100/80 max-w-3xl mx-auto leading-relaxed">
+                  <p className="text-lg md:text-xl text-yellow-100/80 max-w-3xl mx-auto leading-relaxed">
                     Breakthrough R&D in software, AI, and games
                   </p>
 
diff --git a/client/pages/Realms.tsx b/client/pages/Realms.tsx
index 6b4d44fe..f30386d1 100644
--- a/client/pages/Realms.tsx
+++ b/client/pages/Realms.tsx
@@ -91,7 +91,7 @@ export default function Realms() {
             Choose Your{" "}
             <span className="text-primary drop-shadow-[0_0_25px_rgba(168,85,247,0.8)]">Realm</span>
           </h1>
-          <p className="text-xl md:text-2xl text-muted-foreground max-w-3xl mx-auto font-light">
+          <p className="text-lg md:text-xl text-muted-foreground max-w-3xl mx-auto font-light">
             Unique tools and communities for every role
           </p>
         </motion.div>