Update src/app/page.tsx

Merge version_39 into main

src/app/page.tsx

@@ -10,8 +10,8 @@ import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
-import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
-import { Sparkles, Search, Award, Users, ArrowRight, CheckCircle } from "lucide-react";
+import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
+import { Sparkles, Search, Award, Users, ArrowRight, Smartphone, LayoutGrid, Palette } from "lucide-react";
 
 export default function WebAgency2Page() {
   return (
@@ -23,7 +23,7 @@ export default function WebAgency2Page() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
@@ -36,7 +36,7 @@ export default function WebAgency2Page() {
             { name: "Services", id: "services" },
             { name: "À Propos", id: "about" },
             { name: "Contact", id: "contact" },
-            { name: "Pricing", id: "pricing" }
+            { name: "Tarifs", id: "pricing" }
           ]}
           button={{ text: "Démarrer", href: "#contact" }}
         />
@@ -93,21 +93,24 @@ export default function WebAgency2Page() {
           />
         </div>
         <div id="pricing">
-          <PricingCardTwo
+          <PricingCardThree
             title="Nos Tarifs"
-            description="Des solutions adaptées à vos besoins avec des options premium."
+            description="La qualité Apple, la puissance du Web."
             animationType="slide-up"
-            textboxLayout="default"
+            textboxLayout="split-description"
             useInvertedBackground={false}
             plans={[
               {
-                id: "standard", badge: "Basic", price: "$99", subtitle: "Parfait pour démarrer", features: ["SEO de base", "Design Réactif", "Support Email"],
-                buttons: [{ text: "Choisir", href: "#" }]
+                id: "one-page",                price: "250 CHF", name: "Site One Page", buttons: [{ text: "Démarrer", href: "#contact" }],
+                features: ["Design épuré type Apple", "Performance optimisée", "Responsive sur mobile"]
               },
               {
-                id: "highlighted", badge: "Populaire", badgeIcon: CheckCircle,
-                price: "$199", subtitle: "Pour booster votre croissance", features: ["Tout le pack Basic", "SEO Avancé", "Analytics", "Support Prioritaire"],
-                buttons: [{ text: "Choisir", href: "#" }]
+                id: "multi-pages",                price: "1350 CHF", name: "Multi-pages", buttons: [{ text: "Choisir", href: "#contact" }],
+                features: ["Architecture multi-pages", "Gestion de contenu (CMS)", "SEO Avancé", "Formulaires complexes"]
+              },
+              {
+                id: "personnalise",                price: "Sur devis", name: "Sur-mesure", buttons: [{ text: "Parlons-en", href: "#contact" }],
+                features: ["Développement spécifique", "Support prioritaire", "Intégration API", "Monitoring 24/7"]
               }
             ]}
           />
@@ -165,4 +168,4 @@ export default function WebAgency2Page() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}