diff --git a/src/components/NotificationBell.tsx b/src/components/NotificationBell.tsx
index 45bf115..3fb435a 100644
--- a/src/components/NotificationBell.tsx
+++ b/src/components/NotificationBell.tsx
@@ -12,6 +12,7 @@ import { JoinRequestCard } from '@/components/JoinRequestCard';
 import { CollectiveJoinRequestCard } from '@/components/CollectiveJoinRequestCard';
 import { ActivityNotificationCard } from '@/components/ActivityNotificationCard';
 import { ImageWithFallback } from '@/components/ImageWithFallback';
+import { EmptyState as SharedEmptyState } from '@/components/EmptyState';
 import { useCrewNotifications, useIsPendingMember } from '@/hooks/useCrewNotifications';
 import { useActivityNotifications } from '@/hooks/useActivityNotifications';
 import { useNotificationsRead } from '@/hooks/useNotificationsRead';
@@ -180,13 +181,12 @@ function NewsletterItem({
 
 function EmptyState({ label }: { label: string }) {
   return (
-    <div className="flex flex-col items-center gap-2 py-10 text-center">
-      <div className="flex h-12 w-12 items-center justify-center rounded-2xl bg-white/5">
-        <Bell className="h-5 w-5 text-gray-600" />
-      </div>
-      <p className="text-sm font-bold text-gray-400">You're all caught up</p>
-      <p className="max-w-[220px] text-xs text-gray-600">{label}</p>
-    </div>
+    <SharedEmptyState
+      icon={Bell}
+      title="You're all caught up"
+      hint={label}
+      className="py-10"
+    />
   );
 }
 
diff --git a/src/pages/AmberCallbackPage.tsx b/src/pages/AmberCallbackPage.tsx
index 6c2fa9f..a41b488 100644
--- a/src/pages/AmberCallbackPage.tsx
+++ b/src/pages/AmberCallbackPage.tsx
@@ -11,6 +11,7 @@
 
 import { useEffect, useRef, useState } from 'react';
 import { useNavigate, Link } from 'react-router-dom';
+import { useSeoMeta } from '@unhead/react';
 import { useLoginActions } from '@/hooks/useLoginActions';
 import { useToast } from '@/hooks/useToast';
 import {
@@ -34,6 +35,11 @@ export default function AmberCallbackPage() {
   const [status, setStatus] = useState<Status>('processing');
   const [message, setMessage] = useState('Completing login with Amber...');
 
+  useSeoMeta({
+    title: 'Signing in with Amber - SkateSpots',
+    description: 'Completing your Amber (NIP-55) login.',
+  });
+
   useEffect(() => {
     if (hasProcessed.current) return;
     hasProcessed.current = true;
diff --git a/src/pages/EditTourPage.tsx b/src/pages/EditTourPage.tsx
index 29fba52..0978b70 100644
--- a/src/pages/EditTourPage.tsx
+++ b/src/pages/EditTourPage.tsx
@@ -1,4 +1,5 @@
 import { useParams } from 'react-router-dom';
+import { useSeoMeta } from '@unhead/react';
 import { Layout } from '@/components/Layout';
 import { Card, CardContent } from '@/components/ui/card';
 import { Skeleton } from '@/components/ui/skeleton';
@@ -20,6 +21,11 @@ export default function EditTourPage() {
   const { user } = useCurrentUser();
   const { data: tour, isLoading, error } = useTour(identifier || '', pubkey);
 
+  useSeoMeta({
+    title: tour?.title ? `Edit ${tour.title} - SkateSpots` : 'Edit Tour - SkateSpots',
+    description: 'Edit your skate tour — update stops, dates and details.',
+  });
+
   if (isLoading) {
     return (
       <Layout>
diff --git a/src/pages/LabPage.tsx b/src/pages/LabPage.tsx
index e19740e..2bfb28e 100644
--- a/src/pages/LabPage.tsx
+++ b/src/pages/LabPage.tsx
@@ -71,7 +71,7 @@ import {
   PersonStanding,
   ArrowRight,
 } from 'lucide-react';
-import { cn } from '@/lib/utils';
+import { EmptyState as SharedEmptyState } from '@/components/EmptyState';
 import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
 import { ProBadge } from '@/components/ProBadge';
 import { LabCrewsStrip } from '@/components/LabCrewsStrip';
@@ -1096,28 +1096,29 @@ function EmptyState({ serviceType, user }: { serviceType: ServiceType; user: boo
   const Icon = c.icon;
 
   return (
-    <div className="flex flex-col items-center justify-center py-20 px-4 text-center">
-      <div className="w-16 h-16 rounded-2xl bg-white/5 flex items-center justify-center mb-4">
-        <Icon className="h-8 w-8 text-gray-600" />
-      </div>
-      <h3 className="text-lg font-black mb-2 text-white">{c.title}</h3>
-      <p className="text-gray-500 text-sm max-w-xs mb-4">{c.body}</p>
-      {user ? (
-        <Link to={c.to}>
-          <button className={cn('flex items-center gap-2 px-5 py-2.5 rounded-xl font-black text-sm uppercase tracking-wide text-white transition-all active:scale-95', c.color)}>
-            <Plus className="h-4 w-4" />
-            {c.cta}
-          </button>
-        </Link>
-      ) : (
-        <p className="text-xs text-gray-600 mb-4">
-          <Link to="/settings" className="text-[#ccff00] underline underline-offset-2">Log in</Link> to create a profile
-        </p>
-      )}
-      <Link to="/faq" className="mt-4 text-xs text-gray-600 hover:text-gray-400 underline underline-offset-2 transition-colors">
-        Have questions? Check the FAQ →
-      </Link>
-    </div>
+    <SharedEmptyState
+      icon={Icon}
+      title={c.title}
+      hint={
+        user ? (
+          c.body
+        ) : (
+          <>
+            {c.body}{' '}
+            <Link to="/settings" className="text-[#ccff00] underline underline-offset-2">
+              Log in
+            </Link>{' '}
+            to create a profile.
+          </>
+        )
+      }
+      actions={
+        user
+          ? [{ label: c.cta, to: c.to, icon: Plus, className: c.color }]
+          : []
+      }
+      footer={{ label: 'Have questions? Check the FAQ →', to: '/faq' }}
+    />
   );
 }
 
diff --git a/src/pages/NIP19Page.tsx b/src/pages/NIP19Page.tsx
index 2c064c0..62defdd 100644
--- a/src/pages/NIP19Page.tsx
+++ b/src/pages/NIP19Page.tsx
@@ -1,5 +1,6 @@
 import { nip19 } from 'nostr-tools';
 import { useParams, Link } from 'react-router-dom';
+import { useSeoMeta } from '@unhead/react';
 import { Layout } from '@/components/Layout';
 import { ImageWithFallback } from '@/components/ImageWithFallback';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
@@ -164,6 +165,11 @@ function ProfilePage({ pubkey }: { pubkey: string }) {
   const npub = nip19.npubEncode(pubkey);
   const isOwnProfile = user?.pubkey === pubkey;
 
+  useSeoMeta({
+    title: `${displayName} - SkateSpots`,
+    description: about ? about.slice(0, 160) : `${displayName}'s profile on SkateSpots.`,
+  });
+
   // At-a-glance skater stats for the summary strip.
   const { data: riderStats } = useRiderStats(pubkey);
   const memberSince = profileEventCreatedAt(author.data?.event?.created_at);