From d40a33a312400fa7c27246e07bc324691e5ca539 Mon Sep 17 00:00:00 2001
From: Steve Ruiz <steveruizok@gmail.com>
Date: Mon, 9 Dec 2024 18:46:38 +0000
Subject: [PATCH] Landing page copy changes (#5105)

Tweak the language

### Change type

- [ ] `bugfix`
- [ ] `improvement`
- [ ] `feature`
- [ ] `api`
- [x] `other`
---
 .../components/marketing/pricing-button.tsx   | 22 ++++++++++++++++---
 .../components/marketing/pricing-section.tsx  |  9 ++++----
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/apps/docs/components/marketing/pricing-button.tsx b/apps/docs/components/marketing/pricing-button.tsx
index 06a2c78c5ca8..815da8571c85 100644
--- a/apps/docs/components/marketing/pricing-button.tsx
+++ b/apps/docs/components/marketing/pricing-button.tsx
@@ -1,17 +1,33 @@
 'use client'
 
 import { track } from '@vercel/analytics'
+import clsx from 'clsx'
 import Link from 'next/link'
 
-export function PricingButton({ tier }: { tier: { id: string; href: string } }) {
+export function PricingButton({
+	tier,
+}: {
+	tier: {
+		id: string
+		type: 'secondary' | 'primary'
+		href: string
+	}
+}) {
 	return (
 		<Link
 			href={tier.href}
 			aria-describedby={tier.id}
 			onClick={() => track('pricing', { tier: tier.id })}
-			className="mt-10 block rounded-md bg-blue-500 px-3 py-2 text-center text-sm/6 font-semibold shadow-sm bg-blue-500 text-white hover:bg-blue-600 dark:hover:bg-blue-400"
+			className={clsx(
+				'mt-10 block rounded-md px-3 py-2 text-center text-sm/6 font-semibold shadow-sm',
+				{
+					'bg-blue-500 text-white hover:bg-blue-600': tier.type === 'primary',
+					'bg-transparent border-blue-500 border-sm border text-blue-500 dark:text-white hover:bg-blue-50 dark:hover:bg-neutral-800':
+						tier.type === 'secondary',
+				}
+			)}
 		>
-			{tier.id === 'business' ? 'Contact us' : 'Buy now'}
+			{tier.id === 'business' ? 'Contact us' : 'Get started'}
 		</Link>
 	)
 }
diff --git a/apps/docs/components/marketing/pricing-section.tsx b/apps/docs/components/marketing/pricing-section.tsx
index f19fa84bda0d..b9f3f50fa92e 100644
--- a/apps/docs/components/marketing/pricing-section.tsx
+++ b/apps/docs/components/marketing/pricing-section.tsx
@@ -36,9 +36,7 @@ export function PricingSection() {
 										</span>
 										<span className="text-sm/6 font-semibold">/month</span>
 									</p>
-									<p className="mt-3 text-sm/6 opacity-[.9]">
-										{tier.price.annually} per month if paid annually
-									</p>
+									<p className="mt-3 text-sm/6 opacity-[.9]">Annual agreement, paid quarterly</p>
 								</>
 							)}
 							<PricingButton tier={tier} />
@@ -72,6 +70,7 @@ const tiers = [
 	{
 		id: 'lite',
 		name: 'Startup Lite',
+		type: 'secondary',
 		price: {
 			monthly: '$499',
 			annually: '$449',
@@ -84,18 +83,20 @@ const tiers = [
 	{
 		id: 'startup',
 		name: 'Startup',
+		type: 'secondary',
 		price: {
 			monthly: '$999',
 			annually: '$899',
 		},
 		href: '/buy/startup',
 		description: 'For small teams who need to speak to us.',
-		features: ['Fewer than 10 employees', 'No watermark', 'One hour of support per month'],
+		features: ['Fewer than 10 employees', 'No watermark', 'Two hours of support per month'],
 		flagFirst: true,
 	},
 	{
 		id: 'business',
 		name: 'Business',
+		type: 'primary',
 		href: '/buy/business',
 		description: 'For larger teams and enterprises.',
 		features: ['No watermark', 'Premium support', 'Custom agreements', 'Dedicated account manager'],