diff --git a/src/WorkFlowCheck.Web/Pages/Account/Logout.cshtml b/src/WorkFlowCheck.Web/Pages/Account/Logout.cshtml
new file mode 100644
index 0000000..92fd99e
--- /dev/null
+++ b/src/WorkFlowCheck.Web/Pages/Account/Logout.cshtml
@@ -0,0 +1,4 @@
+@page
+@model WorkFlowCheck.Web.Pages.Account.LogoutModel
+@{
+}
diff --git a/src/WorkFlowCheck.Web/Pages/Account/Logout.cshtml.cs b/src/WorkFlowCheck.Web/Pages/Account/Logout.cshtml.cs
new file mode 100644
index 0000000..be696d2
--- /dev/null
+++ b/src/WorkFlowCheck.Web/Pages/Account/Logout.cshtml.cs
@@ -0,0 +1,15 @@
+using Microsoft.AspNetCore.Authentication;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace WorkFlowCheck.Web.Pages.Account
+{
+    public class LogoutModel : PageModel
+    {
+        public IActionResult OnGet()
+        {
+            Response.Cookies.Delete("AuthToken");
+            return RedirectToPage("/Account/Login");
+        }
+    }
+}
diff --git a/src/WorkFlowCheck.Web/Pages/Shared/_Layout.cshtml b/src/WorkFlowCheck.Web/Pages/Shared/_Layout.cshtml
index f6590cb..224ec4d 100644
--- a/src/WorkFlowCheck.Web/Pages/Shared/_Layout.cshtml
+++ b/src/WorkFlowCheck.Web/Pages/Shared/_Layout.cshtml
@@ -37,6 +37,11 @@
                             <a class="nav-link text-dark" asp-area="" asp-page="/Privacy">Privacy</a>
                         </li>
                     </ul>
+                    <ul class="navbar-nav">
+                        <li class="nav-item">
+                            <a class="nav-link text-dark" href="#" data-bs-toggle="modal" data-bs-target="#logoutModal">Logout</a>
+                        </li>
+                    </ul>
                 </div>
             </div>
         </nav>
@@ -47,6 +52,26 @@
         </main>
     </div>
 
+    <!-- Logout Modal -->
+    <div class="modal fade" id="logoutModal" tabindex="-1" aria-labelledby="logoutModalLabel" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="logoutModalLabel">Kijelentkezés</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Bezárás"></button>
+                </div>
+                <div class="modal-body">
+                    Biztosan ki akarsz lépni?
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Nem</button>
+                    <!-- Az "Igen" gomb navigál a Logout oldalra, ahol a cookie törlődik -->
+                    <a href="/Account/Logout" class="btn btn-primary">Igen</a>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <footer class="border-top footer text-muted">
         <div class="container">
             &copy; @DateTime.Now.Year - Workflow Check App - <a asp-area="" asp-page="/Privacy">Privacy</a>