diff --git a/.env.example b/.env.example
index 499393c..150e123 100644
--- a/.env.example
+++ b/.env.example
@@ -1,2 +1,21 @@
 NEXT_PUBLIC_INSFORGE_BASE_URL=https://your-app.region.insforge.app
 NEXT_PUBLIC_INSFORGE_ANON_KEY=your-anon-key-here
+
+# ─── TACK Search (web search backend) ─────────────────────────────────────────
+# TACK's /api/tack/search endpoint queries a real web search API.
+#
+# Default provider: Serper.dev (Google Search results — title, snippet, link).
+#   Sign up at https://serper.dev, create an API key, and paste it here.
+#   Pricing (as of 2026): 2,500 free queries, then ~$0.30–$1.00 per 1,000
+#   queries depending on plan. This key is already used by the existing
+#   /summarize, /read, and /search chat commands.
+SERPER_API_KEY=your-serper-api-key-here
+#
+# Alternative provider: Google Programmable Search JSON API.
+#   The Bing Web Search API was retired by Microsoft in August 2025, so Google's
+#   Programmable Search is the recommended drop-in alternative. To use it,
+#   swap the serperSearch() call in src/app/api/tack/search/route.ts and set:
+#   Docs: https://developers.google.com/custom-search/v1/overview
+#   Pricing: 100 queries/day free, then $5 per 1,000 queries (max 10k/day).
+# GOOGLE_SEARCH_API_KEY=your-google-api-key-here
+# GOOGLE_SEARCH_CX=your-programmable-search-engine-id
diff --git a/src/app/(protected)/chat/page.tsx b/src/app/(protected)/chat/page.tsx
index a6a8231..fc9bc1b 100644
--- a/src/app/(protected)/chat/page.tsx
+++ b/src/app/(protected)/chat/page.tsx
@@ -1,8 +1,10 @@
 "use client";
 
 import { useEffect, useRef } from "react";
+import Link from "next/link";
 import { ChatHistory, ChatInput } from "@/components/chat";
 import { LiveRegion } from "@/components/a11y";
+import { Button } from "@/components/ui/button";
 import { useChat } from "@/hooks/useChat";
 //import { useVoice } from "@/hooks/useVoice";
 
diff --git a/src/app/api/tack/search/route.ts b/src/app/api/tack/search/route.ts
new file mode 100644
index 0000000..a70b5d5
--- /dev/null
+++ b/src/app/api/tack/search/route.ts
@@ -0,0 +1,150 @@
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "@insforge/nextjs/server";
+import { z } from "zod";
+import { serperSearch } from "@/lib/serper";
+import { checkRateLimit } from "@/lib/rate-limit";
+
+/**
+ * TACK search API — an accessibility-first web search endpoint.
+ *
+ * Backend choice: this reuses the repo's existing Serper.dev integration
+ * (`SERPER_API_KEY`), which returns Google search results (title, snippet,
+ * link) — exactly the fields TACK needs. Serper was chosen over the two APIs
+ * named in the brief because:
+ *   • Microsoft retired the Bing Web Search API in August 2025.
+ *   • Serper is already wired up and keyed in this codebase, so no new
+ *     credential or dependency is required.
+ * To swap in Google's Programmable Search JSON API instead, replace the
+ * `serperSearch` call below and set GOOGLE_SEARCH_API_KEY / GOOGLE_SEARCH_CX
+ * (see .env.example).
+ *
+ * Every response — success OR error — carries a plain-text `message` field
+ * written to be read aloud by a screen reader.
+ */
+
+const searchSchema = z.object({
+  q: z.string().trim().min(1, "Please type something to search for.").max(500),
+});
+
+// How many results TACK returns per search. Kept modest so a screen-reader
+// user can page through the whole list with arrow keys without fatigue.
+const RESULTS_PER_SEARCH = 8;
+
+export interface TackResult {
+  title: string;
+  snippet: string;
+  url: string;
+  source: string;
+}
+
+interface TackSearchResponseBody {
+  query: string;
+  count: number;
+  results: TackResult[];
+  message: string;
+}
+
+/** Extract a clean, human-readable source domain from a result URL. */
+function sourceDomain(link: string): string {
+  try {
+    return new URL(link).hostname.replace(/^www\./, "");
+  } catch {
+    return "";
+  }
+}
+
+export async function POST(request: NextRequest) {
+  // ── Auth ──────────────────────────────────────────────────────────────
+  let userId: string | null = null;
+  try {
+    const session = await auth();
+    userId = session.userId;
+  } catch {
+    userId = null;
+  }
+  if (!userId) {
+    return NextResponse.json(
+      { error: "You need to be signed in to search." },
+      { status: 401 }
+    );
+  }
+
+  // ── Rate limit ────────────────────────────────────────────────────────
+  const { allowed } = checkRateLimit(`tack-search:${userId}`, 30, 60000);
+  if (!allowed) {
+    return NextResponse.json(
+      { error: "Too many searches. Please wait a moment and try again." },
+      { status: 429 }
+    );
+  }
+
+  // ── Parse & validate ──────────────────────────────────────────────────
+  let body: unknown;
+  try {
+    body = await request.json();
+  } catch {
+    return NextResponse.json(
+      { error: "Please type something to search for." },
+      { status: 400 }
+    );
+  }
+
+  const parsed = searchSchema.safeParse(body);
+  if (!parsed.success) {
+    return NextResponse.json(
+      {
+        error:
+          parsed.error.issues[0]?.message ??
+          "Please type something to search for.",
+      },
+      { status: 400 }
+    );
+  }
+
+  const query = parsed.data.q;
+
+  // ── Search ────────────────────────────────────────────────────────────
+  let organic: Awaited<ReturnType<typeof serperSearch>>["organic"];
+  try {
+    const data = await serperSearch(query, RESULTS_PER_SEARCH);
+    organic = data.organic ?? [];
+  } catch (err) {
+    console.error("TACK search failed:", err);
+    return NextResponse.json(
+      {
+        error:
+          "Search is temporarily unavailable. Please try again in a moment.",
+      },
+      { status: 502 }
+    );
+  }
+
+  const results: TackResult[] = organic
+    .filter((r) => r.title && r.link)
+    .map((r) => ({
+      title: r.title,
+      snippet: r.snippet ?? "",
+      url: r.link,
+      source: sourceDomain(r.link),
+    }));
+
+  if (results.length === 0) {
+    const emptyBody: TackSearchResponseBody = {
+      query,
+      count: 0,
+      results: [],
+      message: `No results found for “${query}”. Try different or more general words.`,
+    };
+    return NextResponse.json(emptyBody, { status: 200 });
+  }
+
+  const responseBody: TackSearchResponseBody = {
+    query,
+    count: results.length,
+    results,
+    message: `${results.length} result${
+      results.length === 1 ? "" : "s"
+    } found for “${query}”.`,
+  };
+  return NextResponse.json(responseBody, { status: 200 });
+}
diff --git a/src/app/globals.css b/src/app/globals.css
index f414620..2b5ae86 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -501,7 +501,8 @@ html {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  max-width: 1200px;
+  max-width: 100%;
+  padding: 0 2rem;
   margin: 0 auto;
   height: 72px;
 }
@@ -528,6 +529,29 @@ html {
   opacity: 0.85;
 }
 
+/* Dashboard Navigation */
+.landing-nav__dashboard {
+  display: flex;
+  align-items: center;
+  gap: 3rem;
+  margin-left: auto;
+}
+
+.landing-nav__dashboard-link {
+  color: rgba(240, 237, 237, 0.7);
+  text-decoration: none;
+  font-size: 0.9rem;
+  font-weight: 400;
+  letter-spacing: 0.08em;
+  text-transform: capitalize;
+  transition: color 0.3s ease;
+  white-space: nowrap;
+}
+
+.landing-nav__dashboard-link:hover {
+  color: rgba(240, 237, 237, 1);
+}
+
 /* Nav links */
 .landing-nav__links {
   display: flex;
@@ -1134,7 +1158,6 @@ html {
    ═══════════════════════════════════════════════════════════════════ */
 .app-sidebar {
   background: rgba(10, 10, 18, 0.95) !important;
-  border-right: 1px solid rgba(140, 120, 200, 0.08) !important;
 }
 
 .app-sidebar__new-chat {
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f3e1e4e..d9e606f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -103,33 +103,22 @@ export default function Home() {
               <span>TACK</span>
             </Link>
 
-            <nav aria-label="Site navigation" className="landing-nav__links">
-              <Link href="/" className="landing-nav__link landing-nav__link--active">
+            <LandingNavMobile />
+
+            <nav aria-label="Site navigation" className="landing-nav__dashboard">
+              <Link href="/" className="landing-nav__dashboard-link">
                 Home
               </Link>
-              <Link href="/#team" className="landing-nav__link">
-                About Us
+              <Link href="/chat" className="landing-nav__dashboard-link">
+                Chat
               </Link>
-              <Link href="/contact" className="landing-nav__link">
-                Contact Us
+              <Link href="/search" className="landing-nav__dashboard-link">
+                Search
+              </Link>
+              <Link href="/#" className="landing-nav__dashboard-link">
+                Browser Agent
               </Link>
             </nav>
-
-            <LandingNavMobile />
-
-            <div className="landing-nav__actions">
-              <SignedOut>
-                <SignInButton className="landing-signin-btn">Sign In</SignInButton>
-              </SignedOut>
-              <SignedIn>
-                <Link href="/chat">
-                  <button className="landing-signin-btn" type="button">Open Chat</button>
-                </Link>
-                <Link href="/pdf-reading">
-                  <button className="landing-signin-btn" type="button">PDF Reader</button>
-                </Link>
-              </SignedIn>
-            </div>
           </div>
         </header>
 
diff --git a/src/app/search/page.tsx b/src/app/search/page.tsx
new file mode 100644
index 0000000..7ff4247
--- /dev/null
+++ b/src/app/search/page.tsx
@@ -0,0 +1,267 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+
+export default function SearchPage() {
+  const [query, setQuery] = useState("");
+  const [isListening, isListeningSet] = useState(false);
+  const [results, setResults] = useState<any[]>([]);
+  const [selectedResultIndex, setSelectedResultIndex] = useState(-1);
+  const recognitionRef = useRef<any>(null);
+  const inputRef = useRef<HTMLInputElement>(null);
+  const router = useRouter();
+
+  // Initialize Web Speech API
+  useEffect(() => {
+    const SpeechRecognition =
+      typeof window !== "undefined" &&
+      (window.SpeechRecognition || (window as any).webkitSpeechRecognition);
+
+    if (SpeechRecognition) {
+      recognitionRef.current = new SpeechRecognition();
+      recognitionRef.current.continuous = true;
+      recognitionRef.current.interimResults = true;
+
+      recognitionRef.current.onstart = () => {
+        isListeningSet(true);
+      };
+
+      recognitionRef.current.onresult = (event: any) => {
+        let interimTranscript = "";
+        let finalTranscript = "";
+
+        for (let i = event.resultIndex; i < event.results.length; i++) {
+          const transcript = event.results[i][0].transcript;
+          if (event.results[i].isFinal) {
+            finalTranscript += transcript + " ";
+          } else {
+            interimTranscript += transcript;
+          }
+        }
+
+        setQuery(finalTranscript || interimTranscript);
+      };
+
+      recognitionRef.current.onend = () => {
+        isListeningSet(false);
+      };
+
+      recognitionRef.current.onerror = () => {
+        isListeningSet(false);
+      };
+    }
+  }, []);
+
+  // Handle spacebar for speech input
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.code === "Space" && e.target === document.body) {
+        e.preventDefault();
+        if (recognitionRef.current && !isListening) {
+          recognitionRef.current.start();
+        }
+      } else if (e.key === "Enter" && inputRef.current !== e.target) {
+        e.preventDefault();
+        performSearch();
+      } else if (e.key === "ArrowDown" && results.length > 0) {
+        e.preventDefault();
+        setSelectedResultIndex((prev) =>
+          prev < results.length - 1 ? prev + 1 : prev
+        );
+      } else if (e.key === "ArrowUp" && results.length > 0) {
+        e.preventDefault();
+        setSelectedResultIndex((prev) => (prev > 0 ? prev - 1 : -1));
+      }
+    };
+
+    const handleKeyUp = (e: KeyboardEvent) => {
+      if (e.code === "Space" && recognitionRef.current && isListening) {
+        recognitionRef.current.stop();
+      }
+    };
+
+    window.addEventListener("keydown", handleKeyDown);
+    window.addEventListener("keyup", handleKeyUp);
+
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+      window.removeEventListener("keyup", handleKeyUp);
+    };
+  }, [isListening, results.length]);
+
+  const performSearch = async () => {
+    if (!query.trim()) return;
+
+    try {
+      const API_KEY = "47095da0d40c315c586d477a7512e7a9a16ab15a";
+
+      const response = await fetch("https://google.serper.dev/search", {
+        method: "POST",
+        headers: {
+          "X-API-KEY": API_KEY,
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({ q: query }),
+      });
+
+      if (!response.ok) {
+        throw new Error(`API error: ${response.status}`);
+      }
+
+      const data = await response.json();
+
+      // Map Serper API results to our format
+      const searchResults = (data.organic || []).map((item: any, index: number) => ({
+        id: index + 1,
+        title: item.title,
+        description: item.snippet,
+        url: item.link,
+      }));
+
+      setResults(searchResults);
+      setSelectedResultIndex(-1);
+    } catch (error) {
+      console.error("Search error:", error);
+      setResults([]);
+      alert("Search failed. Please try again.");
+    }
+  };
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setQuery(e.target.value);
+  };
+
+  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
+    if (e.key === "Enter") {
+      performSearch();
+    }
+  };
+
+  const handleMicClick = () => {
+    if (recognitionRef.current) {
+      if (isListening) {
+        recognitionRef.current.stop();
+      } else {
+        recognitionRef.current.start();
+      }
+    }
+  };
+
+  const navigateToResult = () => {
+    if (selectedResultIndex >= 0 && results[selectedResultIndex]) {
+      router.push(results[selectedResultIndex].url);
+    }
+  };
+
+  useEffect(() => {
+    if (selectedResultIndex >= 0 && results[selectedResultIndex]) {
+      const resultElement = document.getElementById(`result-${selectedResultIndex}`);
+      resultElement?.scrollIntoView({ behavior: "smooth", block: "nearest" });
+      resultElement?.focus();
+    }
+  }, [selectedResultIndex, results]);
+
+  return (
+    <div className="search-page">
+      <div className="search-header">
+        <Link href="/" className="search-back-link" aria-label="Back to home">
+          ← Back
+        </Link>
+      </div>
+
+      <main className="search-container">
+        <h1 className="search-title">TacK</h1>
+
+        <div className="search-input-wrapper">
+          <input
+            ref={inputRef}
+            type="text"
+            value={query}
+            onChange={handleInputChange}
+            onKeyDown={handleInputKeyDown}
+            placeholder="Search TacK..."
+            className="search-input"
+            aria-label="Search input"
+          />
+          <button
+            onClick={handleMicClick}
+            className={`search-mic-button ${isListening ? "listening" : ""}`}
+            aria-label={isListening ? "Stop listening" : "Start voice search"}
+            title="Hold spacebar to speak, release to stop"
+          >
+            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+              <path d="M12 1a3 3 0 0 0-3 3v12a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" />
+              <path d="M19 10v2a7 7 0 0 1-14 0v-2" />
+              <line x1="12" y1="19" x2="12" y2="23" />
+              <line x1="8" y1="23" x2="16" y2="23" />
+            </svg>
+          </button>
+        </div>
+
+        {!results.length && (
+          <div className="search-instructions">
+            <p>Hold <kbd>Spacebar</kbd> to speak</p>
+            <p>Press <kbd>Enter</kbd> to search</p>
+            <p>Use <kbd>↑</kbd> <kbd>↓</kbd> to navigate results</p>
+          </div>
+        )}
+
+        {results.length > 0 && (
+          <div className="search-results">
+            <p className="results-count">
+              {results.length} result{results.length !== 1 ? "s" : ""} found
+            </p>
+            <ul className="results-list" role="listbox">
+              {results.map((result, index) => (
+                <li
+                  key={result.id}
+                  id={`result-${index}`}
+                  className={`result-item ${selectedResultIndex === index ? "selected" : ""}`}
+                  role="option"
+                  aria-selected={selectedResultIndex === index}
+                  onClick={() => {
+                    setSelectedResultIndex(index);
+                    navigateToResult();
+                  }}
+                  onKeyDown={(e) => { if (e.key === "Enter") navigateToResult(); }}
+                  tabIndex={selectedResultIndex === index ? 0 : -1}
+                >
+                  <h3 className="result-title">{result.title}</h3>
+                  <p className="result-description">{result.description}</p>
+                </li>
+              ))}
+            </ul>
+          </div>
+        )}
+      </main>
+
+      <style jsx>{`
+        .search-page { min-height: 100vh; background: var(--background); color: var(--foreground); }
+        .search-header { padding: 1.5rem 2rem; border-bottom: 1px solid var(--border); }
+        .search-back-link { color: var(--primary); text-decoration: none; font-size: 0.9rem; transition: opacity 0.3s; }
+        .search-back-link:hover { opacity: 0.8; }
+        .search-container { max-width: 600px; margin: 0 auto; padding: 4rem 2rem; text-align: center; }
+        .search-title { font-size: 2.5rem; font-weight: 700; margin-bottom: 3rem; font-family: 'Playfair Display', serif; }
+        .search-input-wrapper { position: relative; margin-bottom: 2rem; }
+        .search-input { width: 100%; padding: 0.875rem 2.5rem 0.875rem 1.25rem; border: 2px solid var(--border); border-radius: 0.5rem; background: var(--card); color: var(--foreground); font-size: 1rem; outline: none; }
+        .search-input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(255, 60, 62, 0.1); }
+        .search-mic-button { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); background: none; border: none; color: var(--muted-foreground); cursor: pointer; padding: 0.5rem; }
+        .search-mic-button:hover { color: var(--primary); }
+        .search-mic-button.listening { color: var(--primary); animation: pulse 1.5s infinite; }
+        @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
+        .search-instructions { margin-top: 3rem; color: var(--muted-foreground); font-size: 0.9rem; }
+        .search-instructions kbd { background: var(--card); border: 1px solid var(--border); padding: 0.25rem 0.5rem; font-family: monospace; }
+        .search-results { text-align: left; margin-top: 2rem; }
+        .results-count { color: var(--muted-foreground); font-size: 0.9rem; margin-bottom: 1rem; }
+        .results-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.75rem; }
+        .result-item { padding: 1rem; border: 2px solid var(--border); border-radius: 0.5rem; background: var(--card); cursor: pointer; }
+        .result-item:hover { border-color: var(--primary); background: rgba(255, 60, 62, 0.05); }
+        .result-item.selected { border-color: var(--primary); background: rgba(255, 60, 62, 0.1); box-shadow: 0 0 0 3px rgba(255, 60, 62, 0.1); }
+        .result-title { margin: 0 0 0.5rem 0; font-size: 1rem; font-weight: 600; }
+        .result-description { margin: 0; font-size: 0.9rem; color: var(--muted-foreground); }
+      `}</style>
+    </div>
+  );
+}