export default function Home() {
  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>
      <p className="mt-5 font-normal font-[Italianno] text-gray-500 text-4xl">&apos;&apos; Why need a whole earth if you&apos;re already in the best place you&apos;ll ever be ,, <a href="#" className="text-gray-400">-me on a random friday</a></p>
    </>
  );
}