Update src/app/page.tsx

Merge version_38 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 PricingCardFive from "@/components/sections/pricing/PricingCardFive";
+import { Sparkles, Search, Award, Users, ArrowRight, CheckCircle, 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,27 @@ export default function WebAgency2Page() {
           />
         </div>
         <div id="pricing">
-          <PricingCardTwo
+          <PricingCardFive
             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",                tag: "Minimaliste",                tagIcon: Smartphone,
+                price: "890€",                period: "Forfait unique",                description: "Landing page efficace pour maximiser vos conversions immédiates.",                button: { text: "Démarrer", href: "#contact" },
+                featuresTitle: "Ce qui est inclus :",                features: ["Design épuré type Apple", "Performance optimisée", "Intégration Analytics", "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",                tag: "Complet",                tagIcon: LayoutGrid,
+                price: "1990€",                period: "À partir de",                description: "Site multi-pages riche pour présenter l'ensemble de votre écosystème.",                button: { text: "Choisir", href: "#contact" },
+                featuresTitle: "Tout en One-Page + :",                features: ["Architecture multi-pages", "Gestion de contenu (CMS)", "SEO Avancé", "Formulaires complexes"]
+              },
+              {
+                id: "personnalise",                tag: "Sur-mesure",                tagIcon: Palette,
+                price: "Sur devis",                period: "Contactez-nous",                description: "Application web sur-mesure ou plateforme e-commerce complexe.",                button: { text: "Parlons-en", href: "#contact" },
+                featuresTitle: "Pour aller plus loin :",                features: ["Développement spécifique", "Support prioritaire", "Intégration API", "Monitoring 24/7"]
               }
             ]}
           />