diff --git a/src/components.rs b/src/components.rs
index c4dc47e..c2e133d 100644
--- a/src/components.rs
+++ b/src/components.rs
@@ -1,3 +1,6 @@
 pub mod admin;
+pub mod agenda;
 pub mod home;
 pub mod layout;
+pub mod news;
+pub mod settings;
diff --git a/src/components/agenda.rs b/src/components/agenda.rs
new file mode 100644
index 0000000..0d9db1c
--- /dev/null
+++ b/src/components/agenda.rs
@@ -0,0 +1,10 @@
+use dioxus::prelude::*;
+
+#[component]
+pub fn Agenda() -> Element {
+    rsx! {
+        div {
+            h1 { class: "text-xl font-bold text-primary", "Agenda" }
+        }
+    }
+}
diff --git a/src/components/layout/navbar.rs b/src/components/layout/navbar.rs
index 0c52f00..8b020c0 100644
--- a/src/components/layout/navbar.rs
+++ b/src/components/layout/navbar.rs
@@ -17,13 +17,13 @@ pub fn Navbar() -> Element {
                     "Home"
                 },
                 Link {
-                    to: Route::Home {},
+                    to: Route::News {},
                     class: "btn btn-ghost flex-col flex-nowrap py-1 gap-1 font-normal h-max",
                     icons::Newspaper {},
                     div { class: "font-normal", "Nieuws" }
                 },
                 Link {
-                    to: Route::Home {},
+                    to: Route::Agenda {},
                     class: "btn btn-ghost flex-col flex-nowrap py-1 gap-1 font-normal h-max",
                     icons::Calendar {},
                     span { class: "font-normal", "Agenda" }
diff --git a/src/components/layout/topbar.rs b/src/components/layout/topbar.rs
index 6522774..ffe8aa8 100644
--- a/src/components/layout/topbar.rs
+++ b/src/components/layout/topbar.rs
@@ -21,7 +21,7 @@ pub fn Topbar() -> Element {
                 }
                 Link {
                     class: "btn btn-square btn-ghost",
-                    to: Route::Home {},
+                    to: Route::Settings {},
                     icons::Cog {}
                 }
             }
diff --git a/src/components/news.rs b/src/components/news.rs
new file mode 100644
index 0000000..3998e9e
--- /dev/null
+++ b/src/components/news.rs
@@ -0,0 +1,10 @@
+use dioxus::prelude::*;
+
+#[component]
+pub fn News() -> Element {
+    rsx! {
+        div {
+            h1 { class: "text-xl font-bold text-primary", "Nieuws" }
+        }
+    }
+}
diff --git a/src/components/settings.rs b/src/components/settings.rs
new file mode 100644
index 0000000..21bc29f
--- /dev/null
+++ b/src/components/settings.rs
@@ -0,0 +1,10 @@
+use dioxus::prelude::*;
+
+#[component]
+pub fn Settings() -> Element {
+    rsx! {
+        div {
+            h1 { class: "text-xl font-bold text-primary", "Settings" }
+        }
+    }
+}
diff --git a/src/main.rs b/src/main.rs
index aae0252..a5f1922 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -8,13 +8,22 @@ use tracing::{info, Level};
 
 // Use routes
 use components::admin::members::migration::Migration;
+use components::agenda::Agenda;
 use components::home::Home;
+use components::news::News;
+use components::settings::Settings;
 
 #[derive(Clone, Routable, Debug, PartialEq, serde::Serialize, serde::Deserialize)]
 pub enum Route {
     #[layout(Wrapper)]
     #[route("/")]
     Home {},
+    #[route("/agenda")]
+    Agenda {},
+    #[route("/news")]
+    News {},
+    #[route("/settings")]
+    Settings {},
     #[route("/admin/members/migration")]
     Migration {},
 }