julienfroidefond/got-gaming
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance HeroSection layout by adding flexbox for better alignment and adjusting max-width for larger screens. This improves the overall presentation of the game title.

Browse Source
This commit is contained in:
Julien Froidefond
2025-12-09 06:53:27 +01:00
parent f62843efcf
commit f57a30eb4d
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components/HeroSection.tsx
View File

@@ -15,18 +15,20 @@ export default function HeroSection() {
</div> </div>
{/* Hero Content */} {/* Hero Content */}
<div className="relative z-10 w-full max-w-5xl mx-auto px-8 py-16 text-center"> <div className="relative z-10 w-full max-w-5xl xl:max-w-6xl mx-auto px-8 py-16 text-center flex flex-col items-center">
{/* Game Title */} {/* Game Title */}
<h1 className="text-6xl md:text-8xl lg:text-9xl font-gaming font-black mb-4 tracking-tight"> <div className="w-full flex justify-center mb-4">
<span <h1 className="text-6xl md:text-8xl lg:text-9xl xl:text-9xl font-gaming font-black tracking-tight">
className="bg-gradient-to-r from-pixel-gold via-orange-400 to-pixel-gold bg-clip-text text-transparent" <span
style={{ className="bg-gradient-to-r from-pixel-gold via-orange-400 to-pixel-gold bg-clip-text text-transparent"
textShadow: "0 0 30px rgba(218, 165, 32, 0.5)", style={{
}} textShadow: "0 0 30px rgba(218, 165, 32, 0.5)",
> }}
GAME.OF.TECH >
</span> GAME.OF.TECH
</h1> </span>
</h1>
</div>
{/* Subtitle */} {/* Subtitle */}
<div className="text-pixel-gold text-xl md:text-2xl font-gaming-subtitle font-semibold flex items-center justify-center gap-2 mb-8 tracking-wider"> <div className="text-pixel-gold text-xl md:text-2xl font-gaming-subtitle font-semibold flex items-center justify-center gap-2 mb-8 tracking-wider">