diff --git a/Backend/peepal_backend/app/Models/WcAdatok.php b/Backend/peepal_backend/app/Models/WcAdatok.php
index eb56085..8009346 100644
--- a/Backend/peepal_backend/app/Models/WcAdatok.php
+++ b/Backend/peepal_backend/app/Models/WcAdatok.php
@@ -11,7 +11,5 @@ class WcAdatok extends Model
 
     protected $table = 'wc_adatok';
 
-    protected $fillable = [
-        'nev', 'kerulet', 'kozeli_megall', 'akadalym', 'ar', 'nyitva', 'hossz_koord', 'szel_koord', 'utvonal'
-    ];
+    protected $fillable = ['nev', 'kerulet', 'kozeli_megall', 'akadalym', 'ar', 'nyitva', 'hossz_koord', 'szel_koord', 'utvonal'];
 }
diff --git a/Backend/peepal_backend/composer.json b/Backend/peepal_backend/composer.json
index 87430b8..3ffb907 100644
--- a/Backend/peepal_backend/composer.json
+++ b/Backend/peepal_backend/composer.json
@@ -9,7 +9,8 @@
         "php": "^8.2",
         "laravel/framework": "^12.0",
         "laravel/sanctum": "^4.0",
-        "laravel/tinker": "^2.10.1"
+        "laravel/tinker": "^2.10.1",
+        "tymon/jwt-auth": "^2.2"
     },
     "require-dev": {
         "fakerphp/faker": "^1.23",
diff --git a/Backend/peepal_backend/composer.lock b/Backend/peepal_backend/composer.lock
index c994010..9d5e404 100644
--- a/Backend/peepal_backend/composer.lock
+++ b/Backend/peepal_backend/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "85c1d2065f70e38b0d6bf66559fb13c5",
+    "content-hash": "a7445d8ffd6328821bee23eeadf0e853",
     "packages": [
         {
             "name": "brick/math",
@@ -1519,6 +1519,144 @@
             },
             "time": "2025-01-27T14:24:01+00:00"
         },
+        {
+            "name": "lcobucci/clock",
+            "version": "3.3.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/lcobucci/clock.git",
+                "reference": "db3713a61addfffd615b79bf0bc22f0ccc61b86b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/lcobucci/clock/zipball/db3713a61addfffd615b79bf0bc22f0ccc61b86b",
+                "reference": "db3713a61addfffd615b79bf0bc22f0ccc61b86b",
+                "shasum": ""
+            },
+            "require": {
+                "php": "~8.2.0 || ~8.3.0 || ~8.4.0",
+                "psr/clock": "^1.0"
+            },
+            "provide": {
+                "psr/clock-implementation": "1.0"
+            },
+            "require-dev": {
+                "infection/infection": "^0.29",
+                "lcobucci/coding-standard": "^11.1.0",
+                "phpstan/extension-installer": "^1.3.1",
+                "phpstan/phpstan": "^1.10.25",
+                "phpstan/phpstan-deprecation-rules": "^1.1.3",
+                "phpstan/phpstan-phpunit": "^1.3.13",
+                "phpstan/phpstan-strict-rules": "^1.5.1",
+                "phpunit/phpunit": "^11.3.6"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Lcobucci\\Clock\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Luís Cobucci",
+                    "email": "lcobucci@gmail.com"
+                }
+            ],
+            "description": "Yet another clock abstraction",
+            "support": {
+                "issues": "https://github.com/lcobucci/clock/issues",
+                "source": "https://github.com/lcobucci/clock/tree/3.3.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/lcobucci",
+                    "type": "github"
+                },
+                {
+                    "url": "https://www.patreon.com/lcobucci",
+                    "type": "patreon"
+                }
+            ],
+            "time": "2024-09-24T20:45:14+00:00"
+        },
+        {
+            "name": "lcobucci/jwt",
+            "version": "4.3.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/lcobucci/jwt.git",
+                "reference": "4d7de2fe0d51a96418c0d04004986e410e87f6b4"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/lcobucci/jwt/zipball/4d7de2fe0d51a96418c0d04004986e410e87f6b4",
+                "reference": "4d7de2fe0d51a96418c0d04004986e410e87f6b4",
+                "shasum": ""
+            },
+            "require": {
+                "ext-hash": "*",
+                "ext-json": "*",
+                "ext-mbstring": "*",
+                "ext-openssl": "*",
+                "ext-sodium": "*",
+                "lcobucci/clock": "^2.0 || ^3.0",
+                "php": "^7.4 || ^8.0"
+            },
+            "require-dev": {
+                "infection/infection": "^0.21",
+                "lcobucci/coding-standard": "^6.0",
+                "mikey179/vfsstream": "^1.6.7",
+                "phpbench/phpbench": "^1.2",
+                "phpstan/extension-installer": "^1.0",
+                "phpstan/phpstan": "^1.4",
+                "phpstan/phpstan-deprecation-rules": "^1.0",
+                "phpstan/phpstan-phpunit": "^1.0",
+                "phpstan/phpstan-strict-rules": "^1.0",
+                "phpunit/php-invoker": "^3.1",
+                "phpunit/phpunit": "^9.5"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Lcobucci\\JWT\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Luís Cobucci",
+                    "email": "lcobucci@gmail.com",
+                    "role": "Developer"
+                }
+            ],
+            "description": "A simple library to work with JSON Web Token and JSON Web Signature",
+            "keywords": [
+                "JWS",
+                "jwt"
+            ],
+            "support": {
+                "issues": "https://github.com/lcobucci/jwt/issues",
+                "source": "https://github.com/lcobucci/jwt/tree/4.3.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/lcobucci",
+                    "type": "github"
+                },
+                {
+                    "url": "https://www.patreon.com/lcobucci",
+                    "type": "patreon"
+                }
+            ],
+            "time": "2023-01-02T13:28:00+00:00"
+        },
         {
             "name": "league/commonmark",
             "version": "2.6.1",
@@ -5633,6 +5771,90 @@
             },
             "time": "2024-12-21T16:25:41+00:00"
         },
+        {
+            "name": "tymon/jwt-auth",
+            "version": "2.2.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/tymondesigns/jwt-auth.git",
+                "reference": "6c98cea2c3f11a71c0c7f982dd2d76e64247ee28"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/tymondesigns/jwt-auth/zipball/6c98cea2c3f11a71c0c7f982dd2d76e64247ee28",
+                "reference": "6c98cea2c3f11a71c0c7f982dd2d76e64247ee28",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/auth": "^9.0|^10.0|^11.0|^12.0",
+                "illuminate/contracts": "^9.0|^10.0|^11.0|^12.0",
+                "illuminate/http": "^9.0|^10.0|^11.0|^12.0",
+                "illuminate/support": "^9.0|^10.0|^11.0|^12.0",
+                "lcobucci/jwt": "^4.0",
+                "nesbot/carbon": "^2.69|^3.0",
+                "php": "^8.0"
+            },
+            "require-dev": {
+                "illuminate/console": "^9.0|^10.0|^11.0|^12.0",
+                "illuminate/database": "^9.0|^10.0|^11.0|^12.0",
+                "illuminate/routing": "^9.0|^10.0|^11.0|^12.0",
+                "mockery/mockery": "^1.6",
+                "phpunit/phpunit": "^9.4"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "aliases": {
+                        "JWTAuth": "Tymon\\JWTAuth\\Facades\\JWTAuth",
+                        "JWTFactory": "Tymon\\JWTAuth\\Facades\\JWTFactory"
+                    },
+                    "providers": [
+                        "Tymon\\JWTAuth\\Providers\\LaravelServiceProvider"
+                    ]
+                },
+                "branch-alias": {
+                    "dev-2.x": "2.0-dev",
+                    "dev-develop": "1.0-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Tymon\\JWTAuth\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Sean Tymon",
+                    "email": "tymon148@gmail.com",
+                    "homepage": "https://tymon.xyz",
+                    "role": "Developer"
+                }
+            ],
+            "description": "JSON Web Token Authentication for Laravel and Lumen",
+            "homepage": "https://github.com/tymondesigns/jwt-auth",
+            "keywords": [
+                "Authentication",
+                "JSON Web Token",
+                "auth",
+                "jwt",
+                "laravel"
+            ],
+            "support": {
+                "issues": "https://github.com/tymondesigns/jwt-auth/issues",
+                "source": "https://github.com/tymondesigns/jwt-auth"
+            },
+            "funding": [
+                {
+                    "url": "https://www.patreon.com/seantymon",
+                    "type": "patreon"
+                }
+            ],
+            "time": "2025-02-28T08:14:11+00:00"
+        },
         {
             "name": "vlucas/phpdotenv",
             "version": "v5.6.1",
diff --git a/frontend/peepal_react/public/fejlec_hatter.jpg b/frontend/peepal_react/public/fejlec_hatter.jpg
deleted file mode 100644
index eb4db84..0000000
Binary files a/frontend/peepal_react/public/fejlec_hatter.jpg and /dev/null differ
diff --git a/frontend/peepal_react/src/App.js b/frontend/peepal_react/src/App.js
index 971a3f3..6fa6926 100644
--- a/frontend/peepal_react/src/App.js
+++ b/frontend/peepal_react/src/App.js
@@ -5,13 +5,15 @@ import Menusor from './NavBar/Menusor';
 import { Route, Routes } from 'react-router-dom';
 import Kezdolap from './WC_Komponens/Kezdolap/Kezdolap';
 import Fejlec from './WC_Komponens/Fejlec/Fejlec';
+import HozzaadGomb from './WC_Komponens/Hozzadas/HozzaadGomb';
 
 export default function App() {
   return (
     <>
       <Menusor />
       <Fejlec />
-      <div>
+      <HozzaadGomb />
+      <div className=''>
         <Routes>
           <Route index element={<Kezdolap />}/>
           <Route path="/kereso" element={<Kereso />}/>
diff --git a/frontend/peepal_react/src/WC_Komponens/Fejlec/Fejlec.css b/frontend/peepal_react/src/WC_Komponens/Fejlec/Fejlec.css
new file mode 100644
index 0000000..a666e5a
--- /dev/null
+++ b/frontend/peepal_react/src/WC_Komponens/Fejlec/Fejlec.css
@@ -0,0 +1,12 @@
+.parallax {
+    background-attachment: fixed;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+  
+  @media only screen and (max-width: 1366px) {
+    .parallax {
+      background-attachment: scroll;
+    }
+  }
\ No newline at end of file
diff --git a/frontend/peepal_react/src/WC_Komponens/Fejlec/Fejlec.jsx b/frontend/peepal_react/src/WC_Komponens/Fejlec/Fejlec.jsx
index 681ee2a..11ba811 100644
--- a/frontend/peepal_react/src/WC_Komponens/Fejlec/Fejlec.jsx
+++ b/frontend/peepal_react/src/WC_Komponens/Fejlec/Fejlec.jsx
@@ -1,18 +1,19 @@
+import styles from "./Fejlec.css";
+import fejlecHatter from "./fejlec_hatter.jpg";
+
 export default function Fejlec() {
-    return (
-      <header
-        className="fixed top-0 left-0 w-full h-[60vh] bg-no-repeat bg-cover bg-top z-10"
-        style={{ backgroundImage: "url('/fejlec_hatter.jpg')" }}
-      >
-        <div className="absolute inset-0 bg-black/40 flex flex-col items-center justify-center text-white text-center p-6">
-          <h1 className="text-3xl font-bold mb-2 bg-black/50 p-3 rounded-lg inline-block">
-            Üdvözöljük a PeePal weboldalán!
-          </h1>
-          <h2 className="text-lg font-medium max-w-md bg-black/40 p-3 rounded-lg">
-            Találja meg a hozzá legközelebb eső nyilvános mosdót egy kattintással (vagy kettővel)
-          </h2>
-        </div>
-      </header>
-    );
-  }
-  
\ No newline at end of file
+  return (
+    <header className={`${styles.parallax} relative w-full h-[60vh] bg-no-repeat bg-cover bg-top z-10`}
+      style={{ backgroundImage: `url(${fejlecHatter})` }}
+    >
+      <div className="absolute inset-0 bg-black/40 flex flex-col items-center justify-center text-white text-center p-6">
+        <h1 className="text-3xl font-bold mb-2 bg-black/50 p-3 rounded-lg inline-block">
+          Üdvözöljük a PeePal weboldalán!
+        </h1>
+        <h2 className="text-lg font-medium max-w-md bg-black/40 p-3 rounded-lg">
+          Találja meg az Önhöz legközelebb eső nyilvános mosdót egy kattintással (vagy kettővel)
+        </h2>
+      </div>
+    </header>
+  );
+}
\ No newline at end of file
diff --git a/frontend/peepal_react/src/WC_Komponens/Fejlec/fejlec_hatter.jpg b/frontend/peepal_react/src/WC_Komponens/Fejlec/fejlec_hatter.jpg
new file mode 100644
index 0000000..eb31315
Binary files /dev/null and b/frontend/peepal_react/src/WC_Komponens/Fejlec/fejlec_hatter.jpg differ
diff --git a/frontend/peepal_react/src/WC_Komponens/Hozzadas/HozzaadGomb.jsx b/frontend/peepal_react/src/WC_Komponens/Hozzadas/HozzaadGomb.jsx
new file mode 100644
index 0000000..2474059
--- /dev/null
+++ b/frontend/peepal_react/src/WC_Komponens/Hozzadas/HozzaadGomb.jsx
@@ -0,0 +1,7 @@
+export default function HozzaadGomb(){
+    return(
+        <>
+            <button>+</button>
+        </>
+    )
+}
\ No newline at end of file