import { forwardRef } from "react" import NextLink, { type LinkProps } from "next/link" import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/react" import * as Headless from "@headlessui/react" import { CheckIcon, ChevronUpDownIcon, MinusIcon, } from "@heroicons/react/16/solid" import { Button } from "@/components/ui/button" import { Container } from "./container" import { Subheading } from "./text" const Link = forwardRef(function Link( props: LinkProps & React.ComponentPropsWithoutRef<"a">, ref: React.ForwardedRef ) { return ( ) }) const tiers = [ { name: "Starter" as const, slug: "starter", description: "Everything you need to start selling.", priceMonthly: 99, href: "#", highlights: [ { description: "Up to 3 team members" }, { description: "Up to 5 deal progress boards" }, { description: "Source leads from select platforms" }, { description: "RadiantAI integrations", disabled: true }, { description: "Competitor analysis", disabled: true }, ], features: [ { section: "Features", name: "Accounts", value: 3 }, { section: "Features", name: "Deal progress boards", value: 5 }, { section: "Features", name: "Sourcing platforms", value: "Select" }, { section: "Features", name: "Contacts", value: 100 }, { section: "Features", name: "AI assisted outreach", value: false }, { section: "Analysis", name: "Competitor analysis", value: false }, { section: "Analysis", name: "Dashboard reporting", value: false }, { section: "Analysis", name: "Community insights", value: false }, { section: "Analysis", name: "Performance analysis", value: false }, { section: "Support", name: "Email support", value: true }, { section: "Support", name: "24 / 7 call center support", value: false }, { section: "Support", name: "Dedicated account manager", value: false }, ], }, { name: "Growth" as const, slug: "growth", description: "All the extras for your growing team.", priceMonthly: 149, href: "#", highlights: [ { description: "Up to 10 team members" }, { description: "Unlimited deal progress boards" }, { description: "Source leads from over 50 verified platforms" }, { description: "RadiantAI integrations" }, { description: "5 competitor analyses per month" }, ], features: [ { section: "Features", name: "Accounts", value: 10 }, { section: "Features", name: "Deal progress boards", value: "Unlimited" }, { section: "Features", name: "Sourcing platforms", value: "100+" }, { section: "Features", name: "Contacts", value: 1000 }, { section: "Features", name: "AI assisted outreach", value: true }, { section: "Analysis", name: "Competitor analysis", value: "5 / month" }, { section: "Analysis", name: "Dashboard reporting", value: true }, { section: "Analysis", name: "Community insights", value: true }, { section: "Analysis", name: "Performance analysis", value: true }, { section: "Support", name: "Email support", value: true }, { section: "Support", name: "24 / 7 call center support", value: true }, { section: "Support", name: "Dedicated account manager", value: false }, ], }, { name: "Enterprise" as const, slug: "enterprise", description: "Added flexibility to close deals at scale.", priceMonthly: 299, href: "#", highlights: [ { description: "Unlimited active team members" }, { description: "Unlimited deal progress boards" }, { description: "Source leads from over 100 verified platforms" }, { description: "RadiantAI integrations" }, { description: "Unlimited competitor analyses" }, ], features: [ { section: "Features", name: "Accounts", value: "Unlimited" }, { section: "Features", name: "Deal progress boards", value: "Unlimited" }, { section: "Features", name: "Sourcing platforms", value: "100+" }, { section: "Features", name: "Contacts", value: "Unlimited" }, { section: "Features", name: "AI assisted outreach", value: true }, { section: "Analysis", name: "Competitor analysis", value: "Unlimited" }, { section: "Analysis", name: "Dashboard reporting", value: true }, { section: "Analysis", name: "Community insights", value: true }, { section: "Analysis", name: "Performance analysis", value: true }, { section: "Support", name: "Email support", value: true }, { section: "Support", name: "24 / 7 call center support", value: true }, { section: "Support", name: "Dedicated account manager", value: true }, ], }, ] export default function PricingTable() { const selectedTier = tiers[0] return ( ))} {tiers.map((tier) => ( ))} {[...new Set(tiers[0].features.map(({ section }) => section))].map( (section) => ( {tiers[0].features .filter((feature) => feature.section === section) .map(({ name }) => ( {tiers.map((tier) => { const value = tier.features.find( (feature) => feature.section === section && feature.name === name )?.value return ( ) })} ))} ) )}

Pricing plan comparison
{section}
{tiers.map((tier) => (	{tier.name}
{selectedTier.name} {tiers.map((tier) => ( {tier.name} ))}
Get started
{name}	{value === true ? ( <> Included in {tier.name} ) : value === false \|\| value === undefined ? ( <> Not included in {tier.name} ) : ( {value} )}

) }

Pricing 02

Instalação

Dependências

Registry dependencies