diff --git a/src/layout.jsx b/src/layout.jsx
new file mode 100644
index 0000000..c281387
--- /dev/null
+++ b/src/layout.jsx
@@ -0,0 +1,13 @@
+import { Outlet } from "react-router";
+
+
+function Layout(){
+
+    return (
+        <div>
+            <Outlet />
+        </div>
+    )
+}
+
+export default Layout;
\ No newline at end of file
diff --git a/src/router.js b/src/router.js
index 96a6209..2fa5042 100644
--- a/src/router.js
+++ b/src/router.js
@@ -1,9 +1,11 @@
 import { createBrowserRouter } from "react-router";
+import Layout from "./layout.jsx";
 import HomePage from "./pages/Home/HomePage";
 
 const router = createBrowserRouter([
     {
         path: "/",
+        Component: Layout,
         children: [
             {
                 path: "/",