diff --git a/app/bounty/[bountyId]/page.tsx b/app/bounty/[bountyId]/page.tsx
index 9f266a8..304edb4 100644
--- a/app/bounty/[bountyId]/page.tsx
+++ b/app/bounty/[bountyId]/page.tsx
@@ -21,7 +21,7 @@ export default async function BountyDetailPage({ params }: Props) {
           className="flex items-center gap-1.5 text-xs text-gray-500 mb-8"
         >
           <Link
-            href="/bounties"
+            href="/bounty"
             className="hover:text-gray-300 transition-colors flex items-center gap-1"
           >
             <ArrowLeft className="size-3" /> Bounties
diff --git a/app/bounty/page.tsx b/app/bounty/page.tsx
index bb231e5..444e64c 100644
--- a/app/bounty/page.tsx
+++ b/app/bounty/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { useState, useMemo, useCallback } from "react";
+import Link from "next/link";
 import { useBounties } from "@/hooks/use-bounties";
 import { BountyCard } from "@/components/bounty/bounty-card";
 import { BountyListSkeleton } from "@/components/bounty/bounty-card-skeleton";
@@ -156,14 +157,11 @@ export default function BountiesPage() {
     );
   }, []);
 
-  const toggleTag = useCallback(
-    (tag: string) => {
-      setSelectedTags((prev) =>
-        prev.includes(tag) ? prev.filter((t) => t !== tag) : [...prev, tag],
-      );
-    },
-    [],
-  );
+  const toggleTag = useCallback((tag: string) => {
+    setSelectedTags((prev) =>
+      prev.includes(tag) ? prev.filter((t) => t !== tag) : [...prev, tag],
+    );
+  }, []);
 
   const clearFilters = () => {
     setSearchQuery("");
@@ -208,23 +206,21 @@ export default function BountiesPage() {
                     rewardRange[0] !== 0 ||
                     rewardRange[1] !== 5000 ||
                     statusFilter !== "open") && (
-                      <Button
-                        variant="ghost"
-                        size="sm"
-                        onClick={clearFilters}
-                        className="h-6 text-[10px] text-primary hover:text-primary/80 p-0 hover:bg-transparent"
-                      >
-                        Reset
-                      </Button>
-                    )}
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={clearFilters}
+                      className="h-6 text-[10px] text-primary hover:text-primary/80 p-0 hover:bg-transparent"
+                    >
+                      Reset
+                    </Button>
+                  )}
                 </div>
 
                 <div className="space-y-6">
                   {/* Search */}
                   <div className="space-y-2">
-                    <Label className="text-xs font-medium">
-                      Search
-                    </Label>
+                    <Label className="text-xs font-medium">Search</Label>
                     <div className="relative group">
                       <Search className="absolute left-3 top-2.5 size-4  group-focus-within:text-primary transition-colors" />
                       <Input
@@ -473,9 +469,13 @@ export default function BountiesPage() {
             ) : filteredBounties.length > 0 ? (
               <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6 auto-rows-fr">
                 {filteredBounties.map((bounty) => (
-                  <div key={bounty.id} className="h-full">
+                  <Link
+                    key={bounty.id}
+                    href={`/bounty/${bounty.id}`}
+                    className="h-full block"
+                  >
                     <BountyCard bounty={bounty} />
-                  </div>
+                  </Link>
                 ))}
               </div>
             ) : (
@@ -501,7 +501,7 @@ export default function BountiesPage() {
             )}
           </main>
         </div>
-      </div >
-    </div >
+      </div>
+    </div>
   );
 }
diff --git a/app/bounty/review/page.tsx b/app/bounty/review/page.tsx
new file mode 100644
index 0000000..d038b18
--- /dev/null
+++ b/app/bounty/review/page.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+import { SponsorReviewDashboard } from "@/components/bounty/sponsor-review-dashboard";
+import { ReviewSubmission } from "@/types/participation";
+import { Button } from "@/components/ui/button";
+import { ChevronLeft } from "lucide-react";
+import Link from "next/link";
+
+// Mock data for the dashboard
+const mockSubmissions: ReviewSubmission[] = [
+  {
+    submissionId: "sub-1",
+    contributor: {
+      username: "alex_dev",
+      avatarUrl: "https://github.com/shadcn.png",
+    },
+    milestoneId: "Milestone 1",
+    submittedAt: new Date().toISOString(),
+    status: "pending",
+  },
+  {
+    submissionId: "sub-2",
+    contributor: {
+      username: "sarah_smith",
+    },
+    milestoneId: "Milestone 2",
+    submittedAt: new Date(Date.now() - 86400000).toISOString(),
+    status: "pending",
+  },
+];
+
+export default function ReviewDashboardPage() {
+  const handleAction = async (id: string, action: string) => {
+    console.log(`Action ${action} on submission ${id}`);
+    // In a real app, this would be an API call
+    await new Promise((resolve) => setTimeout(resolve, 500));
+  };
+
+  return (
+    <div className="container mx-auto max-w-5xl px-4 py-8 space-y-8">
+      <div className="flex items-center justify-between">
+        <div className="space-y-1">
+          <Button
+            asChild
+            variant="ghost"
+            size="sm"
+            className="-ml-2 text-muted-foreground"
+          >
+            <Link href="/bounty">
+              <ChevronLeft className="mr-2 h-4 w-4" />
+              Back to Bounties
+            </Link>
+          </Button>
+          <h1 className="text-3xl font-bold tracking-tight">
+            Review Submissions
+          </h1>
+          <p className="text-muted-foreground">
+            Manage and review contributions submitted for your bounties.
+          </p>
+        </div>
+      </div>
+
+      <div className="rounded-xl border bg-card p-6 shadow-sm">
+        <SponsorReviewDashboard
+          submissions={mockSubmissions}
+          onAction={handleAction}
+        />
+      </div>
+    </div>
+  );
+}
diff --git a/components/bounty-detail/bounty-detail-client.tsx b/components/bounty-detail/bounty-detail-client.tsx
index 9467c5b..5e38854 100644
--- a/components/bounty-detail/bounty-detail-client.tsx
+++ b/components/bounty-detail/bounty-detail-client.tsx
@@ -1,95 +1,95 @@
-"use client";
-
-import { useRouter } from "next/navigation";
-import { AlertCircle, ArrowLeft } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import {
-  ClaimModelInfo,
-  MobileCTA,
-  SidebarCTA,
-} from "./bounty-detail-sidebar-cta";
-import { RequirementsCard, ScopeCard } from "./bounty-detail-requirements-card";
-import { HeaderCard } from "./bounty-detail-header-card";
-import { DescriptionCard } from "./bounty-detail-description-card";
-import { BountyDetailSkeleton } from "./bounty-detail-bounty-detail-skeleton";
-import { useBountyDetail } from "@/hooks/Use-bounty-detail";
-
-export function BountyDetailClient({ bountyId }: { bountyId: string }) {
-  const router = useRouter();
-  const { data: bounty, isPending, isError, error } = useBountyDetail(bountyId);
-
-  if (isPending) return <BountyDetailSkeleton />;
-
-  if (isError) {
-    return (
-      <div className="min-h-screen flex flex-col items-center justify-center gap-4 text-center px-4">
-        <div className="size-16 rounded-full bg-gray-800/50 flex items-center justify-center">
-          <AlertCircle className="size-8 text-gray-600" />
-        </div>
-        <h2 className="text-xl font-bold text-gray-200">
-          Failed to load bounty
-        </h2>
-        <p className="text-gray-400 max-w-sm text-sm">
-          {error instanceof Error
-            ? error.message
-            : "Something went wrong. Please try again."}
-        </p>
-        <Button
-          variant="outline"
-          className="border-gray-700 hover:bg-gray-800 mt-2"
-          onClick={() => router.push("/bounties")}
-        >
-          <ArrowLeft className="size-4 mr-2" />
-          Back to bounties
-        </Button>
-      </div>
-    );
-  }
-
-  if (!bounty) {
-    return (
-      <div className="min-h-screen flex flex-col items-center justify-center gap-4 text-center px-4">
-        <div className="size-16 rounded-full bg-gray-800/50 flex items-center justify-center">
-          <AlertCircle className="size-8 text-gray-600" />
-        </div>
-        <h2 className="text-xl font-bold text-gray-200">Bounty not found</h2>
-        <p className="text-gray-400 max-w-sm text-sm">
-          This bounty may have been removed or doesn&apos;t exist.
-        </p>
-        <Button
-          variant="outline"
-          className="border-gray-700 hover:bg-gray-800 mt-2"
-          onClick={() => router.push("/bounties")}
-        >
-          <ArrowLeft className="size-4 mr-2" />
-          Back to bounties
-        </Button>
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex flex-col lg:flex-row gap-10">
-      {/* Main content */}
-      <div className="flex-1 min-w-0 space-y-6">
-        <HeaderCard bounty={bounty} />
-        <DescriptionCard description={bounty.description} />
-        {bounty.requirements && bounty.requirements.length > 0 && (
-          <RequirementsCard requirements={bounty.requirements} />
-        )}
-        {bounty.scope && <ScopeCard scope={bounty.scope} />}
-      </div>
-
-      {/* Sidebar */}
-      <aside className="w-full lg:w-72 shrink-0">
-        <div className="lg:sticky lg:top-24 space-y-4">
-          <SidebarCTA bounty={bounty} />
-          <ClaimModelInfo claimingModel={bounty.claimingModel} />
-        </div>
-      </aside>
-
-      {/* Mobile sticky CTA */}
-      <MobileCTA bounty={bounty} />
-    </div>
-  );
-}
+"use client";
+
+import { useRouter } from "next/navigation";
+import { AlertCircle, ArrowLeft } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import {
+  ClaimModelInfo,
+  MobileCTA,
+  SidebarCTA,
+} from "./bounty-detail-sidebar-cta";
+import { RequirementsCard, ScopeCard } from "./bounty-detail-requirements-card";
+import { HeaderCard } from "./bounty-detail-header-card";
+import { DescriptionCard } from "./bounty-detail-description-card";
+import { BountyDetailSkeleton } from "./bounty-detail-bounty-detail-skeleton";
+import { useBountyDetail } from "@/hooks/Use-bounty-detail";
+
+export function BountyDetailClient({ bountyId }: { bountyId: string }) {
+  const router = useRouter();
+  const { data: bounty, isPending, isError, error } = useBountyDetail(bountyId);
+
+  if (isPending) return <BountyDetailSkeleton />;
+
+  if (isError) {
+    return (
+      <div className="min-h-screen flex flex-col items-center justify-center gap-4 text-center px-4">
+        <div className="size-16 rounded-full bg-gray-800/50 flex items-center justify-center">
+          <AlertCircle className="size-8 text-gray-600" />
+        </div>
+        <h2 className="text-xl font-bold text-gray-200">
+          Failed to load bounty
+        </h2>
+        <p className="text-gray-400 max-w-sm text-sm">
+          {error instanceof Error
+            ? error.message
+            : "Something went wrong. Please try again."}
+        </p>
+        <Button
+          variant="outline"
+          className="border-gray-700 hover:bg-gray-800 mt-2"
+          onClick={() => router.push("/bounty")}
+        >
+          <ArrowLeft className="size-4 mr-2" />
+          Back to bounties
+        </Button>
+      </div>
+    );
+  }
+
+  if (!bounty) {
+    return (
+      <div className="min-h-screen flex flex-col items-center justify-center gap-4 text-center px-4">
+        <div className="size-16 rounded-full bg-gray-800/50 flex items-center justify-center">
+          <AlertCircle className="size-8 text-gray-600" />
+        </div>
+        <h2 className="text-xl font-bold text-gray-200">Bounty not found</h2>
+        <p className="text-gray-400 max-w-sm text-sm">
+          This bounty may have been removed or doesn&apos;t exist.
+        </p>
+        <Button
+          variant="outline"
+          className="border-gray-700 hover:bg-gray-800 mt-2"
+          onClick={() => router.push("/bounty")}
+        >
+          <ArrowLeft className="size-4 mr-2" />
+          Back to bounties
+        </Button>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex flex-col lg:flex-row gap-10">
+      {/* Main content */}
+      <div className="flex-1 min-w-0 space-y-6">
+        <HeaderCard bounty={bounty} />
+        <DescriptionCard description={bounty.description} />
+        {bounty.requirements && bounty.requirements.length > 0 && (
+          <RequirementsCard requirements={bounty.requirements} />
+        )}
+        {bounty.scope && <ScopeCard scope={bounty.scope} />}
+      </div>
+
+      {/* Sidebar */}
+      <aside className="w-full lg:w-72 shrink-0">
+        <div className="lg:sticky lg:top-24 space-y-4">
+          <SidebarCTA bounty={bounty} />
+          <ClaimModelInfo claimingModel={bounty.claimingModel} />
+        </div>
+      </aside>
+
+      {/* Mobile sticky CTA */}
+      <MobileCTA bounty={bounty} />
+    </div>
+  );
+}
diff --git a/components/bounty/bounty-list.tsx b/components/bounty/bounty-list.tsx
index aa855fe..365539d 100644
--- a/components/bounty/bounty-list.tsx
+++ b/components/bounty/bounty-list.tsx
@@ -1,49 +1,65 @@
-'use client';
+"use client";
 
-import { BountyCard } from './bounty-card';
-import { BountyListSkeleton } from './bounty-card-skeleton';
-import { BountyError } from './bounty-error';
-import { BountyEmpty } from './bounty-empty';
-import { useBounties } from '@/hooks/use-bounties';
-import type { BountyListParams } from '@/lib/api';
-import type { Bounty } from '@/types/bounty';
+import Link from "next/link";
+import { BountyCard } from "./bounty-card";
+import { BountyListSkeleton } from "./bounty-card-skeleton";
+import { BountyError } from "./bounty-error";
+import { BountyEmpty } from "./bounty-empty";
+import { useBounties } from "@/hooks/use-bounties";
+import type { BountyListParams } from "@/lib/api";
+import type { Bounty } from "@/types/bounty";
 
 interface BountyListProps {
-    params?: BountyListParams;
-    hasFilters?: boolean;
-    onClearFilters?: () => void;
-    onBountyClick?: (bounty: Bounty) => void;
+  params?: BountyListParams;
+  hasFilters?: boolean;
+  onClearFilters?: () => void;
+  onBountyClick?: (bounty: Bounty) => void;
 }
 
-export function BountyList({ params, hasFilters = false, onClearFilters, onBountyClick }: BountyListProps) {
-    const { data, isLoading, isError, error, refetch } = useBounties(params);
+export function BountyList({
+  params,
+  hasFilters = false,
+  onClearFilters,
+  onBountyClick,
+}: BountyListProps) {
+  const { data, isLoading, isError, error, refetch } = useBounties(params);
 
-    if (isLoading) {
-        return <BountyListSkeleton count={6} />;
-    }
+  if (isLoading) {
+    return <BountyListSkeleton count={6} />;
+  }
 
-    if (isError) {
-        return (
-            <BountyError
-                message={error instanceof Error ? error.message : 'Failed to load bounties'}
-                onRetry={() => refetch()}
-            />
-        );
-    }
-
-    const bounties = data?.data ?? [];
+  if (isError) {
+    return (
+      <BountyError
+        message={
+          error instanceof Error ? error.message : "Failed to load bounties"
+        }
+        onRetry={() => refetch()}
+      />
+    );
+  }
 
-    if (bounties.length === 0) {
-        return <BountyEmpty hasFilters={hasFilters} onClearFilters={onClearFilters} />;
-    }
+  const bounties = data?.data ?? [];
 
+  if (bounties.length === 0) {
     return (
-        <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6 auto-rows-fr">
-            {bounties.map((bounty) => (
-                <div key={bounty.id} className="h-full">
-                    <BountyCard bounty={bounty} onClick={() => onBountyClick?.(bounty)} />
-                </div>
-            ))}
-        </div>
+      <BountyEmpty hasFilters={hasFilters} onClearFilters={onClearFilters} />
     );
+  }
+
+  return (
+    <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6 auto-rows-fr">
+      {bounties.map((bounty) => (
+        <div key={bounty.id} className="h-full">
+          {onBountyClick ? (
+            <BountyCard bounty={bounty} onClick={() => onBountyClick(bounty)} />
+          ) : (
+            <Link href={`/bounty/${bounty.id}`} className="block h-full">
+              <BountyCard bounty={bounty} />
+            </Link>
+          )}
+        </div>
+      ))}
+    </div>
+  );
 }
diff --git a/components/global-navbar.tsx b/components/global-navbar.tsx
index a1b1a04..df91580 100644
--- a/components/global-navbar.tsx
+++ b/components/global-navbar.tsx
@@ -29,40 +29,54 @@ export function GlobalNavbar() {
           <div className="hidden md:flex items-center gap-6 text-sm font-medium">
             <Link
               href="/bounty"
-              className={`transition-colors hover:text-foreground/80 ${pathname.startsWith("/bounty")
+              className={`transition-colors hover:text-foreground/80 ${
+                pathname.startsWith("/bounty")
                   ? "text-foreground"
                   : "text-foreground/60"
-                }`}
+              }`}
             >
               Explore
             </Link>
             <Link
               href="/projects"
-              className={`transition-colors hover:text-foreground/80 ${pathname.startsWith("/projects")
+              className={`transition-colors hover:text-foreground/80 ${
+                pathname.startsWith("/projects")
                   ? "text-foreground"
                   : "text-foreground/60"
-                }`}
+              }`}
             >
               Projects
             </Link>
             <Link
               href="/leaderboard"
-              className={`transition-colors hover:text-foreground/80 ${pathname.startsWith("/leaderboard")
+              className={`transition-colors hover:text-foreground/80 ${
+                pathname.startsWith("/leaderboard")
                   ? "text-foreground"
                   : "text-foreground/60"
-                }`}
+              }`}
             >
               Leaderboard
             </Link>
             <Link
               href="/wallet"
-              className={`transition-colors hover:text-foreground/80 ${pathname.startsWith("/wallet")
+              className={`transition-colors hover:text-foreground/80 ${
+                pathname.startsWith("/wallet")
                   ? "text-foreground"
                   : "text-foreground/60"
-                }`}
+              }`}
             >
               Wallet
             </Link>
+            <Link
+              href="/bounty/review"
+              className={`transition-colors hover:text-foreground/80 ${
+                pathname.startsWith("/bounty/review")
+                  ? "text-foreground"
+                  : "text-foreground/60"
+              }`}
+            >
+              Review
+            </Link>
           </div>
         </div>