fix: enforce FF_PRICING_PAGE and FF_REGISTRATION on routes, nav, and landing page

- Pricing route returns 404 when flag is off
- Header hides Pricing/Register links based on flags
- Landing page hero hides "View pricing" button when flag is off
- Marketing layout passes flags to Header via props

Author: rubenhensen

src/lib/components/Header.svelte

@@ -2,17 +2,25 @@
 	import ThemeSwitcher from './ThemeSwitcher.svelte';
 	import Icon from '@iconify/svelte';
 
+	let {
+		showPricing = true,
+		showRegister = true
+	}: {
+		showPricing?: boolean;
+		showRegister?: boolean;
+	} = $props();
+
 	let menuOpen = $state(false);
 
 	function toggleMenu() {
 		menuOpen = !menuOpen;
 	}
 
-	const navLinks = [
+	const navLinks = $derived([
 		{ href: '/', label: 'Home' },
-		{ href: '/pricing', label: 'Pricing' },
-		{ href: '/register', label: 'Register' }
-	];
+		...(showPricing ? [{ href: '/pricing', label: 'Pricing' }] : []),
+		...(showRegister ? [{ href: '/register', label: 'Register' }] : [])
+	]);
 </script>
 
 <header>

src/routes/(marketing)/+layout.server.ts

@@ -0,0 +1,11 @@
+import type { LayoutServerLoad } from './$types';
+import { isEnabled } from '$lib/feature-flags';
+
+export const load: LayoutServerLoad = async () => {
+	return {
+		marketingFlags: {
+			pricing: isEnabled('pricingPage'),
+			registration: isEnabled('registration')
+		}
+	};
+};

src/routes/(marketing)/+layout.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">
 	import Header from '$lib/components/Header.svelte';
 	import Footer from '$lib/components/Footer.svelte';
+	import type { LayoutData } from './$types';
 
-	let { children } = $props();
+	let { data, children }: { data: LayoutData; children: import('svelte').Snippet } = $props();
 </script>
 
-<Header />
+<Header showPricing={data.marketingFlags.pricing} showRegister={data.marketingFlags.registration} />
 <main>
 	{@render children()}
 </main>

src/routes/(marketing)/+page.svelte

@@ -1,6 +1,9 @@
 <script lang="ts">
 	import SEO from '$lib/components/SEO.svelte';
 	import Icon from '@iconify/svelte';
+	import type { PageData } from './$types';
+
+	let { data }: { data: PageData } = $props();
 </script>
 
 <SEO
@@ -18,7 +21,9 @@
 		</p>
 		<div class="hero-actions">
 			<a href="/register" class="primary-btn">Get started</a>
-			<a href="/pricing" class="secondary-btn">View pricing</a>
+			{#if data.marketingFlags.pricing}
+				<a href="/pricing" class="secondary-btn">View pricing</a>
+			{/if}
 		</div>
 	</div>
 </section>

src/routes/(marketing)/pricing/+page.server.ts

@@ -0,0 +1,6 @@
+import { error } from '@sveltejs/kit';
+import { isEnabled } from '$lib/feature-flags';
+
+export function load() {
+	if (!isEnabled('pricingPage')) error(404, 'Not found');
+}