feat: handling SSR on home page

components/home/welcome-header.tsx

@@ -0,0 +1,24 @@
+import { Code2 } from "lucide-react";
+
+interface WelcomeHeaderProps {
+  firstName: string;
+}
+
+export function WelcomeHeader({ firstName }: WelcomeHeaderProps) {
+  return (
+    <div className="text-center space-y-4 mb-12">
+      <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/5 border border-white/10 backdrop-blur-sm">
+        <Code2 className="h-4 w-4 text-blue-400" />
+        <span className="text-sm font-medium text-slate-200">
+          Tableau de bord
+        </span>
+      </div>
+
+      <h1 className="text-4xl font-bold text-white">Bonjour {firstName} !</h1>
+
+      <p className="text-slate-400 max-w-2xl mx-auto leading-relaxed">
+        Voici un aperçu de vos compétences techniques
+      </p>
+    </div>
+  );
+}