Update src/app/page.tsx

src/app/page.tsx

@@ -28,7 +28,10 @@ export default function Page() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline navItems={navItems} />
+        <NavbarLayoutFloatingInline 
+          navItems={navItems} 
+          button={{ text: "Contact" }}
+        />
       </div>
       <div id="hero" data-section="hero">
         <HeroSplitDualMedia 
@@ -47,6 +50,8 @@ export default function Page() {
           names={['Laurentides', 'Montréal', 'Grand Montréal', 'Plomberie Experts']}
           title="Services de confiance"
           textboxLayout="default"
+          description="Partenaires et régions desservies."
+          useInvertedBackground={false}
         />
       </div>
       <div id="services" data-section="services">
@@ -55,6 +60,7 @@ export default function Page() {
           description="Expertise complète pour vos besoins en plomberie."
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           features={[
             { id: '1', title: 'Plomberie Résidentielle', tags: ['Urgence'] },
             { id: '2', title: 'Plomberie Commerciale', tags: ['Installation'] }
@@ -65,6 +71,7 @@ export default function Page() {
         <TextSplitAbout 
           title="Plus de 10 ans d'expérience"
           description={["André Auger et son équipe offrent des services fiables et professionnels 24/7."]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
@@ -74,6 +81,7 @@ export default function Page() {
           showRating={true}
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           testimonials={[
             { id: 't1', name: 'Jean D.', handle: '@client', testimonial: 'Service exceptionnel et rapide !', rating: 5 }
           ]}
@@ -82,9 +90,11 @@ export default function Page() {
       <div id="zone" data-section="zone">
         <FaqSplitMedia 
           title="Questions fréquentes"
+          description="Trouvez les réponses à vos questions."
           faqs={[{ id: 'f1', title: 'Quelles zones desservez-vous?', content: 'Laurentides et Grand Montréal.' }]}
           faqsAnimation="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="final-cta" data-section="final-cta">
@@ -93,6 +103,8 @@ export default function Page() {
           title="Besoin d'aide immédiate?"
           description="Contactez-nous pour une intervention rapide 24h/24, 7j/7."
           buttons={[{ text: "Appeler maintenant" }]}
+          background={{ variant: 'radial-gradient' }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">