Update src/app/pricing-highlighted/page.tsx

Merge version_30 into main

src/app/comparison/page.tsx

@@ -4,7 +4,6 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
 
 export default function ComparisonPage() {
   return (
@@ -29,23 +28,13 @@ export default function ComparisonPage() {
             { name: "À Propos", id: "about" },
             { name: "Contact", id: "contact" },
             { name: "Pricing", id: "/pricing" },
-            { name: "Features Comparison", id: "/comparison" },
             { name: "Pricing Highlights", id: "/pricing-highlighted" }
           ]}
           button={{ text: "Démarrer", href: "#contact" }}
         />
-        <div id="features-comparison" className="pt-32 pb-20">
+        <div className="pt-32 pb-20 text-center">
-           <PricingCardEight
+          <h1 className="text-4xl font-medium">Page vide</h1>
-            title="Features Comparison"
+          <p className="mt-4">Les sections ont été retirées comme demandé.</p>
-            description="Compare our plans and choose the perfect fit for your digital growth."
-            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: "#" }] }
-            ]}
-           />
         </div>
         <FooterBase
           logoText="Switzerweb"
@@ -58,4 +47,4 @@ export default function ComparisonPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -10,7 +10,9 @@ 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 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 +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" }
-            { name: "Features Comparison", id: "/comparison" },
-            { name: "Pricing Highlights", id: "/pricing-highlighted" }
           ]}
           button={{ text: "Démarrer", href: "#contact" }}
         />
@@ -92,6 +92,32 @@ export default function WebAgency2Page() {
             ]}
           />
         </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."
@@ -143,4 +169,4 @@ export default function WebAgency2Page() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/pricing-highlighted/page.tsx

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

src/app/pricing/page.tsx

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