diff --git a/src/client/src/components/appbar.js b/src/client/src/components/appbar.js
new file mode 100644
index 0000000..c1c4a18
--- /dev/null
+++ b/src/client/src/components/appbar.js
@@ -0,0 +1,15 @@
+import * as React from "react";
+import { AppBar, Typography, Toolbar } from "@mui/material";
+import HomeImage from "./homeimage";
+
+export default function Appbar() {
+    return (
+        <AppBar position="relative" color="primary">
+        <Toolbar>
+          <HomeImage />
+          <Typography>This is an Appbar</Typography>
+        </Toolbar>
+      </AppBar>
+    );
+}
+