news page

src/components/Button.tsx

@@ -1,3 +0,0 @@
-export default function Button({ children }: { children: any }) {
-  return <button className="bg-red border text-white p-3 px-4 rounded-xl backdrop-blur-2xl">{children}</button>;
-}

src/components/Footer.tsx

@@ -0,0 +1,23 @@
+import { Github, Instagram } from "lucide-react";
+import Link from "next/link";
+
+export default function Footer() {
+  return (
+    <footer className="text-white backdrop-blur-md py-4 flex flex-row">
+      <div className="flex flex-row gap-4 ml-4 absolute">
+        <Link href="https://github.com/saturnclientmc" target="_blank">
+          <Github className="transition-colors duration-300 hover:text-[#e2bf7d] animate-fadeIn" />
+        </Link>
+
+        <Link href="https://www.instagram.com/saturnclient/" target="_blank">
+          <Instagram className="transition-colors duration-300 hover:text-[#e2bf7d] animate-fadeIn" />
+        </Link>
+      </div>
+
+      <div className="flex flex-row w-max mx-auto gap-1">
+        <p className="font-[mono]">&copy;</p> 2025 Saturn Client. All rights
+        reserved.
+      </div>
+    </footer>
+  );
+}

src/components/Header.tsx

@@ -0,0 +1,22 @@
+import { Download, House, Newspaper } from "lucide-react";
+import Link from "next/link";
+
+export default function Header() {
+  return (
+    <header className="text-white bg-white/5 backdrop-blur-xl py-4 text-center w-max mx-auto px-6 rounded-2xl mt-2">
+      <div className="flex flex-row w-max mx-auto gap-4">
+        <Link href="/">
+          <House className="transition-colors duration-300 hover:text-[#e2bf7d] animate-fadeIn" />
+        </Link>
+
+        <Link href="/news">
+          <Newspaper className="transition-colors duration-300 hover:text-[#e2bf7d] animate-fadeIn" />
+        </Link>
+
+        <Link href="/download">
+          <Download className="transition-colors duration-300 hover:text-[#e2bf7d] animate-fadeIn" />
+        </Link>
+      </div>
+    </header>
+  );
+}