basic image loading done

rank-and-tier/app/page.tsx

@@ -1,11 +1,17 @@
 import Image from "next/image";
 
+const images = ["/images/arbys.png", "/images/aandw.png", "/images/bajafresh.png", "/images/canes.png"];
 export default function Home() {
   return (
     <div>
-      <h1>Rank and Tier</h1>
-      <h2>List</h2>
-      
+      {images.map((image, index) => (
+        <Image 
+        src={image} 
+        key={index} 
+        alt={`Image ${index + 1}`} 
+        width={159} 
+        height={160} />
+      ))}
     </div>
   );
 }