Add secret event setup

app/components/secret.tsx

@@ -0,0 +1,19 @@
+import React, { useEffect } from "react";
+
+const Secret: React.FC = () => {
+    useEffect(() => {
+        const handleKeyDown = (event: KeyboardEvent) => {
+            console.log("You pressed a key!");
+        };
+
+        document.addEventListener("keydown", handleKeyDown);
+
+        return () => {
+            document.removeEventListener("keydown", handleKeyDown);
+        };
+    }, []);
+
+    return null;
+};
+
+export default Secret;

app/page.tsx

@@ -2,6 +2,7 @@
 
 import Link from "next/link";
 import Particles from "./components/particles";
+import Secret from "./components/secret";
 import React from "react";
 import Balancer from "react-wrap-balancer";
 import Typewriter from "typewriter-effect";
@@ -15,6 +16,7 @@ const navigation = [
 export default function Home() {
 	return (
 		<div className="flex flex-col items-center justify-center w-screen h-screen overflow-hidden bg-gradient-to-tl from-black via-zinc-600/20 to-black">
+			<Secret />
 			<nav className="my-16 mx-16 animate-fade-in">
 				<ul className="flex text-sm md:text-md lg:text-xl items-center justify-center gap-4">
 					{navigation.map((item, index) => (