@xenterprises/nuxt-x-marketing 1.4.12 → 1.4.14

package/CHANGELOG.md

@@ -30,6 +30,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   section and its sample product data were dropped with them. Every other section of the
   demo page is unchanged.
 
+## [1.4.14] - 2026-09-06
+
+### Added
+
+- `XMarkPricingPlans` `freeTrial` prop for an honest free-trial callout (default off; enable only when the product has a trial).
+
+## [1.4.13] - 2026-09-06
+
+### Changed
+
+- Pricing Enterprise CTA default label is **Get a quote** (was Contact Sales); same fallback when Enterprise omits `button.label`.
+
 ## [1.4.12] - 2026-09-06
 
 ### Changed

package/app/components/X/Mark/Pricing/Comparison.vue

@@ -60,7 +60,7 @@ const props = defineProps({
 				id: "enterprise",
 				name: "Enterprise",
 				price: "$99/mo",
-				button: { label: "Contact Sales" },
+				button: { label: "Get a quote" },
 			},
 		],
 	},
@@ -140,7 +140,11 @@ const mappedTiers = computed(() => {
 		highlight: plan.highlighted,
 		button: plan.button
 			? {
-					label: plan.button.label || "Get Started",
+					label:
+						plan.button.label
+							|| (/enterprise/i.test(plan.name || "")
+								? "Get a quote"
+								: "Get Started"),
 					color: plan.highlighted ? "primary" : "neutral",
 					variant: plan.highlighted ? "solid" : "outline",
 					onClick: () => emit("select", plan),

package/app/components/X/Mark/Pricing/Plans.vue

@@ -33,6 +33,26 @@
 			</div>
 		</div>
 
+		<!-- Free trial callout (opt-in; never invent a trial) -->
+		<div
+			v-if="trialCallout"
+			class="flex justify-center mb-8"
+			data-testid="x-mark-pricing-free-trial"
+		>
+			<div
+				class="inline-flex items-center gap-2 rounded-full border border-primary-200 bg-primary-50 px-4 py-2 text-sm text-primary-800 dark:border-primary-800 dark:bg-primary-950 dark:text-primary-200"
+			>
+				<UIcon name="i-lucide-gift" class="size-4 shrink-0" />
+				<span class="font-medium">{{ trialCallout.label }}</span>
+				<span
+					v-if="trialCallout.description"
+					class="text-primary-700/80 dark:text-primary-300/80"
+				>
+					{{ trialCallout.description }}
+				</span>
+			</div>
+		</div>
+
 		<!-- Badges (top position) -->
 		<div
 			v-if="badges?.length && badgesPosition === 'top'"
@@ -113,7 +133,7 @@ const props = defineProps({
 					"Custom integrations",
 					"SLA guarantee",
 				],
-				button: { label: "Contact Sales" },
+				button: { label: "Get a quote" },
 			},
 		],
 	},
@@ -165,12 +185,54 @@ const props = defineProps({
 		default: "center",
 		validator: (v) => ["left", "center", "right"].includes(v),
 	},
+	/**
+	 * Free trial callout. Default off (honest; do not invent trials).
+	 * true → "Free trial available"
+	 * number → "Free {n}-day trial"
+	 * string → custom label
+	 * { days?, label?, description? }
+	 */
+	freeTrial: {
+		type: [Boolean, Number, String, Object],
+		default: false,
+	},
 });
 
 const emit = defineEmits(["select"]);
 
 const billingPeriod = ref("monthly");
 
+const trialCallout = computed(() => {
+	const v = props.freeTrial;
+	if (v === false || v === null || v === undefined || v === "") return null;
+	if (v === true) {
+		return { label: "Free trial available", description: "" };
+	}
+	if (typeof v === "number" && Number.isFinite(v) && v > 0) {
+		const days = Math.floor(v);
+		return {
+			label: `Free ${days}-day trial`,
+			description: "",
+		};
+	}
+	if (typeof v === "string") {
+		return { label: v, description: "" };
+	}
+	if (typeof v === "object") {
+		const days = Number(v.days);
+		const label =
+			v.label
+				|| (Number.isFinite(days) && days > 0
+					? `Free ${Math.floor(days)}-day trial`
+					: "Free trial available");
+		return {
+			label,
+			description: v.description || "",
+		};
+	}
+	return null;
+});
+
 function normalizePeriod(period) {
 	if (!period) return period;
 	const trimmed = String(period).trim().toLowerCase();
@@ -216,7 +278,11 @@ const mappedPlans = computed(() => {
 			scale: shouldScale,
 			badge: isHighlighted ? "Most Popular" : undefined,
 			button: {
-				label: plan.button?.label || "Get Started",
+				label:
+					plan.button?.label
+						|| (/enterprise/i.test(plan.name || "")
+							? "Get a quote"
+							: "Get Started"),
 				onClick: () => emit("select", plan),
 			},
 		};

package/app/pages/index.vue

@@ -76,7 +76,7 @@
 				<div class="mt-8 flex flex-wrap justify-center gap-4">
 					<UButton size="xl" color="white"> Start Free Trial </UButton>
 					<UButton size="xl" variant="outline" color="white">
-						Contact Sales
+						Get a quote
 					</UButton>
 				</div>
 				<div class="mt-6 flex flex-wrap justify-center gap-4">
@@ -204,7 +204,7 @@ const pricingPlans = [
 			"Custom integrations",
 			"SLA guarantee",
 		],
-		cta: "Contact Sales",
+		cta: "Get a quote",
 	},
 ];
 </script>

package/package.json

@@ -2,7 +2,7 @@
   "name": "@xenterprises/nuxt-x-marketing",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
-  "version": "1.4.12",
+  "version": "1.4.14",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",