From 1d9763b11864bd42aa1bd31edaa0a865ed1d04c3 Mon Sep 17 00:00:00 2001
From: periodicbrake <periodicbrake63@gmail.com>
Date: Sat, 20 Jun 2026 00:12:17 +0200
Subject: [PATCH] added: content to homepage

---
 src/app/page.tsx | 53 ++++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 47 insertions(+), 6 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 11f0411..cdc2fe3 100644
--- a/src/app/page.tsx
+++ b/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>
+    </>
   );
 }