SerpentRace_Backend/src/Api/routers/userRouter.ts

@@ -77,7 +77,9 @@ userRouter.post('/create',
 			email: req.body.email 
 		});
 		
-		const result = await container.createUserCommandHandler.execute(req.body);
+		 const language = req.header('Accept-Language') || 'en';
+
+		const result = await container.createUserCommandHandler.execute({ ...req.body, language });
 
 		logRequest('User created successfully', req, res, {
 			username: result.username
@@ -268,10 +270,11 @@ userRouter.post('/forgot-password',
 	async (req, res) => {
 	try {
 		const { email } = req.body;
+		const language = req.header('Accept-Language') || 'en';
 		
 		logRequest('Forgot password endpoint accessed', req, res, { email });
 		
-		const result = await container.requestPasswordResetCommandHandler.execute({ email });
+		const result = await container.requestPasswordResetCommandHandler.execute({ language, email });
 		
 		if (result) {
 			logAuth('Password reset request successful', undefined, { email }, req, res);

SerpentRace_Backend/src/Application/DTOs/DeckDto.ts

@@ -15,7 +15,7 @@ export interface ShortDeckDto {
   type: number;
   playedNumber: number;
   ctype: number;
-  cardsCount: number;
+  cardCount: number;
   creator: string;
   creationdate: Date;
 }

SerpentRace_Backend/src/Application/DTOs/Mappers/DeckMapper.ts

@@ -10,7 +10,7 @@ export class DeckMapper {
       type: deck.type,
       playedNumber: deck.playedNumber,
       ctype: deck.ctype,
-      cardsCount: deck.cards.length,
+      cardCount: deck.cards.length,
       creator: deck.user?.username || 'Unknown',
       creationdate: deck.creationdate
     };
@@ -36,7 +36,7 @@ export class DeckMapper {
       type: deck.type,
       playedNumber: deck.playedNumber,
       ctype: deck.ctype,
-      cardsCount: deck.cards.length,
+      cardCount: deck.cards.length,
       creator: deck.user?.username || 'Unknown',
       creationdate: deck.creationdate
     }));

SerpentRace_Backend/src/Application/User/commands/CreateUserCommand.ts

@@ -7,4 +7,5 @@ export interface CreateUserCommand {
   code?: string;
   orgid?: string;
   phone?: string;
+  language: string;
 }

SerpentRace_Backend/src/Application/User/commands/CreateUserCommandHandler.ts

@@ -43,7 +43,7 @@ export class CreateUserCommandHandler {
       const created = await this.userRepo.create(user);
       
       // Send verification email (non-blocking)
-      this.sendVerificationEmailAsync(created, verificationTokenData.token);
+      this.sendVerificationEmailAsync(cmd.language, created, verificationTokenData.token);
       
       return UserMapper.toShortDto(created);
     } catch (error) {
@@ -67,16 +67,24 @@ export class CreateUserCommandHandler {
     }
   }
 
-  private async sendVerificationEmailAsync(user: UserAggregate, token: string): Promise<void> {
+  private async sendVerificationEmailAsync(language: string, user: UserAggregate, token: string): Promise<void> {
     try {
       const baseUrl = process.env.FRONTEND_URL || 'http://localhost:5173';
       const verificationUrl = TokenService.generateVerificationUrl(baseUrl, token);
       
+      var lang: 'en' | 'hu' | 'de' = 'en';
+        if (language) {
+          lang = language.toLowerCase() as 'en' | 'hu' | 'de';
+        }
+
+
+
       const emailSent = await this.emailService.sendVerificationEmail(
         user.email,
         `${user.fname} ${user.lname}`,
         token,
-        verificationUrl
+        verificationUrl,
+        lang
       );
       
       if (!emailSent) {

SerpentRace_Backend/src/Application/User/commands/RequestPasswordResetCommand.ts

@@ -1,3 +1,4 @@
 export interface RequestPasswordResetCommand {
+  language: string;
   email: string;
 }

SerpentRace_Backend/src/Application/User/commands/RequestPasswordResetCommandHandler.ts

@@ -38,14 +38,21 @@ export class RequestPasswordResetCommandHandler  {
 
       // Send password reset email
       try {
-        const baseUrl = process.env.APP_BASE_URL || 'http://localhost:3000';
+        const baseUrl = process.env.FRONTEND_URL || 'http://localhost:5173';
         const resetUrl = TokenService.generatePasswordResetUrl(baseUrl, resetTokenData.token);
 
+        var lang: 'en' | 'hu' | 'de' = 'en';
+        if (cmd.language) {
+          lang = cmd.language.toLowerCase() as 'en' | 'hu' | 'de';
+        }
+
+
         const emailSent = await this.emailService.sendPasswordResetEmail(
           user.email,
           `${user.fname} ${user.lname}`,
           resetTokenData.token,
-          resetUrl
+          resetUrl,
+          lang
         );
         
         if (!emailSent) {

SerpentRace_Frontend/src/components/Footer/Footer.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, useState } from "react"
-import { Link } from "react-router-dom"
 import Logo from "../../assets/pictures/Logo"
+import HandleNavigate from "../../utils/HandleNavigate/HandleNavigate"
 
 const ArrowUpIcon = () => <span style={{ fontSize: "1.25rem" }}>↑</span>
 
@@ -8,6 +8,9 @@ const Footer = () => {
   const [isVisible, setIsVisible] = useState(false)
   const footerRef = useRef(null)
 
+  // ✅ Használjuk a navigációs függvényeket
+  const { goLanding, goAbout, goContacts } = HandleNavigate()
+
   useEffect(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
@@ -16,14 +19,10 @@ const Footer = () => {
       { threshold: 0.3 }
     )
 
-    if (footerRef.current) {
+    if (footerRef.current) observer.observe(footerRef.current)
-      observer.observe(footerRef.current)
-    }
 
     return () => {
-      if (footerRef.current) {
+      if (footerRef.current) observer.unobserve(footerRef.current)
-        observer.unobserve(footerRef.current)
-      }
     }
   }, [])
 
@@ -40,10 +39,18 @@ const Footer = () => {
       <div className="max-w-6xl mx-auto flex flex-wrap justify-between items-start gap-8 px-4">
         {/* Logó */}
         <div className="flex flex-col items-center">
-          <a href="/" className="hover:scale-105 hover:brightness-110">
+          <button
+            onClick={goLanding}
+            className="hover:scale-105 hover:brightness-110 transition-transform"
+          >
             <Logo size={100} />
-          </a>
+          </button>
-          <span className="font-extrabold text-xl mt-2 tracking-wide">SerpentRace</span>
+          <button
+            onClick={goLanding}
+            className="font-extrabold text-xl mt-2 tracking-wide text-white hover:text-green-500 transition-colors"
+          >
+            SerpentRace
+          </button>
         </div>
 
         {/* Oldalak */}
@@ -51,15 +58,24 @@ const Footer = () => {
           <span className="text-lg font-semibold text-green-600 underline underline-offset-4 mb-2 drop-shadow-sm">
             Oldalak
           </span>
-          <a href="/" className="hover:underline hover:text-green-500">
+          <button
+            onClick={goLanding}
+            className="text-left hover:underline hover:text-green-500 transition-colors"
+          >
             Főoldal
-          </a>
+          </button>
-          <a href="/about" className="hover:underline hover:text-green-500">
+          <button
+            onClick={goAbout}
+            className="text-left hover:underline hover:text-green-500 transition-colors"
+          >
             Rólunk
-          </a>
+          </button>
-          <a href="/contacts" className="hover:underline hover:text-green-500">
+          <button
+            onClick={goContacts}
+            className="text-left hover:underline hover:text-green-500 transition-colors"
+          >
             Kapcsolat
-          </a>
+          </button>
         </div>
 
         {/* Közösség */}
@@ -103,7 +119,7 @@ const Footer = () => {
       {isVisible && (
         <button
           onClick={scrollToTop}
-          className="fixed bottom-6 right-6 bg-green-500 hover:bg-green-600 text-white p-3 rounded-full shadow-lg hover:scale-110"
+          className="fixed bottom-6 right-6 bg-green-500 hover:bg-green-600 text-white p-3 rounded-full shadow-lg hover:scale-110 transition-transform"
           aria-label="Ugrás az oldal tetejére"
         >
           <ArrowUpIcon />

SerpentRace_Frontend/src/components/Navbar/Navbar.jsx

@@ -1,20 +1,26 @@
 import React, { useState } from "react"
 import Logo from "../../assets/pictures/Logo"
-import { Link, useNavigate } from "react-router-dom"
+import { Link } from "react-router-dom"
+import HandleNavigate from "../../utils/HandleNavigate/HandleNavigate"// ✅ importáld a navigációs hookot
 
-const navLinkClass = "px-3 py-2 rounded-lg text-white transition-all duration-200 hover:bg-white/10"
+const navLinkClass =
+  "px-3 py-2 rounded-lg text-white transition-all duration-200 hover:bg-white/10"
 const navLinkClassPlay =
   "px-4 py-2 rounded-lg text-white bg-white/12 hover:bg-white/20 transition-all duration-200"
 
 const Navbar = () => {
   const [menuOpen, setMenuOpen] = useState(false)
-  const navigate = useNavigate()
+  const isLoggedIn = Boolean(
-  const isLoggedIn = Boolean(localStorage.getItem("authLevel") && localStorage.getItem("username"))
+    localStorage.getItem("authLevel") && localStorage.getItem("username")
+  )
 
+  // ✅ Használjuk a HandleNavigate hookot
+  const { goLanding, goAbout, goHome, goLogin, goContacts } = HandleNavigate()
+
+  // ✅ Logout logika
   const handleLogout = () => {
-    localStorage.removeItem("authLevel")
+    localStorage.clear()
-    localStorage.removeItem("username")
+    goLanding()
-    navigate("/")
   }
 
   return (
@@ -23,20 +29,29 @@ const Navbar = () => {
         <div className="flex justify-between h-16 items-center">
           {/* Logo + Brand */}
           <div className="flex-shrink-0 flex items-center gap-2">
-            <Link to="/" className="flex items-center mt-1 h-9">
+            <button onClick={goLanding} className="flex items-center mt-1 h-9">
               <Logo size={36} />
-            </Link>
+            </button>
-            <Link to="/" className="flex items-center h-9 text-white font-bold text-2xl tracking-tight">
+            <button
+              onClick={goLanding}
+              className="flex items-center h-9 text-white font-bold text-2xl tracking-tight"
+            >
               SerpentRace
-            </Link>
+            </button>
           </div>
 
           {/* Desktop Menu */}
           <div className="hidden md:flex items-center space-x-6">
             {/* Bal oldali linkek */}
-            <Link to="/" className={navLinkClass}>Főoldal</Link>
+            <button onClick={goLanding} className={navLinkClass}>
-            <Link to="/about" className={navLinkClass}>Rólunk</Link>
+              Főoldal
-            <Link to="/contacts" className={navLinkClass}>Kapcsolat</Link>
+            </button>
+            <button onClick={goAbout} className={navLinkClass}>
+              Rólunk
+            </button>
+            <button onClick={goContacts} className={navLinkClass}>
+              Kapcsolat
+            </button>
 
             {/* Csak bejelentkezve */}
             {isLoggedIn && (
@@ -48,17 +63,19 @@ const Navbar = () => {
             )}
 
             {/* Játék gomb */}
-            <Link to="/home" className={navLinkClassPlay}>Játék</Link>
+            <button onClick={goHome} className={navLinkClassPlay}>
+              Játék
+            </button>
 
             {/* Jobb oldali akciók */}
             {!isLoggedIn ? (
               <div className="flex items-center space-x-4">
-                <Link
+                <button
-                  to="/login"
+                  onClick={goLogin}
                   className="px-4 py-2 rounded-lg hover:bg-white/20 text-white font-semibold transition-all"
                 >
                   Bejelentkezés
-                </Link>
+                </button>
 
                 {/* Elválasztó vonal */}
                 <div className="w-px h-10 bg-white/100"></div>
@@ -109,9 +126,19 @@ const Navbar = () => {
                 xmlns="http://www.w3.org/2000/svg"
               >
                 {menuOpen ? (
-                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M6 18L18 6M6 6l12 12"
+                  />
                 ) : (
-                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 8h16M4 16h16" />
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M4 8h16M4 16h16"
+                  />
                 )}
               </svg>
             </button>
@@ -122,9 +149,10 @@ const Navbar = () => {
       {/* Mobile Menu */}
       {menuOpen && (
         <div className="md:hidden bg-emerald-600 px-2 pt-2 pb-3 space-y-1">
-          <Link to="/" onClick={() => setMenuOpen(false)} className={navLinkClass}>Főoldal</Link>
+          <button onClick={() => { goLanding(); setMenuOpen(false) }} className={navLinkClass}>Főoldal</button>
-          <Link to="/about" onClick={() => setMenuOpen(false)} className={navLinkClass}>Rólunk</Link>
+          <button onClick={() => { goAbout(); setMenuOpen(false) }} className={navLinkClass}>Rólunk</button>
-          <Link to="/contacts" onClick={() => setMenuOpen(false)} className={navLinkClass}>Kapcsolat</Link>
+          <button onClick={() => { goContacts(); setMenuOpen(false) }} className={navLinkClass}>Kapcsolat</button>
+
           {isLoggedIn && (
             <>
               <Link to="/decks" onClick={() => setMenuOpen(false)} className={navLinkClass}>Paklik</Link>
@@ -132,17 +160,17 @@ const Navbar = () => {
               <Link to="/profile" onClick={() => setMenuOpen(false)} className={navLinkClass}>Profil</Link>
             </>
           )}
-          <Link to="/home" onClick={() => setMenuOpen(false)} className={navLinkClassPlay}>Játék</Link>
+
+          <button onClick={() => { goHome(); setMenuOpen(false) }} className={navLinkClassPlay}>Játék</button>
 
           {!isLoggedIn ? (
             <div className="flex flex-col space-y-2">
-              <Link
+              <button
-                to="/login"
+                onClick={() => { goLogin(); setMenuOpen(false) }}
-                onClick={() => setMenuOpen(false)}
                 className="block px-3 py-2 rounded-lg hover:bg-white/20 text-white font-semibold transition-all"
               >
                 Bejelentkezés
-              </Link>
+              </button>
 
               {/* Elválasztó vonal mobilon */}
               <div className="w-full h-px bg-white/30"></div>

SerpentRace_Frontend/src/pages/Landing/Landingpage.jsx

@@ -7,28 +7,10 @@ import Navbar from "../../components/Navbar/Navbar"
 import Footer from "../../components/Footer/Footer.jsx"
 import Background from "../../assets/backgrounds/Background.jsx"
 import LandingPage from "../../components/Landingpage/LandingPage.jsx"
+import HandleNavigate from "../../utils/HandleNavigate/HandleNavigate.jsx"
 
 export default function LandingPageMain() {
-  const navigate = useNavigate();
+  const { goHome, goLogin, goContacts, goAuth,  } = HandleNavigate()
-
-  const handleNavigateToPlay = () => {
-    navigate("/login", { preventScrollReset: false });
-    window.scrollTo(0, 0);
-  };
-
-  const handleNavigateToAuth = () => {
-    navigate("/companies", { preventScrollReset: false });
-    window.scrollTo(0, 0);
-  };
-
-  const handleNavigateToGame = () => {
-    navigate("/home", { preventScrollReset: false });
-    window.scrollTo(0, 0);
-  };
-
-  const handleNavigateToContacts = () => {
-    navigate("/contacts"); 
-  };
 
   return (
     <div className="w-full min-h-screen flex flex-col relative overflow-x-hidden">
@@ -39,7 +21,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 onNavigateToContacts={handleNavigateToContacts} onNavigateToPlay={handleNavigateToPlay} onNavigateToAuth={handleNavigateToAuth} onNavigateToGame={handleNavigateToGame} />
+        <LandingPage onNavigateToContacts={goContacts} onNavigateToPlay={goLogin} onNavigateToAuth={goAuth} onNavigateToGame={goHome} />
       </main>
       <Footer />
     </div>

SerpentRace_Frontend/src/utils/HandleNavigate/HandleNavigate.jsx

@@ -0,0 +1,28 @@
+// src/hooks/useAppNavigation.jsx
+import { useNavigate } from "react-router-dom"
+
+/**
+ * Egy általános navigációs helper hook, amit bármelyik komponensben használhatsz.
+ * Minden funkció automatikusan a megfelelő útvonalra visz és visszagörget az oldal tetejére.
+ */
+export default function HandleNavigate() {
+  const navigate = useNavigate()
+
+  const scrollTop = () => window.scrollTo(0, 0)
+
+  const goTo = (path, preventScrollReset = false) => {
+    navigate(path, { preventScrollReset })
+    scrollTop()
+  }
+
+  return {
+    goTo, // általános útvonalváltó
+    goHome: () => goTo("/home"),
+    goLogin: () => goTo("/login"),
+    goAuth: () => goTo("/register"),
+    goCompanies: () => goTo("/companies"),
+    goContacts: () => goTo("/contacts"),
+    goAbout: () => goTo("/about"),
+    goLanding: () => goTo("/"),
+  }
+}