add a lot of thing (too late to understand tbh)

portfolio/pages/contact.js

@@ -0,0 +1,15 @@
+export default function Contact() {
+    return (
+      <div className="min-h-screen bg-gray-900 text-white flex flex-col items-center justify-center p-10">
+        <h1 className="text-4xl font-bold fade-in">Me Contacter</h1>
+        <p className="mt-4 text-lg fade-in">N&apos;hésitez pas à me contacter pour toute collaboration !</p>
+        <form className="mt-6 fade-in">
+          <input type="text" placeholder="Votre nom" className="p-2 rounded-lg text-black" />
+          <input type="email" placeholder="Votre email" className="p-2 rounded-lg text-black mt-2" />
+          <textarea placeholder="Votre message" className="p-2 rounded-lg text-black mt-2"></textarea>
+          <button type="submit" className="px-4 py-2 bg-blue-500 rounded-lg hover:bg-blue-600 mt-4">Envoyer</button>
+        </form>
+      </div>
+    );
+  }
+  

portfolio/pages/index.js

@@ -0,0 +1,24 @@
+import { useEffect } from "react";
+import { gsap } from "gsap";
+import Link from "next/link";
+
+export default function Home() {
+  useEffect(() => {
+    gsap.from(".fade-in", { opacity: 0, y: 20, duration: 1 });
+  }, []);
+
+  return (
+    <div className="min-h-screen bg-gray-900 text-white flex flex-col items-center justify-center p-10">
+      <h1 className="text-4xl font-bold fade-in">Bienvenue sur mon Portfolio</h1>
+      <p className="mt-4 text-lg fade-in">Infrastructure | Réseau | Automatisation</p>
+      <div className="mt-6 space-x-4 fade-in">
+        <Link href="/projects" className="px-4 py-2 bg-blue-500 rounded-lg hover:bg-blue-600">
+          Voir mes projets
+        </Link>
+        <Link href="/contact" className="px-4 py-2 bg-green-500 rounded-lg hover:bg-green-600">
+          Me contacter
+        </Link>
+      </div>
+    </div>
+  );
+}

portfolio/pages/projects.js

@@ -0,0 +1,16 @@
+export default function Projects() {
+    return (
+      <div className="min-h-screen bg-gray-900 text-white flex flex-col items-center justify-center p-10">
+        <h1 className="text-4xl font-bold fade-in">Mes Projets</h1>
+        <ul className="mt-4 text-lg fade-in">
+          <li>MariaDB sur Raspbian</li>
+          <li>Serveur web avec Caddy</li>
+          <li>Supervision avec Netdata</li>
+          <li>Automatisation avec Scripts Bash/Python</li>
+          <li>Calculatrice en C# avec Avalonia</li>
+          <li>Application météo en C# .NET</li>
+          <li>Jeu de type Mario en Python</li>
+        </ul>
+      </div>
+    );
+  }