feat: Copy changes

Author: richiemcilroy

apps/web/components/pages/HomePage/Pricing/CommercialCard.tsx

@@ -2,6 +2,7 @@ import { Button, Switch } from "@cap/ui";
 import {
 	faBriefcase,
 	faDownload,
+	faEdit,
 	faMinus,
 	faPlus,
 	faVideo,
@@ -174,6 +175,14 @@ export const CommercialCard = () => {
 
 			<div className="space-y-6">
 				<ul className="space-y-3">
+					<li className="flex items-center text-sm text-gray-12">
+						<FontAwesomeIcon
+							icon={faEdit}
+							className="flex-shrink-0 mr-3 text-gray-12"
+							style={{ fontSize: "14px", minWidth: "14px" }}
+						/>
+						<span>Studio Mode with full editor</span>
+					</li>
 					<li className="flex items-center text-sm text-gray-12">
 						<FontAwesomeIcon
 							icon={faBriefcase}
@@ -197,7 +206,9 @@ export const CommercialCard = () => {
 							className="flex-shrink-0 mr-3 text-gray-12"
 							style={{ fontSize: "14px", minWidth: "14px" }}
 						/>
-						<span>Unlimited local recordings</span>
+						<span>
+							Unlimited local recordings, shareable links up to 5 minutes
+						</span>
 					</li>
 					<li className="flex items-center text-sm text-gray-12">
 						<FontAwesomeIcon

apps/web/components/pages/HomePage/Pricing/EnterpriseCard.tsx

@@ -8,7 +8,7 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useRef } from "react";
-import { EnterpriseArt, EnterpriseArtRef } from "./EnterpriseArt";
+import { EnterpriseArt, type EnterpriseArtRef } from "./EnterpriseArt";
 
 export const EnterpriseCard = () => {
 	const enterpriseArtRef = useRef<EnterpriseArtRef>(null);
@@ -28,7 +28,7 @@ export const EnterpriseCard = () => {
 		},
 		{
 			icon: faServer,
-			label: "Self-hosting Support",
+			label: "Managed self-hosting",
 		},
 		{
 			icon: faUsers,
@@ -78,7 +78,7 @@ export const EnterpriseCard = () => {
 
 				<div className="space-y-6">
 					<ul className="space-y-3">
-						{enterpriseFeatures.slice(0, 4).map((feature) => (
+						{enterpriseFeatures.map((feature) => (
 							<li
 								key={feature.label}
 								className="flex items-center text-sm text-gray-12"

apps/web/components/pages/HomePage/Pricing/ProCard.tsx

@@ -2,6 +2,7 @@ import { Button, Switch } from "@cap/ui";
 import { getProPlanId } from "@cap/utils";
 import {
 	faCloud,
+	faCreditCard,
 	faLink,
 	faMagic,
 	faMinus,
@@ -119,7 +120,7 @@ export const ProCard = () => {
 					<h3 className="mb-2 text-xl font-semibold text-center">
 						{homepageCopy.pricing.pro.title}
 					</h3>
-					<p className="mb-4 text-sm font-medium text-center text-gray-9">
+					<p className="mb-4 text-sm font-medium text-center text-gray-6">
 						{homepageCopy.pricing.pro.description}
 					</p>
 				</div>
@@ -247,14 +248,22 @@ export const ProCard = () => {
 
 			<div className="mb-6">
 				<ul className="space-y-3">
+					<li className="flex items-center text-sm text-gray-1">
+						<FontAwesomeIcon
+							icon={faCreditCard}
+							className="flex-shrink-0 mr-3 text-gray-4"
+							style={{ fontSize: "14px", minWidth: "14px" }}
+						/>
+						<span className="text-gray-4">Everything from Desktop License</span>
+					</li>
 					<li className="flex items-center text-sm text-gray-1">
 						<FontAwesomeIcon
 							icon={faCloud}
 							className="flex-shrink-0 mr-3 text-gray-4"
 							style={{ fontSize: "14px", minWidth: "14px" }}
 						/>
 						<span className="text-gray-4">
-							Unlimited cloud storage & shareable links
+							Unlimited cloud storage & unlimited shareable links
 						</span>
 					</li>
 					<li className="flex items-center text-sm text-gray-1">
@@ -264,7 +273,7 @@ export const ProCard = () => {
 							style={{ fontSize: "14px", minWidth: "14px" }}
 						/>
 						<span className="text-gray-4">
-							Automatic AI title, transcription, summary, and chapter generation
+							Automatic AI title, transcription, summary, and chapters
 						</span>
 					</li>
 					<li className="flex items-center text-sm">

apps/web/data/homepage-copy.ts

@@ -224,7 +224,7 @@ export const homepageCopy: HomePageCopy = {
 			badge: "Best value",
 			title: "Cap Pro",
 			description:
-				"Everything in Desktop plus cloud features for seamless sharing and collaboration.",
+				"Everything in Desktop plus unlimited cloud features for seamless sharing and collaboration.",
 			features: [
 				"Everything in Desktop License",
 				"Unlimited cloud storage & bandwidth",