init

public/Background.tsx

@@ -0,0 +1,11 @@
+
+export default function Layout() {
+    return(
+        <div className="fixed inset-0 -z-10 h-full w-full bg-white bg-[linear-gradient(to_right,#f0f0f0_1px,transparent_1px),linear-gradient(to_bottom,#f0f0f0_1px,transparent_1px)] bg-[size:6rem_4rem]">
+        <div className="fixed bottom-0 left-0 right-0 top-0 bg-[radial-gradient(circle_800px_at_100%_200px,#d5c5ff,transparent)]">
+        <div className="fixed bottom-0 left-0 right-0 top-0 bg-[radial-gradient(circle_800px_at_0%_100%,#fefe95,transparent)]">
+        </div>
+        </div>
+        </div>
+    );
+}

public/Header.tsx

@@ -0,0 +1,23 @@
+import Link from "next/link";
+
+export default function Layout() {
+    return(
+    // m-0 h-12 w-max p-2 bg-white/20 backdrop-blur-xl backdrop-saturate-[180%] shadow-[0_1rem_1rem_-0.5rem_#0002] border-2 border-[#3334] rounded-full font-bold text-xl dark:bg-[#1114] dark:border-[#fff4] dark:bg-gradient-to-r dark:from-[#f88] dark:via-[#fa4] dark:to-[#88f] dark:text-transparent dark:bg-clip-text
+    <span className="fixed space-x-4 top-4">
+        <span className="space-x-4">
+            <Link href="/" className="underline transition-all underline-offset-4 hover:underline-offset-8">
+                Home
+            </Link>
+            <Link href="/about" className="underline transition-all underline-offset-4 hover:underline-offset-8">
+                About
+            </Link>
+            <Link href="/projects" className="underline transition-all underline-offset-4 hover:underline-offset-8">
+                Projects
+            </Link>
+            <Link href="/contact" className="underline transition-all underline-offset-4 hover:underline-offset-8">
+                Contact
+            </Link>
+        </span>
+    </span>
+    );
+}