diff --git a/site/src/components/Header/index.jsx b/site/src/components/Header/index.jsx
new file mode 100644
index 0000000..101addb
--- /dev/null
+++ b/site/src/components/Header/index.jsx
@@ -0,0 +1,25 @@
+import React from "react";
+import { Auth0Provider } from "@auth0/auth0-react";
+import LoginButton from "../LoginButton";
+import LogoutButton from "../LogoutButton";
+import config from "../../config";
+import Styles from "./styles.module.scss";
+
+const Header = () => {
+ return (
+
+ );
+};
+
+export default Header;
diff --git a/site/src/components/Header/styles.module.scss b/site/src/components/Header/styles.module.scss
new file mode 100644
index 0000000..2e33995
--- /dev/null
+++ b/site/src/components/Header/styles.module.scss
@@ -0,0 +1,4 @@
+header {
+ display: flex;
+ justify-content: flex-end;
+}
\ No newline at end of file
diff --git a/site/src/layouts/BaseLayout.astro b/site/src/layouts/BaseLayout.astro
index e6c6d24..a213476 100644
--- a/site/src/layouts/BaseLayout.astro
+++ b/site/src/layouts/BaseLayout.astro
@@ -1,4 +1,5 @@
---
+import Header from "../components/Header/index.jsx";
let { title } = Astro.props;
---