Files
hub/portfolio/pages/index.js

24 lines
858 B
JavaScript

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>
);
}