feat: free tier region limits

apps/web/src/views/landing.ejs

@@ -507,7 +507,7 @@
             </li>
             <li class="flex items-center gap-2">
               <svg class="w-4 h-4 text-green-400 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
-              No credit card
+              1 region per monitor
             </li>
           </ul>
         </div>

apps/web/src/views/settings.ejs

@@ -6,7 +6,7 @@
   const createdDate = new Date(it.account.created_at).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' });
   const plan = it.account.plan || 'free';
   const planLabel = { free: 'Free', pro: 'Pro', lifetime: 'Lifetime' }[plan] || plan;
-  const limits = { free: { monitors: 10, interval: '30s' }, pro: { monitors: 200, interval: '2s' }, lifetime: { monitors: 200, interval: '2s' } }[plan] || { monitors: 10, interval: '30s' };
+  const limits = { free: { monitors: 10, interval: '30s', regions: 1 }, pro: { monitors: 200, interval: '2s', regions: 'All' }, lifetime: { monitors: 200, interval: '2s', regions: 'All' } }[plan] || { monitors: 10, interval: '30s', regions: 1 };
 %>
 
 <main class="max-w-3xl mx-auto px-8 py-10 space-y-8">
@@ -35,8 +35,8 @@
           <div class="text-xs text-gray-500">Min Interval</div>
         </div>
         <div>
-          <div class="text-lg font-semibold text-gray-200">2</div>
-          <div class="text-xs text-gray-500">Regions</div>
+          <div class="text-lg font-semibold text-gray-200"><%= limits.regions %></div>
+          <div class="text-xs text-gray-500">Regions / Monitor</div>
         </div>
       </div>
       <% if (plan === 'free') { %>