Update src/app/page.tsx

Merge version_29 into main

src/app/comparison/page.tsx

@@ -29,21 +29,21 @@ export default function ComparisonPage() {
             { name: "À Propos", id: "about" },
             { name: "Contact", id: "contact" },
             { name: "Pricing", id: "/pricing" },
-            { name: "Features Comparison", id: "/comparison" },
+            { name: "Nos Offres", id: "/comparison" },
             { name: "Pricing Highlights", id: "/pricing-highlighted" }
           ]}
           button={{ text: "Démarrer", href: "#contact" }}
         />
         <div id="features-comparison" className="pt-32 pb-20">
            <PricingCardEight
-            title="Features Comparison"
-            description="Compare our plans and choose the perfect fit for your digital growth."
+            title="Nos Offres"
+            description="Découvrez nos différentes options conçues pour propulser votre croissance digitale."
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
             plans={[
-                { id: "basic", badge: "Essential", price: "$49", subtitle: "For growing brands", features: ["SEO Optimization", "Web Development", "Standard Support"], buttons: [{ text: "Get Started", href: "#" }] },
-                { id: "pro", badge: "Professional", price: "$99", subtitle: "For established businesses", features: ["Everything in Basic", "Advanced Analytics", "24/7 Priority Support", "Custom UI/UX"], buttons: [{ text: "Choose Pro", href: "#" }] }
+                { id: "basic", badge: "Essentiel", price: "$49", subtitle: "Pour les marques en croissance", features: ["SEO Optimisé", "Développement Web", "Support Standard"], buttons: [{ text: "Démarrer", href: "#" }] },
+                { id: "pro", badge: "Professionnel", price: "$99", subtitle: "Pour les entreprises établies", features: ["Tout le pack Essentiel", "Analyses Avancées", "Support Prioritaire 24/7", "UI/UX Sur-mesure"], buttons: [{ text: "Choisir", href: "#" }] }
             ]}
            />
         </div>
@@ -58,4 +58,4 @@ export default function ComparisonPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -10,7 +10,10 @@ 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 { Sparkles, Search, Award, Users, ArrowRight } from "lucide-react";
+import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
+import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
+import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
+import { Sparkles, Search, Award, Users, ArrowRight, CheckCircle } from "lucide-react";
 
 export default function WebAgency2Page() {
   return (
@@ -34,9 +37,8 @@ export default function WebAgency2Page() {
             { name: "Services", id: "services" },
             { name: "À Propos", id: "about" },
             { name: "Contact", id: "contact" },
-            { name: "Pricing", id: "/pricing" },
-            { name: "Features Comparison", id: "/comparison" },
-            { name: "Pricing Highlights", id: "/pricing-highlighted" }
+            { name: "Tarifs", id: "pricing" },
+            { name: "Offres", id: "/comparison" }
           ]}
           button={{ text: "Démarrer", href: "#contact" }}
         />
@@ -92,6 +94,45 @@ export default function WebAgency2Page() {
             ]}
           />
         </div>
+        <div id="offers">
+           <PricingCardEight
+            title="Nos Offres"
+            description="Découvrez nos différentes options conçues pour propulser votre croissance digitale."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+                { id: "basic", badge: "Essentiel", price: "$49", subtitle: "Pour les marques en croissance", features: ["SEO Optimisé", "Développement Web", "Support Standard"], buttons: [{ text: "Démarrer", href: "#" }] },
+                { id: "pro", badge: "Professionnel", price: "$99", subtitle: "Pour les entreprises établies", features: ["Tout le pack Essentiel", "Analyses Avancées", "Support Prioritaire 24/7", "UI/UX Sur-mesure"], buttons: [{ text: "Choisir", href: "#" }] }
+            ]}
+           />
+        </div>
+        <div id="pricing">
+          <PricingCardThree
+            title="Nos Plans Tarifaires"
+            description="Choisissez l'offre qui propulsera votre projet vers le succès."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "starter", price: "$49", name: "Starter", features: ["SEO de base", "Design Réactif", "Maintenance Mensuelle"], buttons: [{ text: "Démarrer", href: "#" }] },
+              { id: "growth", price: "$99", name: "Growth", features: ["SEO Avancé", "Stratégie Digitale", "Support 24/7", "Analytique"], buttons: [{ text: "Choisir", href: "#" }] },
+              { id: "pro", price: "$199", name: "Pro", features: ["Tout le pack Growth", "UI/UX Personnalisé", "Gestionnaire Dédié", "Performance Optimisée"], buttons: [{ text: "Passer au niveau supérieur", href: "#" }] }
+            ]}
+          />
+        </div>
+        <div id="pricing-highlighted">
+          <PricingCardOne
+            title="Pricing Plans"
+            description="Premium plans with highlighted features."
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "pro", badge: "Highlighted", badgeIcon: CheckCircle, price: "$199", subtitle: "Best value plan", features: ["Everything in standard", "Dedicated support", "Custom analytics", "Unlimited projects"] }
+            ]}
+          />
+        </div>
         <TestimonialCardSixteen
           title="Témoignages"
           description="Ce que nos clients disent de nous."

src/app/pricing-highlighted/page.tsx

@@ -30,7 +30,7 @@ export default function PricingHighlightedPage() {
             { name: "À Propos", id: "about" },
             { name: "Contact", id: "contact" },
             { name: "Pricing", id: "/pricing" },
-            { name: "Features Comparison", id: "/comparison" },
+            { name: "Nos Offres", id: "/comparison" },
             { name: "Pricing Highlights", id: "/pricing-highlighted" }
           ]}
           button={{ text: "Démarrer", href: "#contact" }}
@@ -58,4 +58,4 @@ export default function PricingHighlightedPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -29,7 +29,7 @@ export default function PricingPage() {
             { name: "À Propos", id: "about" },
             { name: "Contact", id: "contact" },
             { name: "Pricing", id: "/pricing" },
-            { name: "Features Comparison", id: "/comparison" },
+            { name: "Nos Offres", id: "/comparison" },
             { name: "Pricing Highlights", id: "/pricing-highlighted" }
           ]}
           button={{ text: "Démarrer", href: "#contact" }}
@@ -59,4 +59,4 @@ export default function PricingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}