Update src/app/comparison/page.tsx

src/app/comparison/page.tsx

@@ -4,7 +4,7 @@ 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 { Sparkles } from "lucide-react";
+import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
 
 export default function ComparisonPage() {
   return (
@@ -33,7 +33,15 @@ export default function ComparisonPage() {
           button={{ text: "Démarrer", href: "#contact" }}
         />
         <div id="features-comparison" className="pt-32 pb-20">
-           {/* Comparison component content would go here */}
+           <PricingCardEight
+            title="Features Comparison"
+            description="Compare our plans and choose the perfect fit for your digital growth."
+            animationType="slide-up"
+            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"