Made changes

frontend/src/components/home/Home.tsx

@@ -1,5 +1,4 @@
-import background from "../../../public/background.jpg";
-import howtocontribute from "../../../public/howtocontribute.png";
+import background from "../../../public/homepage.png";
 import p1 from "../../../public/p1.png";
 import p2 from "../../../public/p2.png";
 import p3 from "../../../public/p3.png";
@@ -14,38 +13,18 @@ const pokemonImages = [p1, p2, p3, p4, p5, p6, p7, p8];
 const Home = () => {
   return (
     <div
-      className="min-h-screen bg-cover bg-center flex justify-center items-center relative overflow-hidden"
+      className="min-h-screen bg-cover bg-center flex flex-col items-center relative overflow-hidden"
       style={{ backgroundImage: `url(${background})` }}
     >
-      {/* Images scattered around */}
-      <div className="flex flex-col items-center justify-center absolute inset-0 pointer-events-none">
-        <div className="">
-          <h1 className="text-white text-4xl font-earlyGameboy mb-4 gba">
-            OSDC PRESENTS
-          </h1>
-          <h1 className="text-white text-6xl font-flippsRegular mb-4 gba">
-            PokeArcadia
-          </h1>
-        </div>
-        {pokemonImages.map((image, index) => (
-          <img
-            key={index}
-            src={image}
-            alt={`Pokemon ${index + 1}`}
-            className="w-24 h-24 m-2 opacity-75 transition-transform animate-pokemon"
-            style={{
-              position: "absolute",
-              left: `${Math.random() * 90}vw`,
-              top: `${Math.random() * 90}vh`,
-              zIndex: 1,
-            }}
-          />
-        ))}
-      </div>
-      {/* Centered text and image */}
-      <div className="">
-        <img className="mt-4" src={howtocontribute} alt="How to Contribute" />
-      </div>
+      <p className="text-white gba text-xl mt-5">OSDC Presents</p>
+      <p className="text-white gba text-7xl m-2">PokeArcadia</p>
+      <p className="text-white gba text-2xl mt-4">Press To Start</p>
+      <a href="/HallOFame">
+        <img src={p7} />
+      </a>
+      <a href="/Tutorial" className="text-white gba text-xl">
+        How to contribute
+      </a>
     </div>
   );
 };