Fix button and text sizing issues

- 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!
This commit is contained in:
MrPiglr 2026-01-11 03:23:48 +00:00 committed by GitHub
parent 5a9487f148
commit e633079933
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 21 additions and 21 deletions

View file

@ -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]}

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>