diff --git a/src/components/Dashboard.jsx b/src/components/Dashboard.jsx
index ccc373f..a59b712 100644
--- a/src/components/Dashboard.jsx
+++ b/src/components/Dashboard.jsx
@@ -1,13 +1,11 @@
-import { useState } from "react";
 import CategoryNav from "./CategoryNav";
 import CardsContainer from "./CardsContainer";
 
-export default function Dashboard() {
-
-  const [filter, setFilter] = useState("all");
-
-  return <>
-    <CategoryNav filter={filter} setFilter={setFilter} />
-    <CardsContainer filter={filter} />
-  </>
-}
\ No newline at end of file
+export default function Dashboard({ category }) {
+	return (
+		<>
+			<CategoryNav filter={category} />
+			<CardsContainer filter={category} />
+		</>
+	);
+}
diff --git a/src/pages/categories/[category].astro b/src/pages/categories/[category].astro
new file mode 100644
index 0000000..17dd588
--- /dev/null
+++ b/src/pages/categories/[category].astro
@@ -0,0 +1,50 @@
+---
+import Layout from "../../layouts/Layout.astro";
+
+import "@new-ui/reset";
+import "@new-ui/colors";
+import "@new-ui/typography";
+import "@new-ui/effects";
+import "@new-ui/spacings";
+import Dashboard from "../../components/Dashboard";
+
+export function getStaticPaths() {
+  return [
+    {params: {category: 'all'}},
+    {params: {category: 'art'}},
+    {params: {category: 'audio'}},
+    {params: {category: 'code'}},
+    {params: {category: 'copywriting'}},
+    {params: {category: 'design'}},
+    {params: {category: 'developer'}},
+    {params: {category: 'education'}},
+    {params: {category: 'enterprise'}},
+    {params: {category: 'fashion'}},
+    {params: {category: 'gaming'}},
+    {params: {category: 'health'}},
+    {params: {category: 'legal'}},
+    {params: {category: 'llm'}},
+    {params: {category: 'music'}},
+    {params: {category: 'nocode'}},
+    {params: {category: 'photos'}},
+    {params: {category: 'productivity'}},
+    {params: {category: 'prompts'}},
+    {params: {category: 'research'}},
+    {params: {category: 'seo'}},
+    {params: {category: 'social'}},
+    {params: {category: 'xtras'}},
+  ];
+}
+
+const { category } = Astro.params;
+---
+
+<Layout
+  site=`Rise of Machine - ${category}`
+  title="Make the Most of It"
+  tagline="Discover AI tools curated for makers and SMBs."
+>
+  <main>
+      <Dashboard client:load category=`${category}` />
+  </main>
+</Layout>
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 001b54b..491be30 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -15,6 +15,6 @@ import Dashboard from "../components/Dashboard";
   tagline="Discover AI tools curated for makers and SMBs."
 >
   <main>
-    <Dashboard client:load />
+    <Dashboard client:load category='all' />
   </main>
 </Layout>