Update src/app/comparison/page.tsx

src/app/comparison/page.tsx

@@ -16,7 +16,7 @@ export default function ComparisonPage() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
@@ -37,6 +37,8 @@ export default function ComparisonPage() {
             title="Features Comparison"
             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: "#" }] }