From 21ccce0f3ae9018e376d78655938c50720fae978 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane.baali99@gmail.com>
Date: Wed, 19 Nov 2025 02:52:40 +0100
Subject: [PATCH] style: update homepage buttons to orange and balance spacing
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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>
---
 app/page.tsx | 25 +++++++++----------------
 1 file changed, 9 insertions(+), 16 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index c74e131..a50a5ca 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -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" />