chore: adjust copy (#628)

Author: Cahllagerfeld

src/app/artifacts/page.tsx

@@ -16,7 +16,8 @@ export default function ModelsPage() {
 			<div className="layout-container space-y-5 py-5">
 				<InfoBox />
 				<CTASection
-					image={{ src: ACP, alt: "Screenshot of the ZenML Pro Model Control plane" }}
+					feature="artifact"
+					image={{ src: ACP, alt: "Screenshot of the ZenML Pro Artifact Control plane" }}
 					features={artifactFeatures}
 				/>
 				<CommandSection />

src/app/models/page.tsx

@@ -29,6 +29,7 @@ export default function ModelsPage() {
 			<div className="layout-container space-y-5 py-5">
 				<InfoBox />
 				<CTASection
+					feature="model"
 					image={{ src: MCP, alt: "Screenshot of the ZenML Pro Model Control plane" }}
 					features={modelFeatures}
 				/>

src/contents/cloud-only.tsx

@@ -22,13 +22,15 @@ type CTASectionProps = {
 		alt: string;
 	};
 	features: string[];
+	feature: "model" | "artifact";
 };
-export function CTASection({ features, image }: CTASectionProps) {
+export function CTASection({ features, image, feature }: CTASectionProps) {
 	return (
 		<Box className="relative overflow-hidden px-7 py-5">
 			<div className="max-w-[450px] space-y-4">
 				<p className="text-display-xs font-semibold">
-					Access Advanced Model Management Features with ZenML Pro
+					Access Advanced {feature === "artifact" ? "Artifact" : "Model"} Management Features with
+					ZenML Pro
 				</p>
 				<ul className="space-y-2">
 					{features.map((item, i) => (