added: content to homepage

src/app/page.tsx

@@ -1,11 +1,52 @@
-import Image from "next/image";
-
 export default function Home() {
-  return (
-    <div className="flex flex-col flex-1 items-center justify-center bg-zinc-50 font-sans dark:bg-black">
-      <main className="flex flex-1 w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
+  const startDate = new Date("2011-08-30");
+  const now = new Date();
 
+  let years = now.getFullYear() - startDate.getFullYear();
+
+  // On vérifie si l'anniversaire n'est pas encore passé cette année
+  if (
+    now.getMonth() < startDate.getMonth() ||
+    (now.getMonth() === startDate.getMonth() &&
+      now.getDate() < startDate.getDate())
+  ) {
+    years--;
+  }
+  return (
+    <>
+      <main className="flex flex-col space-y-5 mx-10">
+        <h1 className="font-[Bitcount] text-gray-50 text-4xl">Who am I?</h1>
+        <p className="ml-5 font-[Bitcount] text-gray-50 text-xl">
+          🤨 do some research idk? More seriously I am a:
+          <br />
+          - french
+          <br />- {years}yo High school student <br />- somewhat full stack dev
+          <br />- Who knows how to center a div without ai (with enough energy
+          drinks)
+        </p>
+        <h1 className="font-[Bitcount] text-gray-50 text-4xl">
+          What can I build
+        </h1>
+        <p className="ml-5 font-[Bitcount] text-gray-50 text-xl">
+          - pretty much anything that doesn&apos;t involve microsoft (i hate them)
+        </p>
+        <h1 className="font-[Bitcount] text-gray-50 text-4xl">My toolbox</h1>
+        <p className="ml-5 font-[Bitcount] text-gray-50 text-xl">
+          - Zed and micro (truly goated)
+          <br />- NextJS and tailwind (guess what i made with them; clue: it
+          starts with this and ends with website)
+          <br />- a 10yo desktop that is now used as a homelab (in other terms,
+          my slave)
+          <br />- the laptop my region gave me (thx{" "}
+          <a href="https://www.grandest.fr" className="text-blue-300">
+            Grand est
+          </a>
+          )
+          <br/>- <a href="https://www.infomaniak.com" className="text-blue-300">infomaniak</a> (cuz 77.192.72.192 is hard to remember)
+        </p>
+        <h1 className="font-[Bitcount] text-gray-50 text-2xl">I sometimes do stuff for free, contact me and we&apos;ll see if you&apos;re lucky</h1>
       </main>
-    </div>
+      <p className="mt-5 font-normal font-[Italianno] text-gray-500 text-4xl">&apos;&apos; Why need a whole earth if your already in the best place you&apos;ll ever be ,, <a href="#" className="text-gray-400">-me on a random friday</a></p>
+    </>
   );
 }