import { Button } from '@/components/ui/button' import { Cpu, Sparkles } from 'lucide-react' import Link from 'next/link' const tableData = [ { feature: 'Feature 1', free: true, pro: true, startup: true, }, { feature: 'Feature 2', free: true, pro: true, startup: true, }, { feature: 'Feature 3', free: false, pro: true, startup: true, }, { feature: 'Tokens', free: '', pro: '20 Users', startup: 'Unlimited', }, { feature: 'Video calls', free: '', pro: '12 Weeks', startup: '56', }, { feature: 'Support', free: '', pro: 'Secondes', startup: 'Unlimited', }, { feature: 'Security', free: '', pro: '20 Users', startup: 'Unlimited', }, ] export default function PricingComparator() { return (

{tableData.slice(-4).map((row, index) => ( ))} {tableData.map((row, index) => ( ))}

	Free	Pro	Startup
Features
{row.feature}	{row.free === true ? ( ) : ( row.free )}	{row.pro === true ? ( ) : ( row.pro )}	{row.startup === true ? ( ) : ( row.startup )}
AI Models
{row.feature}	{row.free === true ? ( ) : ( row.free )}	{row.pro === true ? ( ) : ( row.pro )}	{row.startup === true ? ( ) : ( row.startup )}

) }

Installation

Files

components

Styles