[#56] Landing Pagehttps://project.mdnd-it.cc/work_packages/56

SerpentRace_Frontend/src/components/Footer/Footer.jsx

@@ -0,0 +1,54 @@
+import React from "react"
+import Logo from "../../assets/pictures/Logo"
+
+const Footer = () => (
+  <footer className="bg-zinc-900 text-white border-t-2 border-zinc-800 mt-auto py-8">
+    <div className="max-w-6xl mx-auto flex flex-wrap justify-between items-start gap-8 px-4">
+      <div className="flex flex-col items-center">
+        <Logo size={100} />
+        <span className="font-bold text-lg mt-2">SerpentRace</span>
+      </div>
+      <div className="flex flex-col gap-1">
+        <span className="font-bold mb-2">Oldalak</span>
+        <a href="/" className="hover:underline hover:text-green-400 transition">
+          Főoldal
+        </a>
+        <a href="/about" className="hover:underline hover:text-green-400 transition">
+          Rólunk
+        </a>
+        <a href="/contact" className="hover:underline hover:text-green-400 transition">
+          Kapcsolat
+        </a>
+      </div>
+      <div className="flex flex-col gap-1">
+        <span className="font-bold mb-2">Közösség</span>
+        <a
+          href="https://discord.gg/"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="hover:underline hover:text-green-400 transition"
+        >
+          Discord
+        </a>
+        <a
+          href="https://github.com/"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="hover:underline hover:text-green-400 transition"
+        >
+          GitHub
+        </a>
+      </div>
+      <div className="flex flex-col gap-1">
+        <span className="font-bold mb-2">Elérhetőség</span>
+        <span className="opacity-80">Email: info@serpentrace.hu</span>
+        <span className="opacity-80">Telefon: +36 30 123 4567</span>
+      </div>
+    </div>
+    <div className="text-center mt-8 text-sm opacity-70">
+      © {new Date().getFullYear()} SerpentRace. Minden jog fenntartva.
+    </div>
+  </footer>
+)
+
+export default Footer