diff --git a/src/App.jsx b/src/App.jsx
index a46f5d5..2050623 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -4,31 +4,20 @@ import Home from "./Components/Home";
import About from "./Components/About";
import Vans from "./Components/Vans";
import VanDetails from "./Components/VanDetails";
-import "./Server"
+import Layout from "./Components/Layout";
+import "./Server";
function App() {
return (
-
+
-
-
- #VANLIFE
-
-
- About
- Vans
-
-
- {/* } /> */}
- } />
- } />
- } />
- } />
+ }>
+ } />
+ } />
+ } />
+ } />
+
diff --git a/src/Components/Header.jsx b/src/Components/Header.jsx
new file mode 100644
index 0000000..8fc6b87
--- /dev/null
+++ b/src/Components/Header.jsx
@@ -0,0 +1,15 @@
+import React from "react";
+import { Link } from "react-router-dom";
+export default function Header() {
+ return (
+
+
+ #VANLIFE
+
+
+ About
+ Vans
+
+
+ );
+}
diff --git a/src/Components/Home.jsx b/src/Components/Home.jsx
index 1088266..efc9d6e 100644
--- a/src/Components/Home.jsx
+++ b/src/Components/Home.jsx
@@ -3,8 +3,8 @@ import Footer from "./Footer";
import OrangeButton from "./OrangeButton";
export default function Home() {
return (
-
-
+
+
You got the travel plans, we got the travel vans.
Add adventure to your life by joining the #vanlife movement. Rent the perfect van to make your perfect road trip.
Find your Van
diff --git a/src/Components/Layout.jsx b/src/Components/Layout.jsx
new file mode 100644
index 0000000..08cf16f
--- /dev/null
+++ b/src/Components/Layout.jsx
@@ -0,0 +1,11 @@
+import React from "react";
+import { Outlet } from "react-router-dom";
+import Header from "./Header";
+export default function Layout() {
+ return (
+
+
+
+
+ );
+}