From e1677b308ea47d70bb5e37561382028f9c1ac95f Mon Sep 17 00:00:00 2001
From: Marcin-Ramotowski <marcin00.mr@gmail.com>
Date: Tue, 15 Apr 2025 21:48:56 +0200
Subject: [PATCH] Added home page

---
 frontend/src/App.tsx        |  2 ++
 frontend/src/pages/Home.tsx | 37 +++++++++++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+)
 create mode 100644 frontend/src/pages/Home.tsx

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 830bedb..ae40eb4 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -5,11 +5,13 @@ import Tasks from "./pages/Tasks";
 import Profile from "./pages/Profile";
 import ChangePassword from "./pages/ChangePassword";
 import DeleteAccount from "./pages/DeleteAccount";
+import Home from "./pages/Home";
 
 const App = () => {
   return (
     <Router>
       <Routes>
+        <Route path="/" element={<Home />} />
         <Route path="/register" element={<Register />} />        
         <Route path="/login" element={<Login />} />
         <Route path="/tasks" element={<Tasks />} />
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
new file mode 100644
index 0000000..cc848ad
--- /dev/null
+++ b/frontend/src/pages/Home.tsx
@@ -0,0 +1,37 @@
+import { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import Cookies from "js-cookie";
+
+const Home = () => {
+  const navigate = useNavigate();
+  const userId = Cookies.get("user_id");
+
+  useEffect(() => {
+    if (userId) {
+      navigate("/tasks"); // redirect logged-in users to tasks
+    }
+  }, [userId]);
+
+  return (
+    <div className="flex flex-col items-center justify-center h-screen bg-gray-50">
+      <h1 className="text-4xl font-bold mb-4">Witaj w Taskerze ✅</h1>
+      <p className="text-lg mb-6">Zarządzaj swoimi zadaniami w prosty sposób.</p>
+      <div className="flex space-x-4">
+        <button 
+          onClick={() => navigate("/login")} 
+          className="bg-blue-500 text-white px-6 py-2 rounded hover:bg-blue-600"
+        >
+          Zaloguj się
+        </button>
+        <button 
+          onClick={() => navigate("/register")} 
+          className="bg-green-500 text-white px-6 py-2 rounded hover:bg-green-600"
+        >
+          Zarejestruj się
+        </button>
+      </div>
+    </div>
+  );
+};
+
+export default Home;