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:
parent
5a9487f148
commit
e633079933
6 changed files with 21 additions and 21 deletions
|
|
@ -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]}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue