Fix: Header and CTA on landing page

-   Make the header span the full width of the page.
-   Add a prominent call-to-action (CTA) to encourage users to start.

Author: lovable-dev[bot]

src/pages/LandingPage.tsx

@@ -118,7 +118,7 @@ const LandingPage = () => {
 
         {/* Header */}
         <header className="fixed top-0 w-full border-b border-slate-200/80 bg-white/90 backdrop-blur-xl z-50 transition-all">
-          <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="w-full px-4 sm:px-6 lg:px-8">
             <div className="flex justify-between items-center h-16">
               <a href="/" className="flex items-center gap-2 animate-fade-in hover:opacity-80 transition-opacity">
                 <RefSpringLogo width="32" height="32" />
@@ -138,9 +138,18 @@ const LandingPage = () => {
                   Témoignages
                 </a>
               </nav>
-              <Button variant="outline" className="hidden md:flex hover:scale-105 transition-transform" onClick={redirectToDashboard}>
-                Se connecter
-              </Button>
+              <div className="flex items-center gap-3">
+                <Button variant="outline" className="hidden md:flex hover:scale-105 transition-transform" onClick={redirectToDashboard}>
+                  Se connecter
+                </Button>
+                <Button 
+                  className="bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white font-semibold px-6 py-2 shadow-lg hover:shadow-xl hover:scale-105 transition-all animate-pulse"
+                  onClick={redirectToDashboard}
+                >
+                  Commencer gratuitement
+                  <ArrowRight className="ml-2 h-4 w-4" />
+                </Button>
+              </div>
             </div>
           </div>
         </header>