diff --git a/src/components/sections/pricing/FeatureComparison.tsx b/src/components/sections/pricing/FeatureComparison.tsx new file mode 100644 index 0000000..44b20e5 --- /dev/null +++ b/src/components/sections/pricing/FeatureComparison.tsx @@ -0,0 +1,72 @@ +import { CheckCircle } from 'lucide-react'; + +const features = [ + { + category: 'Core Features', + items: [ + { name: 'Basic Analytics', tiers: [true, true, true] }, + { name: 'Standard Security', tiers: [true, true, true] }, + { name: '500 Transactions/month', tiers: [true, false, false] }, + { name: 'Unlimited Transactions', tiers: [false, true, true] }, + { name: 'Automated Reporting', tiers: [false, true, true] }, + ], + }, + { + category: 'Support & Services', + items: [ + { name: 'Email Support', tiers: [true, true, true] }, + { name: '24/7 Priority Support', tiers: [false, true, true] }, + { name: 'Dedicated Account Manager', tiers: [false, false, true] }, + ], + }, + { + category: 'Enterprise Solutions', + items: [ + { name: 'Custom Integrations', tiers: [false, false, true] }, + { name: 'On-premise Deployment', tiers: [false, false, true] }, + { name: 'SLA & Compliance Guarantees', tiers: [false, false, true] }, + ], + }, +]; + +export default function FeatureComparison() { + return ( +
+ Choose the right plan for your business. +
+