From 0ed75beb3fa7469a8ef80df86e023aa20261fa63 Mon Sep 17 00:00:00 2001
From: Barni03 <pisbarni@gmail.com>
Date: Fri, 24 Oct 2025 19:55:37 +0200
Subject: [PATCH] =?UTF-8?q?navbar=20meg=20fooldal=20navig=C3=A1ci=C3=B3k?=
 =?UTF-8?q?=20illetve=20companies=20->=20contacts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 SerpentRace_Frontend/src/App.jsx              |   4 +-
 .../src/components/Footer/Footer.jsx          |   2 +-
 .../components/Landingpage/LandingPage.jsx    |   6 +-
 .../src/components/Navbar/Navbar.jsx          | 110 +++++++++++-------
 .../Companies.jsx => Contacts/Contacts.jsx}   |   7 +-
 .../src/pages/Landing/Landingpage.jsx         |   6 +-
 .../src/pages/Testing/Test.jsx                |   2 +-
 7 files changed, 81 insertions(+), 56 deletions(-)
 rename SerpentRace_Frontend/src/pages/{Companies/Companies.jsx => Contacts/Contacts.jsx} (97%)

diff --git a/SerpentRace_Frontend/src/App.jsx b/SerpentRace_Frontend/src/App.jsx
index 7ed485e4..99e536d2 100644
--- a/SerpentRace_Frontend/src/App.jsx
+++ b/SerpentRace_Frontend/src/App.jsx
@@ -10,7 +10,7 @@ import Landingpage from "./pages/Landing/Landingpage"
 import Home from "./pages/Landing/Home"
 import DeckManagerPage from "./pages/Decks/DeckManagerPage"
 import DeckCreator from "./pages/DeckCreator/DeckCreator"
-import CompanyHub from "./pages/Companies/Companies"
+import CompanyHub from "./pages/Contacts/Contacts"
 import About from "./pages/About/About"
 import ScrollToTop from "./components/ScrollToTop"
 import GameScreen from "./pages/Game/GameScreen"
@@ -64,7 +64,7 @@ function App() {
           <Route path="/deck-creator" element={<DeckCreator />} />
           <Route path="/deck-creator/:deckId" element={<DeckCreator />} />
           <Route path="/game" element={<GameScreen />} />
-          <Route path="/companies" element={<CompanyHub />} />
+          <Route path="/contacts" element={<CompanyHub />} />
           <Route path="/report" element={<Reports />} />
         </Routes>
       </Router>
diff --git a/SerpentRace_Frontend/src/components/Footer/Footer.jsx b/SerpentRace_Frontend/src/components/Footer/Footer.jsx
index 45c3394c..1c2f277e 100644
--- a/SerpentRace_Frontend/src/components/Footer/Footer.jsx
+++ b/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>
diff --git a/SerpentRace_Frontend/src/components/Landingpage/LandingPage.jsx b/SerpentRace_Frontend/src/components/Landingpage/LandingPage.jsx
index 1f37c884..79391347 100644
--- a/SerpentRace_Frontend/src/components/Landingpage/LandingPage.jsx
+++ b/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>
diff --git a/SerpentRace_Frontend/src/components/Navbar/Navbar.jsx b/SerpentRace_Frontend/src/components/Navbar/Navbar.jsx
index 979be9de..68d471aa 100644
--- a/SerpentRace_Frontend/src/components/Navbar/Navbar.jsx
+++ b/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"
               >
diff --git a/SerpentRace_Frontend/src/pages/Companies/Companies.jsx b/SerpentRace_Frontend/src/pages/Contacts/Contacts.jsx
similarity index 97%
rename from SerpentRace_Frontend/src/pages/Companies/Companies.jsx
rename to SerpentRace_Frontend/src/pages/Contacts/Contacts.jsx
index 0a73794b..bfa7a082 100644
--- a/SerpentRace_Frontend/src/pages/Companies/Companies.jsx
+++ b/SerpentRace_Frontend/src/pages/Contacts/Contacts.jsx
@@ -1,7 +1,7 @@
-import React from "react"
+import React, { useEffect, useRef, useState } from "react"
 import Navbar from "../../components/Navbar/Navbar.jsx"
 import Footer from "../../components/Footer/Footer.jsx"
-import Background from "../../assets/backgrounds/Background"
+import Background from "../../assets/backgrounds/Background.jsx"
 import {
   FaBuilding,
   FaEnvelope,
@@ -56,8 +56,9 @@ const SectionContainer = ({ id, title, children }) => {
 }
 
 const CompanyHub = () => {
+  
   return (
-    <div className="relative min-h-screen text-white">
+    <div className=" relative min-h-screen text-white">
       {/* Background fixed behind everything */}
       <div className="fixed inset-0 -z-10">
         <Background />
diff --git a/SerpentRace_Frontend/src/pages/Landing/Landingpage.jsx b/SerpentRace_Frontend/src/pages/Landing/Landingpage.jsx
index 8ae5df29..81fda937 100644
--- a/SerpentRace_Frontend/src/pages/Landing/Landingpage.jsx
+++ b/SerpentRace_Frontend/src/pages/Landing/Landingpage.jsx
@@ -23,6 +23,10 @@ export default function LandingPageMain() {
     navigate("/home"); 
   };
 
+  const handleNavigateToContacts = () => {
+    navigate("/contacts"); 
+  };
+
   return (
     <div className="w-full min-h-screen flex flex-col relative overflow-x-hidden">
       <div className="fixed inset-0 -z-10 pointer-events-none">
@@ -32,7 +36,7 @@ export default function LandingPageMain() {
         <Navbar />
       </div>
       <main className="flex-1 flex flex-col items-center justify-start py-15 min-h-0 mt-[64px]">
-        <LandingPage onNavigateToPlay={handleNavigateToPlay} onNavigateToAuth={handleNavigateToAuth} onNavigateToGame={handleNavigateToGame} />
+        <LandingPage onNavigateToContacts={handleNavigateToContacts} onNavigateToPlay={handleNavigateToPlay} onNavigateToAuth={handleNavigateToAuth} onNavigateToGame={handleNavigateToGame} />
       </main>
       <Footer />
     </div>
diff --git a/SerpentRace_Frontend/src/pages/Testing/Test.jsx b/SerpentRace_Frontend/src/pages/Testing/Test.jsx
index 4d4a6757..a9571571 100644
--- a/SerpentRace_Frontend/src/pages/Testing/Test.jsx
+++ b/SerpentRace_Frontend/src/pages/Testing/Test.jsx
@@ -6,7 +6,7 @@ import Logo from "../../assets/pictures/Logo.jsx"
 import Navbar from "../../components/Navbar/Navbar"
 import Footer from "../../components/Footer/Footer.jsx"
 import UserProfile from "../../components/Userdetails/Userdetails.jsx"
-import CompanyHub from "../Companies/Companies.jsx"
+import CompanyHub from "../Contacts/Contacts.jsx"
 
 import RatingSet from "../../components/PopUp/RatingSet" // <- statisztikai komponens