SerpentRace_Frontend/src/components/Landingpage/LandingPage.jsx

@@ -5,8 +5,13 @@ import logoImg from "../../assets/pictures/Logo.png"
 import ButtonGreen from "../Buttons/ButtonGreen.jsx"
 import { FaUsers, FaPaintBrush, FaHeadset } from "react-icons/fa"
 import { motion } from "framer-motion"
+import { isAuthenticated } from "../../hooks/useRequireAuth" // <-- added import
+import { useNavigate } from "react-router-dom" // <-- NEW
 
 const LandingPage = ({ onNavigateToPlay, onNavigateToAuth }) => {
+  const auth = isAuthenticated() // <-- check without redirect
+  const navigate = useNavigate() // <-- NEW
+
   return (
     <div className="w-full">
       {/* Hero Section */}
@@ -55,8 +60,15 @@ const LandingPage = ({ onNavigateToPlay, onNavigateToAuth }) => {
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.7, delay: 1 }}
           >
-            <ButtonGreen text="Bejelntekezés" onClick={onNavigateToPlay} width="w-60" />
-            <ButtonGreen text="Regisztráció" onClick={onNavigateToAuth} width="w-60" />
+            {/* If not authenticated show Login/Register; if authenticated show Home button */}
+            {!auth ? (
+              <>
+                <ButtonGreen text="Bejelntekezés" onClick={onNavigateToPlay} width="w-60" />
+                <ButtonGreen text="Regisztráció" onClick={onNavigateToAuth} width="w-60" />
+              </>
+            ) : (
+              <ButtonGreen text="Játék" onClick={() => navigate("/home")} width="w-60" />
+            )}
           </motion.div>
         </div>
       </motion.section>

SerpentRace_Frontend/src/hooks/useRequireAuth.jsx

@@ -11,6 +11,15 @@ export function requireAuthSync({ key = "username", redirectTo = "/login", repla
   return true
 }
 
+// New: non-redirecting check for auth status
+export function isAuthenticated(key = "username") {
+  try {
+    return !!localStorage.getItem(key)
+  } catch {
+    return false
+  }
+}
+
 // Default hook: ad vissza egy [value, setValue] párt, szinkronizálja localStorage-t és átirányít, ha nincs érték
 export default function useRequireAuth({ key = "username", redirectTo = "/login" } = {}) {
   const navigate = useNavigate()