'use client'; import type { HTMLAttributes } from 'react'; import { useState } from 'react'; import Link from 'next/link'; import { AnimatePresence, motion } from 'framer-motion'; import { usePlausible } from 'next-plausible'; import { cn } from '@documenso/ui/lib/utils'; import { Button } from '@documenso/ui/primitives/button'; export type PricingTableProps = HTMLAttributes; const SELECTED_PLAN_BAR_LAYOUT_ID = 'selected-plan-bar'; export const PricingTable = ({ className, ...props }: PricingTableProps) => { const event = usePlausible(); const [period, setPeriod] = useState<'MONTHLY' | 'YEARLY'>('MONTHLY'); return (
setPeriod('MONTHLY')} > Monthly {period === 'MONTHLY' && ( )} setPeriod('YEARLY')} > Yearly
Save $60
{period === 'YEARLY' && ( )}

Free Plan

$0

For small teams and individuals with basic needs.

5 standard documents per month

Up to 10 recipients per document

No credit card required

Early Adopters

{period === 'MONTHLY' && $30} {period === 'YEARLY' && $300}

For fast-growing companies that aim to scale across multiple teams.

{' '} The Early Adopter Deal:

Join the movement

Simple signing solution

Email, Discord and Slack assistance

{' '} Includes all upcoming features

Fixed, straightforward pricing

Enterprise

Pricing on request

For large organizations that need extra flexibility and control.

event('enterprise-contact')} >

Everything in Early Adopters, plus:

Custom Subdomain

Compliance Check

Guaranteed Uptime

Reporting & Analysis

24/7 Support

); };