daycards strip

src/lib/paywall/PaywallGate.svelte

@@ -2,7 +2,7 @@
 	import { onMount } from 'svelte';
 
 	import UnlockDialog from './UnlockDialog.svelte';
-	import { PREMIUM_PERKS, PREMIUM_PRICE, SIGNUP_URL } from './config';
+	import { PREMIUM_PERKS, SIGNUP_URL, getPremiumPrice } from './config';
 	import { isPremium, premiumState, refreshPremium } from './premium';
 
 	interface Props {
@@ -14,6 +14,7 @@
 	let { feature = 'This page', children }: Props = $props();
 
 	let unlockOpen = $state(false);
+	const price = getPremiumPrice();
 
 	// Re-verify the stored key whenever the gate mounts.
 	onMount(refreshPremium);
@@ -53,7 +54,7 @@
 
 		<h2 class="text-xl font-bold tracking-tight">{feature} is a premium feature</h2>
 		<p class="mx-auto mt-1.5 max-w-sm text-sm text-muted-foreground">
-			Support this open-source weather project and unlock the extras from {PREMIUM_PRICE}.
+			Support this open-source weather project and unlock the extras from {price}.
 		</p>
 
 		<ul class="mx-auto mt-5 grid max-w-sm gap-2 text-left">

src/lib/paywall/UnlockDialog.svelte

@@ -6,7 +6,7 @@
 	import { Input } from '$lib/components/ui/input';
 	import { Label } from '$lib/components/ui/label';
 
-	import { PREMIUM_PRICE, SIGNUP_URL } from './config';
+	import { SIGNUP_URL, getPremiumPrice } from './config';
 	import { clearLicense, isPremium, premiumState, storedLicenseKey, verifyKey } from './premium';
 
 	interface Props {
@@ -15,6 +15,8 @@
 
 	let { open = $bindable(false) }: Props = $props();
 
+	const price = getPremiumPrice();
+
 	// Prefill with the stored key so an existing subscriber sees their key.
 	let keyInput = $state('');
 	let submitting = $state(false);
@@ -129,7 +131,7 @@
 						rel="noopener"
 						class="font-semibold text-primary underline-offset-2 hover:underline"
 					>
-						Subscribe from {PREMIUM_PRICE}
+						Subscribe from {price}
 					</a>
 				</p>
 			{/if}

src/lib/paywall/config.ts

@@ -19,8 +19,46 @@ export const PAYWALL_API_BASE = stripTrailingSlash(
 /** Where prospective subscribers go to sign up (the paywall repo's signup form). */
 export const SIGNUP_URL = env.VITE_PAYWALL_SIGNUP_URL ?? `${PAYWALL_API_BASE}/`;
 
-/** Display price, shown on the paywall panel. */
-export const PREMIUM_PRICE = env.VITE_PREMIUM_PRICE ?? '€3 / month';
+// ─── Location-based pricing ──────────────────────────────────────────────────
+// The signup form charges 3 in the visitor's currency (EUR / USD / CHF), picked
+// from their location. Mirror that here so the paywall copy matches. Detection
+// is timezone/locale based (no network geo lookup) and guarded for SSR.
+
+const CURRENCY_SYMBOL: Record<string, string> = { EUR: '€', USD: '$', CHF: 'CHF' };
+const US_ZONES =
+	/^America\/(New_York|Detroit|Chicago|Denver|Boise|Phoenix|Los_Angeles|Anchorage|Adak|Juneau|Sitka|Nome|Yakutat|Menominee|Indiana|Kentucky|North_Dakota)/;
+
+export type PremiumCurrency = 'EUR' | 'USD' | 'CHF';
+
+export function detectCurrency(): PremiumCurrency {
+	if (typeof Intl === 'undefined') return 'EUR';
+	let tz = '';
+	try {
+		tz = Intl.DateTimeFormat().resolvedOptions().timeZone || '';
+	} catch {
+		/* ignore */
+	}
+	if (/Zurich|Vaduz/.test(tz)) return 'CHF';
+	let region = '';
+	try {
+		if (typeof navigator !== 'undefined') {
+			region = new Intl.Locale(navigator.language).maximize().region || '';
+		}
+	} catch {
+		/* ignore */
+	}
+	if (region === 'CH') return 'CHF';
+	if (region === 'US' || US_ZONES.test(tz)) return 'USD';
+	return 'EUR';
+}
+
+/** Display price for the paywall panel, e.g. "€3 / month" or "CHF 3 / month". */
+export function getPremiumPrice(): string {
+	if (env.VITE_PREMIUM_PRICE) return env.VITE_PREMIUM_PRICE;
+	const currency = detectCurrency();
+	const symbol = CURRENCY_SYMBOL[currency];
+	return currency === 'CHF' ? `${symbol} 3 / month` : `${symbol}3 / month`;
+}
 
 /** Short, human list of what premium unlocks (shown on the locked panel). */
 export const PREMIUM_PERKS = [