navbar meg fooldal navigációk illetve companies -> contacts

SerpentRace_Frontend/src/components/Footer/Footer.jsx

@@ -57,7 +57,7 @@ const Footer = () => {
           <a href="/about" className="hover:underline hover:text-green-500">
             Rólunk
           </a>
-          <a href="/contact" className="hover:underline hover:text-green-500">
+          <a href="/contacts" className="hover:underline hover:text-green-500">
             Kapcsolat
           </a>
         </div>

SerpentRace_Frontend/src/components/Landingpage/LandingPage.jsx

@@ -8,7 +8,7 @@ import { motion } from "framer-motion"
 import { isAuthenticated } from "../../hooks/useRequireAuth" // <-- added import
 import { useNavigate } from "react-router-dom" // <-- NEW
 
-const LandingPage = ({ onNavigateToPlay, onNavigateToAuth, onNavigateToGame }) => {
+const LandingPage = ({ onNavigateToPlay, onNavigateToAuth, onNavigateToGame, onNavigateToContacts }) => {
   const auth = isAuthenticated() // <-- check without redirect
   const navigate = useNavigate() // <-- NEW
 
@@ -68,7 +68,7 @@ const LandingPage = ({ onNavigateToPlay, onNavigateToAuth, onNavigateToGame }) =
                 <ButtonGreen text="Játék" onClick={onNavigateToGame} width="w-60" /> 
               </>
             ) : (
-              <ButtonGreen text="Játék" onClick={() => navigate("/home")} width="w-60" />
+              <ButtonGreen text="Játék" onClick={onNavigateToGame} width="w-60" />
             )}
           </motion.div>
         </div>
@@ -178,7 +178,7 @@ const LandingPage = ({ onNavigateToPlay, onNavigateToAuth, onNavigateToGame }) =
 
             <ButtonGreen
               text="Kapcsolatfelvétel"
-              onClick={onNavigateToAuth}
+              onClick={onNavigateToContacts}
               className="px-12 py-4 text-xl font-bold"
             />
           </motion.div>

SerpentRace_Frontend/src/components/Navbar/Navbar.jsx

@@ -19,9 +19,9 @@ const Navbar = () => {
 
   return (
     <nav className="bg-gradient-to-r from-green-700 to-emerald-500 shadow-lg">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-0">
         <div className="flex justify-between h-16 items-center">
-          {/* Logo */}
+          {/* Logo + Brand */}
           <div className="flex-shrink-0 flex items-center gap-2">
             <Link to="/" className="flex items-center mt-1 h-9">
               <Logo size={36} />
@@ -32,33 +32,47 @@ const Navbar = () => {
           </div>
 
           {/* Desktop Menu */}
-          <div className="hidden md:flex space-x-8 items-center">
-            {isLoggedIn ? (
+          <div className="hidden md:flex items-center space-x-6">
+            {/* Bal oldali linkek */}
+            <Link to="/" className={navLinkClass}>Főoldal</Link>
+            <Link to="/about" className={navLinkClass}>Rólunk</Link>
+            <Link to="/contacts" className={navLinkClass}>Kapcsolat</Link>
+
+            {/* Csak bejelentkezve */}
+            {isLoggedIn && (
               <>
-                <Link to="/home" className={navLinkClass}>Játék</Link>
                 <Link to="/decks" className={navLinkClass}>Paklik</Link>
                 <Link to="/report" className={navLinkClass}>Statisztikák</Link>
               </>
-            ) : (
-              <Link to="/" className={navLinkClass}>Főoldal</Link>
             )}
-            <Link to="/about" className={navLinkClass}>Rólunk</Link>
-            <Link to="/companies" className={navLinkClass}>Kontakt</Link>
-            {!isLoggedIn && (
-              <>
-                <Link to="/home" className={navLinkClassPlay}>Játék</Link>
+
+            {/* Játék gomb */}
+            <Link to="/home" className={navLinkClassPlay}>Játék</Link>
+
+            {/* Jobb oldali akciók */}
+            {!isLoggedIn ? (
+              <div className="flex items-center space-x-4">
                 <Link
                   to="/login"
+                  className="px-4 py-2 rounded-lg hover:bg-white/20 text-white font-semibold transition-all"
+                >
+                  Bejelentkezés
+                </Link>
+
+                {/* Elválasztó vonal */}
+                <div className="w-px h-10 bg-white/100"></div>
+
+                <Link
+                  to="/register"
                   className="px-4 py-2 rounded-lg bg-white/10 hover:bg-white/20 text-white font-semibold transition-all"
                 >
-                  Bejelentkezés / Regisztráció
+                  Regisztráció
                 </Link>
-              </>
-            )}
-            {isLoggedIn && (
+              </div>
+            ) : (
               <button
                 onClick={handleLogout}
-                className="ml-4 p-2 rounded-full bg-[#166534] hover:bg-[#1f7a45] text-white shadow-lg hover:shadow-green-400/40 transition-all transform hover:scale-105 cursor-pointer"
+                className="ml-2 p-2 rounded-full bg-[#166534] hover:bg-[#1f7a45] text-white shadow-lg hover:shadow-green-400/40 transition-all transform hover:scale-105 cursor-pointer"
                 title="Kijelentkezés"
               >
                 <svg
@@ -107,39 +121,45 @@ const Navbar = () => {
       {/* Mobile Menu */}
       {menuOpen && (
         <div className="md:hidden bg-emerald-600 px-2 pt-2 pb-3 space-y-1">
-          {isLoggedIn ? (
-            <Link to="/home" className={navLinkClass}>Home</Link>
-          ) : (
-            <Link to="/" className={navLinkClass}>Főoldal</Link>
-          )}
-          <Link to="/leaderboard" className={navLinkClass}>Leaderboard</Link>
-          <Link to="/about" className={navLinkClass}>Rólunk</Link>
-          <Link to="/companies" className={navLinkClass}>Kontakt</Link>
-          {!isLoggedIn && (
+          <Link to="/" onClick={() => setMenuOpen(false)} className={navLinkClass}>Főoldal</Link>
+          <Link to="/about" onClick={() => setMenuOpen(false)} className={navLinkClass}>Rólunk</Link>
+          <Link to="/contacts" onClick={() => setMenuOpen(false)} className={navLinkClass}>Kapcsolat</Link>
+          {isLoggedIn && (
             <>
-              <div className="px-2">
-                <button
-                  onClick={() => {
-                    setMenuOpen(false)
-                    navigate("/")
-                  }}
-                  className="w-full text-left px-3 py-2 rounded-lg bg-white/10 hover:bg-white/20 text-white transition-all"
-                >
-                  Játék
-                </button>
-              </div>
-              <Link
-                to="/login"
-                className="block px-3 py-2 rounded-lg bg-white/10 hover:bg-white/20 text-white font-semibold transition-all"
-              >
-                Bejelentkezés / Regisztráció
-              </Link>
+              <Link to="/decks" onClick={() => setMenuOpen(false)} className={navLinkClass}>Paklik</Link>
+              <Link to="/report" onClick={() => setMenuOpen(false)} className={navLinkClass}>Statisztikák</Link>
             </>
           )}
-          {isLoggedIn && (
+          <Link to="/home" onClick={() => setMenuOpen(false)} className={navLinkClassPlay}>Játék</Link>
+
+          {!isLoggedIn ? (
+            <div className="flex flex-col space-y-2">
+              <Link
+                to="/login"
+                onClick={() => setMenuOpen(false)}
+                className="block px-3 py-2 rounded-lg hover:bg-white/20 text-white font-semibold transition-all"
+              >
+                Bejelentkezés
+              </Link>
+
+              {/* Elválasztó vonal mobilon */}
+              <div className="w-full h-px bg-white/30"></div>
+
+              <Link
+                to="/register"
+                onClick={() => setMenuOpen(false)}
+                className="block px-3 py-2 rounded-lg bg-white/10 hover:bg-white/20 text-white font-semibold transition-all"
+              >
+                Regisztráció
+              </Link>
+            </div>
+          ) : (
             <div className="flex justify-end px-2 pb-2">
               <button
-                onClick={handleLogout}
+                onClick={() => {
+                  handleLogout()
+                  setMenuOpen(false)
+                }}
                 className="p-2 rounded-full bg-[#166534] hover:bg-[#1f7a45] text-white shadow-lg hover:shadow-green-400/40 transition-all transform hover:scale-105 cursor-pointer"
                 title="Kijelentkezés"
               >