From ad2230728cb359dbeda3722ba4e5228eed9b0d09 Mon Sep 17 00:00:00 2001
From: Ovidiu U <nonreal@gmail.com>
Date: Wed, 10 Jun 2026 13:15:16 +0100
Subject: [PATCH] Disable Daily and Smart pricing CTAs until features ship

Replace the basic/plus checkout links on /pricing with disabled
"Coming soon" buttons, gated by a COMING_SOON list so each tier's CTA
goes live again by removing it from that list. Free is unchanged.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 resources/js/components/PricingGrid.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/PricingGrid.vue b/resources/js/components/PricingGrid.vue
index 6382b96..163e8a5 100644
--- a/resources/js/components/PricingGrid.vue
+++ b/resources/js/components/PricingGrid.vue
@@ -57,7 +57,8 @@
                         <li class="text-sm flex gap-2"><iconify-icon class="text-accent" icon="lucide:check"></iconify-icon> Daily email, push &amp; WhatsApp</li>
                         <li class="text-sm flex gap-2"><iconify-icon class="text-accent" icon="lucide:check"></iconify-icon> Price-drop &amp; score alerts</li>
                     </ul>
-                    <a :href="ctaHref('basic')" class="w-full py-3 px-4 border border-zinc-300 rounded-xl text-center font-bold hover:bg-zinc-100 transition-colors">{{ ctaLabel('basic') }}</a>
+                    <a v-if="!isComingSoon('basic')" :href="ctaHref('basic')" class="w-full py-3 px-4 border border-zinc-300 rounded-xl text-center font-bold hover:bg-zinc-100 transition-colors">{{ ctaLabel('basic') }}</a>
+                    <button v-else type="button" disabled class="w-full py-3 px-4 border border-zinc-200 bg-zinc-50 rounded-xl text-center font-bold text-zinc-400 cursor-not-allowed">Coming soon</button>
                 </div>
 
                 <!-- Smart (backend: plus) -->
@@ -75,7 +76,8 @@
                         <li class="text-sm flex gap-2"><iconify-icon class="text-accent" icon="lucide:check"></iconify-icon> Real-time email, push &amp; WhatsApp</li>
                         <li class="text-sm flex gap-2"><iconify-icon class="text-accent" icon="lucide:check"></iconify-icon> SMS alerts (up to 3/day)</li>
                     </ul>
-                    <a :href="ctaHref('plus')" class="w-full py-3 px-4 bg-accent text-white rounded-xl text-center font-bold shadow-lg hover:bg-primary-dark transition-all">{{ ctaLabel('plus') }}</a>
+                    <a v-if="!isComingSoon('plus')" :href="ctaHref('plus')" class="w-full py-3 px-4 bg-accent text-white rounded-xl text-center font-bold shadow-lg hover:bg-primary-dark transition-all">{{ ctaLabel('plus') }}</a>
+                    <button v-else type="button" disabled class="w-full py-3 px-4 bg-zinc-100 rounded-xl text-center font-bold text-zinc-400 cursor-not-allowed">Coming soon</button>
                 </div>
             </div>
         </div>
@@ -96,6 +98,14 @@ const PRICES = {
 }
 const PRICE_SUFFIX = { monthly: '/mo', annual: '/yr' }
 
+// Paid tiers whose alerting features aren't fully shipped yet — their CTAs are
+// disabled until then. Remove a tier from this list to make its button live.
+const COMING_SOON = ['basic', 'plus']
+
+function isComingSoon(tier) {
+    return COMING_SOON.includes(tier)
+}
+
 function ctaHref(tier) {
     if (tier === 'free') {
         return isAuthenticated.value ? '/dashboard' : '/register'