diff --git a/apps/marketing/src/app/components/FeaturesSection/constants.ts b/apps/marketing/src/app/components/FeaturesSection/constants.ts index 0027fd6ce73..5a4df472897 100644 --- a/apps/marketing/src/app/components/FeaturesSection/constants.ts +++ b/apps/marketing/src/app/components/FeaturesSection/constants.ts @@ -39,7 +39,7 @@ export const FEATURES: Feature[] = [ tag: "Remote Workspaces", title: "Run workspaces anywhere", description: - "Add any machine as a host, on every plan. Workspaces keep running when your laptop sleeps, and you can check in from wherever you are.", + "Add any machine as a host. Workspaces keep running when your laptop sleeps, and you can check in from wherever you are.", }, { tag: "CLI & SDK", diff --git a/apps/marketing/src/app/pricing/components/ComparisonTable/ComparisonTable.tsx b/apps/marketing/src/app/pricing/components/ComparisonTable/ComparisonTable.tsx index 74bc5e99675..618e96a135a 100644 --- a/apps/marketing/src/app/pricing/components/ComparisonTable/ComparisonTable.tsx +++ b/apps/marketing/src/app/pricing/components/ComparisonTable/ComparisonTable.tsx @@ -30,18 +30,21 @@ export function ComparisonTable() { function DesktopTable() { return (
- +
- - + {PRICING_TIERS.map((tier) => ( ))} @@ -60,6 +63,16 @@ function DesktopTable() { ); } +function tierPriceLabel(tier: (typeof PRICING_TIERS)[number]): string { + if (tier.price.kind === "fixed") { + return tier.price.display; + } + if (tier.price.kind === "variable") { + return `from ${tier.price.yearly.display}/user/mo`; + } + return "Custom"; +} + function DesktopSectionGroup({ title, children, @@ -84,8 +97,8 @@ function DesktopSectionGroup({ function DesktopRow({ row }: { row: ComparisonRow }) { return ( - - + diff --git a/apps/marketing/src/app/pricing/components/PricingTiers/components/PricingCard/PricingCard.tsx b/apps/marketing/src/app/pricing/components/PricingTiers/components/PricingCard/PricingCard.tsx index 032a243faa9..d95cd57a3d6 100644 --- a/apps/marketing/src/app/pricing/components/PricingTiers/components/PricingCard/PricingCard.tsx +++ b/apps/marketing/src/app/pricing/components/PricingTiers/components/PricingCard/PricingCard.tsx @@ -55,15 +55,18 @@ export function PricingCard({ tier, isYearly }: PricingCardProps) { {cadence &&

{cadence}

} - +
+ + +
+
Features {tier.name} + + {tierPriceLabel(tier)} +
+
{row.label} {row.badge && } @@ -94,7 +107,7 @@ function DesktopRow({ row }: { row: ComparisonRow }) { {row.values.map((value, index) => (