diff --git a/src/navigation/Router.tsx b/src/navigation/Router.tsx
new file mode 100644
index 0000000..1fc0a41
--- /dev/null
+++ b/src/navigation/Router.tsx
@@ -0,0 +1,36 @@
+import { Suspense } from "react";
+import LoadingScreen from "../app/LoadingScreen";
+import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";
+import { Typography } from "@mui/material";
+
+
+
+export default function Router() {
+
+
+  const hello = () => {
+    return (
+      <Typography>
+        Hello!
+      </Typography>
+    )
+  }
+
+  return (
+    <Suspense fallback={<LoadingScreen />}>
+      <BrowserRouter>
+        <Routes>
+          
+          {/* Redirects */}
+          <Route path="/callback" element={<Navigate to="/" />} />
+          
+          {/* Page routes */}
+          <Route index element={hello()} />
+          {/* <Route path="blogs" element={<Blogs />} />
+          <Route path="contact" element={<Contact />} />
+          <Route path="*" element={<NoPage />} /> */}
+        </Routes>
+      </BrowserRouter>
+    </Suspense>
+  )
+}
\ No newline at end of file