wkadmin/the-tip-top-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: update homepage buttons to orange and balance spacing

Browse Source 
- Change "Voir les lots" button to orange to match "Participer maintenant"
- Add horizontal padding for balanced spacing
- Make buttons responsive (full width on mobile, auto on desktop)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
soufiane 2025-11-19 02:52:40 +01:00
parent 34e0bb1f1a
commit 21ccce0f3a
1 changed files with 9 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/page.tsx
View File

@ -19,39 +19,32 @@ export default function HomePage() {
}}></div>
</div>
<div className="w-full px-0 relative z-10">
<div className="max-w-4xl mx-auto px-4 text-center">
<div className="w-full relative z-10">
<div className="w-full text-center px-4">
<h1 className="text-5xl md:text-6xl font-bold text-white mb-6 leading-tight">
Un code, <span className="text-[#f59e0b]">un gain garanti !</span>
</h1>
<p className="text-xl text-white/90 mb-8 leading-relaxed max-w-3xl mx-auto">
<p className="text-xl text-white/90 mb-8 leading-relaxed">
Célébrez l'ouverture de notre 10<sup>e</sup> boutique avec notre grand jeu-concours.
<br />
<span className="font-semibold text-[#f59e0b]">100% des participants gagnent un magnifique lot !</span>
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center mb-12">
<div className="flex flex-col sm:flex-row gap-4 justify-center mb-12 px-4">
<Link href="/register">
<Button
size="lg"
className="bg-[#f59e0b] hover:bg-[#d97706] text-white font-bold text-lg px-10 py-4 shadow-xl border-0"
>
<button className="bg-[#f59e0b] hover:bg-[#d97706] text-white font-bold text-lg px-10 py-4 rounded-lg shadow-xl transition-all w-full sm:w-auto">
Participer maintenant
</Button>
</button>
</Link>
<Link href="/lots">
<Button
variant="outline"
size="lg"
className="border-2 border-white text-white hover:bg-white hover:text-[#1a4d2e] font-bold text-lg px-10 py-4"
>
<button className="bg-[#f59e0b] hover:bg-[#d97706] text-white font-bold text-lg px-10 py-4 rounded-lg shadow-xl transition-all w-full sm:w-auto">
Voir les lots
</Button>
</button>
</Link>
</div>
{/* Stats badges */}
<div className="flex flex-wrap justify-center gap-6 text-white">
<div className="flex flex-wrap justify-center gap-6 text-white px-4">
<div className="flex items-center gap-2 bg-white/10 backdrop-blur-sm px-4 py-2 rounded-full">
<svg className="w-5 h-5 text-[#f59e0b]" fill="currentColor" viewBox="0 0 20 20">
<path fillRule="evenodd" d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />