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

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 />

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>

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