Update frontend/src/components/ocr/UpgradeModal.jsx
Browse files
frontend/src/components/ocr/UpgradeModal.jsx
CHANGED
|
@@ -22,17 +22,17 @@ const features = [
|
|
| 22 |
{
|
| 23 |
icon: Zap,
|
| 24 |
title: "Unlimited Extractions",
|
| 25 |
-
description: "Process unlimited documents with lightning-fast
|
| 26 |
color: "amber",
|
| 27 |
-
cta: "
|
| 28 |
gradient: "from-amber-500 to-orange-500"
|
| 29 |
},
|
| 30 |
{
|
| 31 |
icon: Bot,
|
| 32 |
-
title: "Advanced
|
| 33 |
-
description: "
|
| 34 |
color: "indigo",
|
| 35 |
-
cta: "
|
| 36 |
gradient: "from-indigo-500 to-violet-500"
|
| 37 |
},
|
| 38 |
{
|
|
@@ -40,32 +40,8 @@ const features = [
|
|
| 40 |
title: "API Access",
|
| 41 |
description: "Integrate EZOFIS into your workflow with our REST API",
|
| 42 |
color: "blue",
|
| 43 |
-
cta: "
|
| 44 |
gradient: "from-blue-500 to-cyan-500"
|
| 45 |
-
},
|
| 46 |
-
{
|
| 47 |
-
icon: BarChart3,
|
| 48 |
-
title: "Advanced Analytics",
|
| 49 |
-
description: "Track accuracy, processing time, and extraction insights",
|
| 50 |
-
color: "emerald",
|
| 51 |
-
cta: "Custom Demo",
|
| 52 |
-
gradient: "from-emerald-500 to-teal-500"
|
| 53 |
-
},
|
| 54 |
-
{
|
| 55 |
-
icon: Shield,
|
| 56 |
-
title: "Enterprise Security",
|
| 57 |
-
description: "SOC2 compliant with end-to-end encryption",
|
| 58 |
-
color: "slate",
|
| 59 |
-
cta: "Learn More",
|
| 60 |
-
gradient: "from-slate-600 to-slate-800"
|
| 61 |
-
},
|
| 62 |
-
{
|
| 63 |
-
icon: Users,
|
| 64 |
-
title: "Team Collaboration",
|
| 65 |
-
description: "Share extractions and collaborate with your team",
|
| 66 |
-
color: "purple",
|
| 67 |
-
cta: "Try Pro",
|
| 68 |
-
gradient: "from-purple-500 to-pink-500"
|
| 69 |
}
|
| 70 |
];
|
| 71 |
|
|
@@ -117,8 +93,8 @@ export default function UpgradeModal({ open, onClose }) {
|
|
| 117 |
{/* Stats Bar */}
|
| 118 |
<div className="grid grid-cols-3 gap-6 px-8 py-6 bg-slate-50 border-b border-slate-200">
|
| 119 |
{[
|
| 120 |
-
{ label: "Accuracy Rate", value: "
|
| 121 |
-
{ label: "Processing Speed", value: "<
|
| 122 |
{ label: "Happy Customers", value: "10,000+", icon: Users }
|
| 123 |
].map((stat, i) => (
|
| 124 |
<motion.div
|
|
@@ -143,9 +119,7 @@ export default function UpgradeModal({ open, onClose }) {
|
|
| 143 |
<h3 className="text-2xl font-bold text-slate-900 mb-2">
|
| 144 |
Unlock Premium Features
|
| 145 |
</h3>
|
| 146 |
-
|
| 147 |
-
Scale your document processing with enterprise-grade capabilities
|
| 148 |
-
</p>
|
| 149 |
</div>
|
| 150 |
|
| 151 |
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
@@ -226,7 +200,7 @@ export default function UpgradeModal({ open, onClose }) {
|
|
| 226 |
className="h-11 bg-gradient-to-r from-indigo-600 to-violet-600 hover:from-indigo-700 hover:to-violet-700 shadow-lg shadow-indigo-500/25 hover:shadow-xl hover:shadow-indigo-500/30"
|
| 227 |
>
|
| 228 |
<Rocket className="h-4 w-4 mr-2" />
|
| 229 |
-
|
| 230 |
<Sparkles className="h-4 w-4 ml-2" />
|
| 231 |
</Button>
|
| 232 |
</div>
|
|
|
|
| 22 |
{
|
| 23 |
icon: Zap,
|
| 24 |
title: "Unlimited Extractions",
|
| 25 |
+
description: "Process unlimited documents with lightning-fast Agentic extraction",
|
| 26 |
color: "amber",
|
| 27 |
+
cta: "Talk to Sales",
|
| 28 |
gradient: "from-amber-500 to-orange-500"
|
| 29 |
},
|
| 30 |
{
|
| 31 |
icon: Bot,
|
| 32 |
+
title: "Advanced Agentic Models",
|
| 33 |
+
description: "You can deploy your own custom agentic model with your own data",
|
| 34 |
color: "indigo",
|
| 35 |
+
cta: "Custom Demo",
|
| 36 |
gradient: "from-indigo-500 to-violet-500"
|
| 37 |
},
|
| 38 |
{
|
|
|
|
| 40 |
title: "API Access",
|
| 41 |
description: "Integrate EZOFIS into your workflow with our REST API",
|
| 42 |
color: "blue",
|
| 43 |
+
cta: "Talk to a techie!",
|
| 44 |
gradient: "from-blue-500 to-cyan-500"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 45 |
}
|
| 46 |
];
|
| 47 |
|
|
|
|
| 93 |
{/* Stats Bar */}
|
| 94 |
<div className="grid grid-cols-3 gap-6 px-8 py-6 bg-slate-50 border-b border-slate-200">
|
| 95 |
{[
|
| 96 |
+
{ label: "Accuracy Rate", value: "99.8%", icon: CheckCircle2 },
|
| 97 |
+
{ label: "Processing Speed", value: "< 10s", icon: Zap },
|
| 98 |
{ label: "Happy Customers", value: "10,000+", icon: Users }
|
| 99 |
].map((stat, i) => (
|
| 100 |
<motion.div
|
|
|
|
| 119 |
<h3 className="text-2xl font-bold text-slate-900 mb-2">
|
| 120 |
Unlock Premium Features
|
| 121 |
</h3>
|
| 122 |
+
|
|
|
|
|
|
|
| 123 |
</div>
|
| 124 |
|
| 125 |
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
|
|
| 200 |
className="h-11 bg-gradient-to-r from-indigo-600 to-violet-600 hover:from-indigo-700 hover:to-violet-700 shadow-lg shadow-indigo-500/25 hover:shadow-xl hover:shadow-indigo-500/30"
|
| 201 |
>
|
| 202 |
<Rocket className="h-4 w-4 mr-2" />
|
| 203 |
+
Request a Custom Demo
|
| 204 |
<Sparkles className="h-4 w-4 ml-2" />
|
| 205 |
</Button>
|
| 206 |
</div>
|