diff --git a/apps/web/src/lib/contrail.ts b/apps/web/src/lib/contrail.ts
index 16be944..2900a88 100644
--- a/apps/web/src/lib/contrail.ts
+++ b/apps/web/src/lib/contrail.ts
@@ -49,7 +49,6 @@ type EventProfileEntry = RsvpAtmoEventListRecords.ProfileEntry;
 type EventGetOutput = RsvpAtmoEventGetRecord.$output;
 type EventGetProfileEntry = RsvpAtmoEventGetRecord.ProfileEntry;
 type RsvpListRecord = RsvpAtmoRsvpListRecords.Record;
-type RsvpProfileEntry = RsvpAtmoRsvpListRecords.ProfileEntry;
 type HydratedEventRecord = RsvpAtmoRsvpListRecords.RefEventRecord;
 type FlattenableEventRecord = EventListRecord | EventGetOutput | HydratedEventRecord;
 type EventProfiles = EventProfileEntry[] | EventGetProfileEntry[] | undefined;
diff --git a/apps/web/src/lib/search/near-me-input.test.ts b/apps/web/src/lib/search/near-me-input.test.ts
new file mode 100644
index 0000000..e43510d
--- /dev/null
+++ b/apps/web/src/lib/search/near-me-input.test.ts
@@ -0,0 +1,19 @@
+import { describe, it, expect } from 'vitest';
+import * as v from 'valibot';
+import { nearMeInput } from './near-me-input';
+
+describe('nearMeInput', () => {
+	it('accepts in-range coordinates and radius', () => {
+		const parsed = v.parse(nearMeInput, { lat: 38.25, lng: -85.76, radiusMeters: 25000 });
+		expect(parsed).toEqual({ lat: 38.25, lng: -85.76, radiusMeters: 25000 });
+	});
+
+	it('rejects out-of-range latitude/longitude', () => {
+		expect(() => v.parse(nearMeInput, { lat: 91, lng: 0, radiusMeters: 1000 })).toThrow();
+		expect(() => v.parse(nearMeInput, { lat: 0, lng: -181, radiusMeters: 1000 })).toThrow();
+	});
+
+	it('rejects radii beyond the 500 km cap (abuse bound, UI offers fixed choices)', () => {
+		expect(() => v.parse(nearMeInput, { lat: 0, lng: 0, radiusMeters: 1_000_000 })).toThrow();
+	});
+});
diff --git a/apps/web/src/lib/search/near-me-input.ts b/apps/web/src/lib/search/near-me-input.ts
new file mode 100644
index 0000000..071dc7c
--- /dev/null
+++ b/apps/web/src/lib/search/near-me-input.ts
@@ -0,0 +1,14 @@
+// Input bounds for the near-me query. Pure valibot module (no $app/server)
+// so the schema — the validation that actually runs in production — stays
+// directly testable.
+import * as v from 'valibot';
+
+/** Server-side abuse bound; the UI offers fixed radii well under this. */
+export const MAX_NEAR_ME_RADIUS_METERS = 500_000;
+
+export const nearMeInput = v.object({
+	lat: v.pipe(v.number(), v.minValue(-90), v.maxValue(90)),
+	lng: v.pipe(v.number(), v.minValue(-180), v.maxValue(180)),
+	radiusMeters: v.pipe(v.number(), v.minValue(1), v.maxValue(MAX_NEAR_ME_RADIUS_METERS)),
+	cursor: v.optional(v.string())
+});
diff --git a/apps/web/src/lib/search/near-me.remote.ts b/apps/web/src/lib/search/near-me.remote.ts
new file mode 100644
index 0000000..08a5133
--- /dev/null
+++ b/apps/web/src/lib/search/near-me.remote.ts
@@ -0,0 +1,30 @@
+import { command, getRequestEvent } from '$app/server';
+import { error } from '@sveltejs/kit';
+import { getServerClient } from '$lib/contrail/index';
+import { runNearMePage, searchBackendFromEnv } from './server/query';
+import { nearMeInput } from './near-me-input';
+
+/** Geo query function: events within a radius, nearest first. One of the two
+ *  endpoints backed by Meilisearch (with `search`); requires the backend —
+ *  there is no D1 fallback for geo. */
+export const loadNearMeEvents = command(nearMeInput, async (input) => {
+	const { platform } = getRequestEvent();
+
+	const backend = searchBackendFromEnv(platform?.env);
+	if (!backend) error(503, 'Search is not configured on this deployment');
+
+	const client = getServerClient(platform!.env.DB);
+	const page = await runNearMePage(backend, client, {
+		lat: input.lat,
+		lng: input.lng,
+		radiusMeters: input.radiusMeters,
+		cursor: input.cursor ?? null
+	});
+
+	return {
+		events: page.events,
+		handles: page.handles,
+		cursor: page.cursor,
+		distances: page.distances
+	};
+});
diff --git a/apps/web/src/lib/search/server/page.ts b/apps/web/src/lib/search/server/page.ts
index 68e3e42..0a699af 100644
--- a/apps/web/src/lib/search/server/page.ts
+++ b/apps/web/src/lib/search/server/page.ts
@@ -14,7 +14,6 @@ export function assembleSearchPage<T extends { uri: string }>(
 ): { items: { record: T; distanceMeters?: number }[]; consumed: number } {
 	const byUri = new Map(records.map((r) => [r.uri, r]));
 	const items: { record: T; distanceMeters?: number }[] = [];
-	let consumed = 0;
 
 	for (const [index, hit] of hits.entries()) {
 		const record = byUri.get(hit.uri);
@@ -23,8 +22,7 @@ export function assembleSearchPage<T extends { uri: string }>(
 			record,
 			...(hit.distanceMeters !== undefined ? { distanceMeters: hit.distanceMeters } : {})
 		});
-		consumed = index + 1;
-		if (items.length === pageSize) return { items, consumed };
+		if (items.length === pageSize) return { items, consumed: index + 1 };
 	}
 	// Hits exhausted before the page filled: everything was examined.
 	return { items, consumed: hits.length };
diff --git a/apps/web/src/routes/(app)/near-me/+page.server.ts b/apps/web/src/routes/(app)/near-me/+page.server.ts
new file mode 100644
index 0000000..25405e0
--- /dev/null
+++ b/apps/web/src/routes/(app)/near-me/+page.server.ts
@@ -0,0 +1,7 @@
+import { searchBackendFromEnv } from '$lib/search/server/query';
+import type { PageServerLoad } from './$types';
+
+export const load: PageServerLoad = async ({ platform }) => {
+	// Geo search has no D1 fallback; tell the page whether to offer it at all.
+	return { available: searchBackendFromEnv(platform?.env) !== null };
+};
diff --git a/apps/web/src/routes/(app)/near-me/+page.svelte b/apps/web/src/routes/(app)/near-me/+page.svelte
new file mode 100644
index 0000000..6bcee5e
--- /dev/null
+++ b/apps/web/src/routes/(app)/near-me/+page.svelte
@@ -0,0 +1,153 @@
+<script lang="ts">
+	import { Button } from '@foxui/core';
+	import { EventCard } from '@atmo-dev/events-ui';
+	import type { FlatEventRecord } from '$lib/contrail';
+	import { loadNearMeEvents } from '$lib/search/near-me.remote';
+
+	let { data } = $props();
+
+	const RADII_KM = [5, 10, 25, 50, 100];
+
+	let status = $state<'idle' | 'locating' | 'loading' | 'ready' | 'denied' | 'error'>('idle');
+	let coords = $state<{ lat: number; lng: number } | null>(null);
+	let radiusKm = $state(25);
+	let events = $state<FlatEventRecord[]>([]);
+	let handles = $state<Record<string, string>>({});
+	let distances = $state<Record<string, number>>({});
+	let cursor = $state<string | null>(null);
+	let loadingMore = $state(false);
+
+	function formatDistance(meters: number | undefined): string | null {
+		if (meters === undefined) return null;
+		if (meters < 1000) return `${Math.round(meters)} m`;
+		const km = meters / 1000;
+		return `${km < 10 ? km.toFixed(1) : Math.round(km)} km`;
+	}
+
+	async function fetchPage(reset: boolean) {
+		if (!coords) return;
+		try {
+			const page = await loadNearMeEvents({
+				lat: coords.lat,
+				lng: coords.lng,
+				radiusMeters: radiusKm * 1000,
+				...(reset || !cursor ? {} : { cursor })
+			});
+			events = reset ? page.events : [...events, ...page.events];
+			handles = { ...handles, ...page.handles };
+			distances = { ...distances, ...page.distances };
+			cursor = page.cursor;
+			status = 'ready';
+		} catch (err) {
+			console.error('near-me query failed:', err);
+			status = 'error';
+		}
+	}
+
+	function locate() {
+		status = 'locating';
+		navigator.geolocation.getCurrentPosition(
+			(pos) => {
+				coords = { lat: pos.coords.latitude, lng: pos.coords.longitude };
+				status = 'loading';
+				fetchPage(true);
+			},
+			(err) => {
+				status = err.code === err.PERMISSION_DENIED ? 'denied' : 'error';
+			},
+			{ maximumAge: 60_000, timeout: 15_000 }
+		);
+	}
+
+	function changeRadius(km: number) {
+		radiusKm = km;
+		if (coords) {
+			status = 'loading';
+			fetchPage(true);
+		}
+	}
+
+	async function loadMore() {
+		if (!cursor || loadingMore) return;
+		loadingMore = true;
+		try {
+			await fetchPage(false);
+		} finally {
+			loadingMore = false;
+		}
+	}
+</script>
+
+<svelte:head>
+	<title>Events Near Me</title>
+</svelte:head>
+
+<div class="mx-auto max-w-3xl px-6 py-8 sm:py-12">
+	<h1 class="text-base-900 dark:text-base-50 mb-6 text-2xl font-bold">Events Near Me</h1>
+
+	{#if !data.available}
+		<p class="text-base-500 py-8 text-center">
+			Location search isn't available on this deployment.
+		</p>
+	{:else}
+		<div class="mb-8 flex flex-wrap items-center gap-3">
+			<Button onclick={locate} disabled={status === 'locating' || status === 'loading'}>
+				{status === 'locating'
+					? 'Locating…'
+					: coords
+						? 'Update my location'
+						: 'Use my location'}
+			</Button>
+			<label class="text-base-700 dark:text-base-300 flex items-center gap-2 text-sm">
+				within
+				<select
+					class="bg-base-100 dark:bg-base-800 text-base-900 dark:text-base-50 rounded-lg px-2 py-1.5"
+					value={radiusKm}
+					onchange={(e) => changeRadius(Number(e.currentTarget.value))}
+				>
+					{#each RADII_KM as km (km)}
+						<option value={km}>{km} km</option>
+					{/each}
+				</select>
+			</label>
+		</div>
+
+		{#if status === 'denied'}
+			<p class="text-base-500 py-8 text-center">
+				Location permission was denied. Allow location access and try again.
+			</p>
+		{:else if status === 'error'}
+			<p class="text-base-500 py-8 text-center">Something went wrong — try again.</p>
+		{:else if status === 'loading'}
+			<p class="text-base-500 py-8 text-center">Finding events…</p>
+		{:else if status === 'ready'}
+			{#if events.length === 0}
+				<p class="text-base-500 py-8 text-center">No events within {radiusKm} km.</p>
+			{:else}
+				<div class="grid gap-6 sm:grid-cols-2">
+					{#each events as event (event.uri)}
+						<div>
+							<EventCard {event} actor={handles[event.did]} />
+							{#if formatDistance(distances[event.uri])}
+								<p class="text-base-500 mt-1 text-xs">
+									{formatDistance(distances[event.uri])} away
+								</p>
+							{/if}
+						</div>
+					{/each}
+				</div>
+				{#if cursor}
+					<div class="mt-8 text-center">
+						<button
+							onclick={loadMore}
+							disabled={loadingMore}
+							class="bg-base-200 dark:bg-base-800 text-base-900 dark:text-base-50 hover:bg-base-300 dark:hover:bg-base-700 inline-block rounded-xl px-5 py-2 text-sm font-medium transition-colors"
+						>
+							{loadingMore ? 'Loading...' : 'Load more'}
+						</button>
+					</div>
+				{/if}
+			{/if}
+		{/if}
+	{/if}
+</div>
diff --git a/apps/web/src/routes/(app)/search/+page.svelte b/apps/web/src/routes/(app)/search/+page.svelte
index f79f2a6..014a820 100644
--- a/apps/web/src/routes/(app)/search/+page.svelte
+++ b/apps/web/src/routes/(app)/search/+page.svelte
@@ -2,6 +2,7 @@
 	import EventList from '$lib/components/EventList.svelte';
 	import { Input, Button } from '@foxui/core';
 	import { goto } from '$app/navigation';
+	import { resolve } from '$app/paths';
 
 	let { data } = $props();
 
@@ -11,7 +12,7 @@
 		e.preventDefault();
 		const q = query.trim();
 		if (q) {
-			goto(`/search?q=${encodeURIComponent(q)}`);
+			goto(`${resolve('/search')}?q=${encodeURIComponent(q)}`);
 		}
 	}
 </script>
@@ -23,7 +24,7 @@
 <div class="mx-auto max-w-3xl px-6 py-8 sm:py-12">
 	<h1 class="text-base-900 dark:text-base-50 mb-6 text-2xl font-bold">Search Events</h1>
 
-	<form onsubmit={handleSearch} class="mb-8 flex gap-2">
+	<form onsubmit={handleSearch} class="mb-2 flex gap-2">
 		<Input
 			type="text"
 			bind:value={query}
@@ -33,6 +34,15 @@
 		<Button type="submit" disabled={!query.trim()}>Search</Button>
 	</form>
 
+	<p class="mb-8">
+		<a
+			href={resolve('/near-me')}
+			class="text-base-500 hover:text-base-700 dark:hover:text-base-300 text-sm"
+		>
+			Events near me →
+		</a>
+	</p>
+
 	{#if data.query}
 		{#if data.events.length === 0}
 			<p class="text-base-500 py-8 text-center">No events found for "{data.query}".</p>