mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-04-29 19:06:24 +02:00
Overhauled pricing plans.
This commit is contained in:
parent
318ad4a4ba
commit
5bee04192c
2 changed files with 42 additions and 36 deletions
|
|
@ -17,6 +17,7 @@ interface PricingPlan {
|
|||
price: string;
|
||||
yearlyPrice: string;
|
||||
period: string;
|
||||
billingText?: string;
|
||||
features: string[];
|
||||
description: string;
|
||||
buttonText: string;
|
||||
|
|
@ -35,7 +36,7 @@ export function Pricing({
|
|||
title = "Simple, Transparent Pricing",
|
||||
description = "Choose the plan that works for you\nAll plans include access to our SurfSense AI workspace and community support.",
|
||||
}: PricingProps) {
|
||||
const [isMonthly, setIsMonthly] = useState(true);
|
||||
const [isMonthly, setIsMonthly] = useState(false);
|
||||
const isDesktop = useMediaQuery("(min-width: 768px)");
|
||||
const switchRef = useRef<HTMLButtonElement>(null);
|
||||
|
||||
|
|
@ -183,7 +184,7 @@ export function Pricing({
|
|||
</div>
|
||||
|
||||
<p className="text-xs leading-5 text-muted-foreground">
|
||||
{isNaN(Number(plan.price)) ? "" : isMonthly ? "billed monthly" : "billed annually"}
|
||||
{plan.billingText ?? (isNaN(Number(plan.price)) ? "" : isMonthly ? "billed monthly" : "billed annually")}
|
||||
</p>
|
||||
|
||||
<ul className="mt-5 gap-2 flex flex-col">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue