diff --git a/src/app/(home)/topic/[topic]/page.tsx b/src/app/(home)/topic/[topic]/page.tsx
new file mode 100644
index 00000000..f2dcb6df
--- /dev/null
+++ b/src/app/(home)/topic/[topic]/page.tsx
@@ -0,0 +1,31 @@
+import { HomeFeed } from "~/components/home/HomeFeed"
+import { HomeSidebar } from "~/components/home/HomeSidebar"
+
+import topics from "../../../../../data/topics.json"
+
+function Topic({
+  params,
+}: {
+  params: {
+    topic: string
+  }
+}) {
+  const info = topics.find((t) => t.name === params.topic)
+
+  return (
+    <section className="pt-24">
+      <div className="max-w-screen-lg px-5 mx-auto flex">
+        <div className="flex-1 min-w-[300px]">
+          <h2 className="text-3xl font-bold">Topic: {params.topic}</h2>
+          <p className="text-zinc-400 mt-4">{info?.description}</p>
+          <div className="mt-10">
+            <HomeFeed type="topic" noteIds={info?.notes} />
+          </div>
+        </div>
+        <HomeSidebar />
+      </div>
+    </section>
+  )
+}
+
+export default Topic
diff --git a/src/components/home/HomeFeed.tsx b/src/components/home/HomeFeed.tsx
index 976042a7..ac6b1279 100644
--- a/src/components/home/HomeFeed.tsx
+++ b/src/components/home/HomeFeed.tsx
@@ -259,7 +259,7 @@ export const HomeFeed: React.FC<{
 
   return (
     <>
-      <Tabs items={tabs} className="border-none text-lg"></Tabs>
+      {!type && <Tabs items={tabs} className="border-none text-lg"></Tabs>}
       <div className="space-y-10">
         {hasFiltering && (
           <div className="flex items-center text-zinc-500">
diff --git a/src/pages/topic/[topic].tsx b/src/pages/topic_b/[topic].tsx
similarity index 100%
rename from src/pages/topic/[topic].tsx
rename to src/pages/topic_b/[topic].tsx