import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "@/components/ui/card"; import { Label } from "@/components/ui/label"; import { Switch } from "@/components/ui/switch"; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@/components/ui/table"; import { CheckIcon, MinusIcon } from "lucide-react"; interface PlanFeature { type: string; features: { name: string; free: boolean; startup: boolean; team: boolean; enterprise: boolean; }[]; } const planFeatures: PlanFeature[] = [ { type: "Financial data", features: [ { name: "Open/High/Low/Close", free: true, startup: true, team: true, enterprise: true, }, { name: "Price-volume difference indicator ", free: true, startup: true, team: true, enterprise: true, }, ], }, { type: "On-chain data", features: [ { name: "Network growth", free: true, startup: false, team: true, enterprise: true, }, { name: "Average token age consumed", free: true, startup: false, team: true, enterprise: true, }, { name: "Exchange flow", free: false, startup: false, team: true, enterprise: true, }, { name: "Total ERC20 exchange funds flow", free: false, startup: false, team: true, enterprise: true, }, ], }, { type: "Social data", features: [ { name: "Dev activity", free: false, startup: true, team: false, enterprise: true, }, { name: "Topic search", free: true, startup: true, team: true, enterprise: true, }, { name: "Relative social dominance", free: true, startup: true, team: false, enterprise: true, }, ], }, ]; export default function PricingSectionCards() { return ( <> {/* Pricing */}

{/* Title */}

Pricing

Whatever your status, our offers evolve according to your needs.

{/* End Title */} {/* Switch */}

Monthly Annual Save up to 10%

{/* End Switch */} {/* Grid */}

{/* Card */} Free Free Forever free

1 user
Plan features
Product support

{/* End Card */} {/* Card */} Most popular Startup £39 All the basics for starting a new business

2 user
Plan features
Product support

{/* End Card */} {/* Card */} Team £89 Everything you need for a growing business

5 user
Plan features
Product support

{/* End Card */} {/* Card */} Enterprise 149 Advanced features for scaling your business

10 user
Plan features
Product support

{/* End Card */}

{/* End Grid */} {/* Comparison table */}

Compare plans

{/* xs to lg */} Plans Free Startup Team Enterprise {planFeatures.map((featureType) => ( <> {featureType.type} {featureType.features.map((feature) => ( {feature.name}

{feature.free ? ( ) : ( )}

{feature.startup ? ( ) : ( )}

{feature.team ? ( ) : ( )}

{feature.enterprise ? ( ) : ( )}

))} ))}

Free

{planFeatures.map((featureType) => ( <> {featureType.type} {featureType.features.map((feature) => ( {feature.name} {feature.enterprise ? ( ) : ( )} ))} ))}

Startup

{planFeatures.map((featureType) => ( <> {featureType.type} {featureType.features.map((feature) => ( {feature.name} {feature.startup ? ( ) : ( )} ))} ))}

Team

{planFeatures.map((featureType) => ( <> {featureType.type} {featureType.features.map((feature) => ( {feature.name} {feature.team ? ( ) : ( )} ))} ))}

Enterprise

{planFeatures.map((featureType) => ( <> {featureType.type} {featureType.features.map((feature) => ( {feature.name} {feature.enterprise ? ( ) : ( )} ))} ))}

{/* End xs to lg */}

{/* End Comparison table */}

{/* End Pricing */} ); }

Pricing Sections

Cards