diff --git a/package-lock.json b/package-lock.json
index 5a3d0b2..9500488 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1283,6 +1283,7 @@
       "version": "5.101.0",
       "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.101.0.tgz",
       "integrity": "sha512-rLlJXSpkqfizLWgkR5+eLeIk0MvTx/meEIR7LRjxic+qxiQP8zVjq7BqQkiCMNLQBlLfuOLqqr6KO5GtrDlmSg==",
+      "license": "MIT",
       "dependencies": {
         "@tanstack/query-core": "5.101.0"
       },
@@ -1298,6 +1299,7 @@
       "version": "5.101.0",
       "resolved": "https://registry.npmjs.org/@tanstack/react-query-devtools/-/react-query-devtools-5.101.0.tgz",
       "integrity": "sha512-cpZA0+WqKXwrwMfiWZEGGF6QrIWVQFbhBtxqDF5sQsAfrFf47HIE6fiPbQU3wyAUEN2+7UNqLCQe7oG6m3f93w==",
+      "license": "MIT",
       "dependencies": {
         "@tanstack/query-devtools": "5.101.0"
       },
@@ -5011,6 +5013,7 @@
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.79.0.tgz",
       "integrity": "sha512-mhYp/MTmXvzYX6AJcJVko0rktoIhhmRnEouObj4wF5i/tCttgJvnp1+9wRkpITZjDTqpo4IOSJqu0dBlPlV/Lw==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=18.0.0"
       },
diff --git a/src/app/(dashboard)/subscriptions/page.tsx b/src/app/(dashboard)/subscriptions/page.tsx
new file mode 100644
index 0000000..112f1c0
--- /dev/null
+++ b/src/app/(dashboard)/subscriptions/page.tsx
@@ -0,0 +1,7 @@
+export default function SubscriptionsPage() {
+  return (
+    <main className="min-h-screen flex items-center justify-center p-8">
+      <h1 className="text-2xl font-semibold">Subscriptions</h1>
+    </main>
+  );
+}
diff --git a/src/components/navigation/BottomNav.tsx b/src/components/navigation/BottomNav.tsx
new file mode 100644
index 0000000..e80e801
--- /dev/null
+++ b/src/components/navigation/BottomNav.tsx
@@ -0,0 +1,84 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { Compass, Home, Heart, User } from "lucide-react";
+import { cn } from "@/lib/utils";
+
+const NAV_ITEMS = [
+  {
+    label: "Discover",
+    href: "/discover",
+    Icon: Compass,
+  },
+  {
+    label: "Dashboard",
+    href: "/dashboard",
+    Icon: Home,
+  },
+  {
+    label: "Subscriptions",
+    href: "/subscriptions",
+    Icon: Heart,
+  },
+  {
+    label: "Profile",
+    href: "/profile",
+    Icon: User,
+  },
+] as const;
+
+export function BottomNav() {
+  const pathname = usePathname();
+
+  return (
+    <nav
+      aria-label="Primary navigation"
+      className={cn(
+        // Fixed to bottom, full width, above content
+        "fixed bottom-0 inset-x-0 z-50",
+        // Background + top border
+        "bg-background border-t border-border",
+        // Safe-area inset for iPhone home indicator
+        "pb-[env(safe-area-inset-bottom)]",
+        // Desktop: sidebar handles navigation — hide this bar
+        "md:hidden",
+      )}
+    >
+      <ul className="flex min-h-[3.5rem]">
+        {NAV_ITEMS.map(({ label, href, Icon }) => {
+          const isActive = pathname === href;
+
+          return (
+            <li key={href} className="flex-1">
+              <Link
+                href={href}
+                aria-current={isActive ? "page" : undefined}
+                className={cn(
+                  // Fill the full tap area — min 44px guaranteed by the parent min-h-[3.5rem]
+                  "flex flex-col items-center justify-center gap-1 h-full w-full min-h-[44px]",
+                  // Smooth colour transition
+                  "transition-colors duration-150",
+                  isActive
+                    ? "text-rose-500"
+                    : "text-muted-foreground hover:text-foreground",
+                )}
+              >
+                <Icon
+                  size={22}
+                  strokeWidth={isActive ? 1.5 : 1.5}
+                  // Filled on active, transparent fill (outline) when inactive
+                  fill={isActive ? "currentColor" : "none"}
+                  aria-hidden="true"
+                />
+                <span className="text-[10px] font-medium leading-none">
+                  {label}
+                </span>
+              </Link>
+            </li>
+          );
+        })}
+      </ul>
+    </nav>
+  );
+}
diff --git a/src/middleware.ts b/src/middleware.ts
index 1e15c13..bf46c2d 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -3,7 +3,7 @@ import type { NextRequest } from "next/server";
 import { isAuthenticatedFromRequest } from "@/lib/auth/session";
 
 const AUTH_ROUTES = ["/login", "/signup"];
-const PROTECTED_PREFIXES = ["/dashboard", "/profile"];
+const PROTECTED_PREFIXES = ["/dashboard", "/profile", "/discover", "/subscriptions"];
 
 function isProtectedPath(pathname: string): boolean {
   return PROTECTED_PREFIXES.some(
@@ -34,5 +34,7 @@ export const config = {
     "/signup",
     "/dashboard/:path*",
     "/profile/:path*",
+    "/discover/:path*",
+    "/subscriptions/:path*",
   ],
 };
diff --git a/src/types/api.ts b/src/types/api.ts
index 3bc3943..d064f36 100644
--- a/src/types/api.ts
+++ b/src/types/api.ts
@@ -29,3 +29,22 @@ export interface Post {
   authorId: string;
   createdAt: string;
 }
+
+export interface Subscription {
+  id: string;
+  creatorId: string;
+  status: "active" | "cancelled" | "expired";
+  createdAt: string;
+  expiresAt?: string;
+}
+
+export interface Creator {
+  id: string;
+  name: string;
+  handle: string;
+  avatarUrl?: string;
+  bio?: string;
+  subscriberCount: number;
+  isSubscribed?: boolean;
+  subscriptionPrice?: number;
+}