fix of images through path handling

Author: EnnJayWithAGreyHat

app/components/AboutUs.tsx

@@ -19,9 +19,9 @@ export default function AboutUs() {
           <button className="bg-white text-gray-500 rounded-md px-6 py-2 mt-2 font-inter text-3xl font-black border-4 border-[#80B918] transition-colors duration-300  hover:bg-[#80B918] hover:text-black hover:border-transparent">Get in Touch</button>
           </div>
         </div>
-        <div className="ml-16 relative w-[30vw] h-[35vw]">
+        <div className="ml-16 relative w-[20%]">
       <img
-        src="/images/aboutusimg.jpeg"
+        src="images/aboutusimg.jpeg"
         alt="Nada"
         className="object-cover rounded-3xl drop-shadow-[10px_10px_8px_#6ea0a1]"
       />

app/components/Homepage.tsx

@@ -1,5 +1,4 @@
 // import Image from 'next/image';
-
 export default function Homepage() {
   return (
     <main>
@@ -9,7 +8,7 @@ export default function Homepage() {
         className="relative h-screen flex items-center justify-center text-white"
       >
         <img
-          src="/images/front-image.jpeg"
+          src='./images/front-image.jpeg'
           alt="Front image"
           className="absolute inset-0 object-cover"
         />
@@ -24,7 +23,7 @@ export default function Homepage() {
         <div className="w-1/2 flex justify-center">
           <div className="relative h-48 w-48 md:h-96 md:w-96">
             <img
-              src="/images/front-page-fire.png"
+              src="images/front-page-fire.png"
               alt="Front page fire"
               className="rounded drop-shadow-[0_0_20px_rgba(191,110,0,0.4)] object-cover"
             />