update images

src/Components/About.jsx

@@ -1,9 +1,8 @@
 import React from "react";
-import Footer from "./Footer";
 
 export default function About() {
   return (
-    <div className=" h-[85%]">
+    <div className=" ">
       <div className="image2 h-[90%]"></div>
       <div className="bg-main-background flex flex-col p-6 gap-10 ">
         <p className="text-normal-text font-bold text-[2rem]">
@@ -29,7 +28,6 @@ export default function About() {
           </button>
         </div>
       </div>
-      <Footer />
     </div>
   );
 }

src/Components/Home.jsx

@@ -8,8 +8,7 @@ export default function Home() {
         <p className="text-[3rem] font-bold ">You got the travel plans, we got the travel vans.</p>
         <p className="">Add adventure to your life by joining the #vanlife movement. Rent the perfect van to make your perfect road trip.</p>
         <OrangeButton>Find your Van</OrangeButton>
-      </div>
-        <Footer />
+      </div> 
     </div>
   );
 }

src/Components/Layout.jsx

@@ -1,11 +1,13 @@
 import React from "react";
 import { Outlet } from "react-router-dom";
 import Header from "./Header";
+import Footer from "./Footer";
 export default function Layout() {
   return (
     <div className="h-screen">
       <Header />
       <Outlet />
+      <Footer />
     </div>
   );
 }

src/Components/VanDetails.jsx

@@ -55,7 +55,6 @@ export default function VanDetails() {
           </div>
         </div>
       )}
-      <Footer />  
     </div>
   );
 }

src/Components/Vans.jsx

@@ -42,7 +42,6 @@ export default function Vans() {
           })}
         </div>
       </div>
-      <Footer />
     </div>
   );
 }

src/index.css

@@ -55,7 +55,7 @@ body{
   background-size: cover;
 }
 .image2{
-  background: url("./assets/images/image55.png") no-repeat center center ;
+  background: url("./assets/Images/image55.png") no-repeat center center ;
   background-size: cover;
 }
 .loader {