Update theme colors

Merge version_1 into main

src/app/pricing/page.tsx

@@ -56,9 +56,7 @@ export default function PricingPage() {
           brandName="Montois Multi Services"
           navItems={navItems}
           button={{
-            text: "Nous Contacter",
+            text: "Nous Contacter",            href: "/contact"}}
-            href: "/contact",
-          }}
           animateOnLoad={true}
         />
       </div>
@@ -74,86 +72,87 @@ export default function PricingPage() {
         </div>
       </div>
 
-      <div id="pricing-options" data-section="pricing-options" className="py-16 md:py-24 px-4 md:px-6">
+      <div id="pricing-table" data-section="pricing-table" className="py-12 md:py-16 px-4 md:px-6">
         <div className="mx-auto max-w-6xl">
-          <div className="grid md:grid-cols-3 gap-6 md:gap-8">
+          <div className="overflow-x-auto">
-            <div className="bg-card rounded-lg p-8 border border-background-accent/50">
+            <table className="w-full border-collapse">
-              <h3 className="text-2xl font-bold mb-4 text-foreground">Intervention Ponctuelle</h3>
+              <thead>
-              <p className="text-foreground/70 mb-6">
+                <tr className="border-b border-background-accent/50">
-                Pour vos besoins occasionnels et ponctuels d'entretien ou de maintenance.
+                  <th className="text-left py-4 px-6 text-foreground font-bold">
-              </p>
+                    Service
-              <div className="mb-6">
+                  </th>
-                <p className="text-3xl font-bold text-primary-cta">À partir de</p>
+                  <th className="text-right py-4 px-6 text-foreground font-bold">
-                <p className="text-xl text-foreground/60 mt-2">50 € / heure</p>
+                    Tarif
-              </div>
+                  </th>
-              <ul className="space-y-3 mb-8 text-foreground/70">
+                </tr>
-                <li className="flex items-center">
+              </thead>
-                  <span className="mr-3 text-accent">✓</span>
+              <tbody>
-                  Tarif horaire flexible
+                <tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
-                </li>
+                  <td className="py-4 px-6 text-foreground">
-                <li className="flex items-center">
+                    Entretien intérieur
-                  <span className="mr-3 text-accent">✓</span>
+                  </td>
-                  Disponibilité selon calendrier
+                  <td className="text-right py-4 px-6 text-foreground font-semibold">
-                </li>
+                    30 €/h
-                <li className="flex items-center">
+                  </td>
-                  <span className="mr-3 text-accent">✓</span>
+                </tr>
-                  Devis avant intervention
+                <tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
-                </li>
+                  <td className="py-4 px-6 text-foreground">
-              </ul>
+                    Entretien extérieur
-            </div>
+                  </td>
-
+                  <td className="text-right py-4 px-6 text-foreground font-semibold">
-            <div className="bg-card rounded-lg p-8 border border-accent/50 relative">
+                    30 €/h
-              <div className="absolute -top-4 left-1/2 -translate-x-1/2 bg-accent text-primary-cta-text px-4 py-2 rounded-full text-sm font-semibold">
+                  </td>
-                Recommandé
+                </tr>
-              </div>
+                <tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
-              <h3 className="text-2xl font-bold mb-4 text-foreground">Forfait Mensuel</h3>
+                  <td className="py-4 px-6 text-foreground">
-              <p className="text-foreground/70 mb-6">
+                    Travaux de maintenance
-                Pour un entretien régulier et continu de votre propriété.
+                  </td>
-              </p>
+                  <td className="text-right py-4 px-6 text-foreground font-semibold">
-              <div className="mb-6">
+                    30 €/h
-                <p className="text-3xl font-bold text-primary-cta">À partir de</p>
+                  </td>
-                <p className="text-xl text-foreground/60 mt-2">500 € / mois</p>
+                </tr>
-              </div>
+                <tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
-              <ul className="space-y-3 mb-8 text-foreground/70">
+                  <td className="py-4 px-6 text-foreground">
-                <li className="flex items-center">
+                    Entretien extérieur avec matériel thermique
-                  <span className="mr-3 text-accent">✓</span>
+                  </td>
-                  Interventions régulières
+                  <td className="text-right py-4 px-6 text-foreground font-semibold">
-                </li>
+                    35 €/h
-                <li className="flex items-center">
+                  </td>
-                  <span className="mr-3 text-accent">✓</span>
+                </tr>
-                  Suivi personnalisé
+                <tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
-                </li>
+                  <td className="py-4 px-6 text-foreground">
-                <li className="flex items-center">
+                    Entretien du linge
-                  <span className="mr-3 text-accent">✓</span>
+                  </td>
-                  10% de réduction
+                  <td className="text-right py-4 px-6 text-foreground font-semibold">
-                </li>
+                    30 €/h
-              </ul>
+                  </td>
-            </div>
+                </tr>
-
+                <tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
-            <div className="bg-card rounded-lg p-8 border border-background-accent/50">
+                  <td className="py-4 px-6 text-foreground">
-              <h3 className="text-2xl font-bold mb-4 text-foreground">Forfait Annuel</h3>
+                    Enlèvement des déchets
-              <p className="text-foreground/70 mb-6">
+                  </td>
-                Pour la gestion complète de votre propriété avec engagement annuel.
+                  <td className="text-right py-4 px-6 text-foreground font-semibold">
-              </p>
+                    35 €/h
-              <div className="mb-6">
+                  </td>
-                <p className="text-3xl font-bold text-primary-cta">À partir de</p>
+                </tr>
-                <p className="text-xl text-foreground/60 mt-2">5 000 € / an</p>
+                <tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
-              </div>
+                  <td className="py-4 px-6 text-foreground">
-              <ul className="space-y-3 mb-8 text-foreground/70">
+                    Vérification de logement
-                <li className="flex items-center">
+                  </td>
-                  <span className="mr-3 text-accent">✓</span>
+                  <td className="text-right py-4 px-6 text-foreground font-semibold">
-                  Meilleur tarif
+                    7,50 €/visite
-                </li>
+                  </td>
-                <li className="flex items-center">
+                </tr>
-                  <span className="mr-3 text-accent">✓</span>
+                <tr className="hover:bg-card/50 transition-colors">
-                  Priorité d'intervention
+                  <td className="py-4 px-6 text-foreground">
-                </li>
+                    Mise en route du chauffe-eau et/ou du chauffage
-                <li className="flex items-center">
+                  </td>
-                  <span className="mr-3 text-accent">✓</span>
+                  <td className="text-right py-4 px-6 text-foreground font-semibold">
-                  Support prioritaire
+                    15 €
-                </li>
+                  </td>
-              </ul>
+                </tr>
-            </div>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
@@ -218,13 +217,9 @@ export default function PricingPage() {
           useInvertedBackground={false}
           buttons={[
             {
-              text: "Demander Un Devis",
+              text: "Demander Un Devis",              href: "/contact"},
-              href: "/contact",
-            },
             {
-              text: "Nous Appeler",
+              text: "Nous Appeler",              href: "tel:0677221466"},
-              href: "tel:0677221466",
-            },
           ]}
         />
       </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffefe;
+  --background: #ffffff;
-  --card: #f6f7f4;
+  --card: #f9f9f9;
-  --foreground: #080908;
+  --foreground: #000612e6;
-  --primary-cta: #0e3a29;
+  --primary-cta: #15479c;
-  --primary-cta-text: #fffefe;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #e7eecd;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #080908;
+  --secondary-cta-text: #000612e6;
-  --accent: #35c18b;
+  --accent: #e2e2e2;
-  --background-accent: #ecebe4;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);