creation of Header component

src/layout.jsx

@@ -1,15 +1,20 @@
 import { Outlet } from "react-router";
 import Footer from "./components/Footer/Footer.jsx"
+import Header from "./components/Header/Header.jsx";
+import Background from "./components/background/background.jsx";
 
 
 function Layout(){
 
     return (
         <div>
-            <div className="content">
-                <Outlet />
-                <Footer />
-            </div>
+            <Background>
+                <div className="content">
+                    <Header />
+                    <Outlet />
+                    <Footer />
+                </div>
+            </Background>
         </div>
     )
 }