"use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { LayoutGrid, Globe, Gem } from "lucide-react" const plans = [ { name: "Free", icon: LayoutGrid, description: "For individuals to make sense of calls, documents, and surveys", price: "$0", priceDetail: "", cta: "Try Astrae free", ctaVariant: "outline" as const, featured: false, featuresLabel: "WHAT'S INCLUDED", features: [ { text: "One channel", highlight: true, suffix: " to automatically classify your " }, { text: "voice of customer data", highlight: true, inline: true }, { text: "One project", highlight: true, suffix: " to " }, { text: "analyze customer calls", highlight: true, inline: true, suffix: ", recordings, docs, and surveys" }, { text: "Chat with", highlight: true, suffix: " and " }, { text: "summarize", highlight: true, inline: true, suffix: " your data to uncover trends and " }, { text: "run analysis", highlight: true, inline: true }, ], featureLines: [ [{ text: "One channel", underline: true }, { text: " to automatically classify your " }, { text: "voice of customer data", underline: true }], [{ text: "One project", underline: true }, { text: " to " }, { text: "analyze customer calls", underline: true }, { text: ", recordings, docs, and surveys" }], [{ text: "Chat with", underline: true }, { text: " and " }, { text: "summarize", underline: true }, { text: " your data to uncover trends and " }, { text: "run analysis", underline: true }], ], }, { name: "Professional", icon: Globe, description: "For small teams to collaborate with advanced AI features", price: "$15", priceDetail: "PER USER/MONTH\nBILLED YEARLY", badge: "SAVE 25%", cta: "Start free 7 day trial", ctaVariant: "default" as const, featured: true, featuresLabel: "EVERYTHING IN FREE, PLUS", featureLines: [ [{ text: "Unlimited channels", underline: true }, { text: " (paid add-on) to automatically classify your voice of customer data" }], [{ text: "Unlimited projects", underline: true }, { text: " to analyze customer calls, recordings, docs, and surveys" }], [{ text: "Advanced analysis features like " }, { text: "charts", underline: true }, { text: ", " }, { text: "layouts", underline: true }, { text: ", " }, { text: "views", underline: true }, { text: ", " }, { text: "filters", underline: true }], [{ text: "Advanced AI features like specific " }, { text: "summaries", underline: true }, { text: " and " }, { text: "semantic search", underline: true }], ], }, { name: "Enterprise", icon: Gem, description: "For organizations scaling and standardizing across teams", price: "Custom", priceDetail: "", cta: "Contact sales", ctaVariant: "outline" as const, featured: false, featuresLabel: "EVERYTHING IN PROFESSIONAL, PLUS", featureLines: [ [{ text: "Unlimited free viewers", underline: true }, { text: " and " }, { text: "unlimited AI chat", underline: true }, { text: " in Slack and Teams" }], [{ text: "Organization features like " }, { text: "folders", underline: true }, { text: ", " }, { text: "global tags", underline: true }, { text: ", " }, { text: "fields", underline: true }, { text: ", " }, { text: "templates", underline: true }], [{ text: "Advanced AI features including " }, { text: "custom vocabulary", underline: true }, { text: " and " }, { text: "translation", underline: true }], [{ text: "Secure with " }, { text: "redaction", underline: true }, { text: ", " }, { text: "compliance", underline: true }, { text: ", " }, { text: "access control", underline: true }, { text: ", and " }, { text: "data retention", underline: true }], [{ text: "Priority support, dedicated customer success, onboarding assistance" }], ], }, ] export default function AstraePricing() { const [billingCycle, setBillingCycle] = useState<"monthly" | "yearly">("yearly") return (

{/* Grid background */}

{/* Header */}

PRICING

Start free
Upgrade to scale

BILLING CYCLE

{/* Pricing Cards */}

{plans.map((plan) => (

{/* Icon */}

{/* Title */}

{plan.name}

{plan.badge && ( {plan.badge} )}

{/* Description */}

{plan.description}

{/* Price */}

{plan.price} {plan.priceDetail && ( {plan.priceDetail} )}

{/* CTA Button */} {/* Features */}

{plan.featuresLabel}

{line.map((part, j) => ( {part.text} ))}

))}

) }

Start free Upgrade to scale

{plan.name}

Start free
Upgrade to scale

Astrae Pricing