Ajout de la page d'accueil, règles du jeu, confidentialité, mentions légales et contact

frontend/src/components/Header.jsx

@@ -0,0 +1,58 @@
+import { Link } from 'react-router-dom'
+import logo from '../assets/img/logo.png'
+
+export default function Header() {
+  return (
+    <header className="bg-white shadow-sm">
+      <div className="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">
+
+          <Link to="/accueil" className="flex items-center">
+
+          <img
+
+            src={logo}
+
+            alt="Thé Tip Top"
+
+            className="h-12 w-auto"
+
+          />
+
+        </Link>
+
+        <nav className="flex items-center gap-6">
+          <Link
+            to="/accueil"
+            className="text-gray-700 hover:text-green-700 font-medium"
+          >
+            Accueil
+          </Link>
+
+          <Link
+            to="/regles-jeu"
+            className="text-gray-700 hover:text-green-700 font-medium"
+          >
+            Règles du jeu
+          </Link>
+
+          <div className="flex items-center gap-2">
+            <Link
+              to="/connexion"
+              className="bg-green-700 text-white px-4 py-2 rounded-lg hover:bg-green-800 transition-colors"
+            >
+              Connexion
+            </Link>
+
+            <Link
+              to="/inscription"
+              className="bg-green-700 text-white px-4 py-2 rounded-lg hover:bg-green-800 transition-colors"
+            >
+              Inscription
+            </Link>
+          </div>
+        </nav>
+
+      </div>
+    </header>
+  )
+}