diff --git a/backend/src/server.js b/backend/src/server.js
index 4ad5fc5a..70a670f7 100644
--- a/backend/src/server.js
+++ b/backend/src/server.js
@@ -36,7 +36,6 @@ const allowedOrigins = [
   process.env.FRONTEND_URL,
   "http://localhost:5173",
   "http://127.0.0.1:5173",
-  "https://dailyforge-frontend-lhjq.onrender.com",
 ].filter(Boolean);
 
 app.use(
diff --git a/frontend/src/components/ErrorBoundary.jsx b/frontend/src/components/ErrorBoundary.jsx
index cdbeb512..320b0f37 100644
--- a/frontend/src/components/ErrorBoundary.jsx
+++ b/frontend/src/components/ErrorBoundary.jsx
@@ -31,8 +31,8 @@ class ErrorBoundary extends React.Component {
   render() {
     if (this.state.hasError) {
       return (
-        <div className="min-h-screen bg-gray-900 flex flex-col items-center justify-center text-white p-4">
-          <div className="max-w-md w-full bg-gray-800 rounded-xl shadow-2xl p-8 text-center border border-gray-700">
+        <div className="min-h-screen bg-gray-100 dark:bg-gray-900 flex flex-col items-center justify-center text-gray-900 dark:text-white p-4">
+          <div className="max-w-md w-full bg-white dark:bg-gray-800 rounded-xl shadow-2xl p-8 text-center border border-gray-200 dark:border-gray-700">
             <div className="flex justify-center mb-6">
               <div className="p-3 bg-red-500/10 rounded-full">
                 <svg className="w-12 h-12 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
@@ -40,13 +40,13 @@ class ErrorBoundary extends React.Component {
                 </svg>
               </div>
             </div>
-            <h1 className="text-2xl font-bold mb-3 text-gray-100">Oops! Something went wrong</h1>
-            <p className="text-gray-400 dark:text-slate-300 mb-6 text-sm leading-relaxed">
+            <h1 className="text-2xl font-bold mb-3 text-gray-900 dark:text-gray-100">Oops! Something went wrong</h1>
+            <p className="text-gray-500 dark:text-slate-300 mb-6 text-sm leading-relaxed">
               We're sorry, but an unexpected error occurred. The application has recovered from a crash, but you might need to refresh or return to the dashboard.
             </p>
             {this.state.error && (
-              <div className="bg-gray-950 rounded-lg p-4 mb-6 text-left overflow-auto max-h-32 border border-gray-700/50 shadow-inner">
-                <p className="text-red-400/90 text-xs font-mono whitespace-pre-wrap break-words">
+              <div className="bg-gray-100 dark:bg-gray-950 rounded-lg p-4 mb-6 text-left overflow-auto max-h-32 border border-gray-200 dark:border-gray-700/50 shadow-inner">
+                <p className="text-red-500 dark:text-red-400/90 text-xs font-mono whitespace-pre-wrap break-words">
                   {this.state.error.toString()}
                 </p>
               </div>
@@ -60,7 +60,7 @@ class ErrorBoundary extends React.Component {
               </button>
               <button
                 onClick={this.handleReturnHome}
-                className="px-5 py-2.5 bg-gray-700 hover:bg-gray-600 text-white text-sm rounded-lg transition-all font-medium focus:outline-none focus:ring-2 focus:ring-gray-500/50 w-full sm:w-auto"
+                className="px-5 py-2.5 bg-gray-300 dark:bg-gray-700 hover:bg-gray-400 dark:hover:bg-gray-600 text-gray-800 dark:text-gray-100 text-sm rounded-lg transition-all font-medium focus:outline-none focus:ring-2 focus:ring-gray-500/50 w-full sm:w-auto"
               >
                 Return Home
               </button>
diff --git a/frontend/src/components/Task/TaskItem.jsx b/frontend/src/components/Task/TaskItem.jsx
index 40758aa9..b2ab4288 100644
--- a/frontend/src/components/Task/TaskItem.jsx
+++ b/frontend/src/components/Task/TaskItem.jsx
@@ -1,4 +1,4 @@
-import { Check, Trash2, Pencil, Calendar, Play } from "lucide-react";
+import { Check, Trash2, Pencil, Calendar, Play, Link2 } from "lucide-react";
 import { useState } from "react";
 import TaskFormModal from "./TaskFormModal";
 import { getCategoryColor } from "../../utils/categoryUtils";
@@ -104,7 +104,7 @@ export default function TaskItem({
 
               {task.dependsOn && (
                 <div className="text-[11px] text-muted flex items-center gap-1 mt-1 bg-white/40 dark:bg-slate-800/40 px-2 py-1 rounded border border-soft/30">
-                  <span className="shrink-0 text-amber-500">🔗</span>
+                  <span className="shrink-0 text-amber-500"><Link2 size={12} /></span>
                   <span className="truncate" title={task.dependsOn.title}>
                     Depends on: {task.dependsOn.title}
                   </span>
@@ -225,8 +225,9 @@ export default function TaskItem({
               </div>
 
               {task.dependsOn && (
-  <p className="text-xs text-muted mt-1">
-    🔗 Depends on: {task.dependsOn.title}
+  <p className="text-xs text-muted mt-1 flex items-center gap-1">
+    <Link2 size={11} className="shrink-0 text-amber-500" />
+    Depends on: {task.dependsOn.title}
   </p>
 )}
 
diff --git a/frontend/src/hooks/useTasks.js b/frontend/src/hooks/useTasks.js
index 4cd7d700..47baf0a4 100644
--- a/frontend/src/hooks/useTasks.js
+++ b/frontend/src/hooks/useTasks.js
@@ -51,8 +51,7 @@ const useTasks = ({
           currentPage: data.currentPage || pageToFetch,
           limit: data.limit || initialLimit,
         });
-      } catch (error) {
-        console.log(error?.response?.data?.message || "Failed to load tasks");
+      } catch {
         setTasks([]);
       } finally {
         setLoading(false);
@@ -64,9 +63,7 @@ const useTasks = ({
   // create new task
   const addTask = async (taskData) => {
     try {
-      const response = await api.post("/tasks", taskData);
-
-      console.log("Task added:", response.data);
+      await api.post("/tasks", taskData);
 
       invalidateTasks();
 
@@ -76,12 +73,6 @@ const useTasks = ({
         setPage(DEFAULT_PAGE);
       }
     } catch (error) {
-      console.log("FULL ERROR:", error);
-      console.log(
-        error?.response?.data?.message ||
-          error?.response?.data ||
-          error.message,
-      );
       alert(error?.response?.data?.message || "Failed to create task");
       throw error;
     }
@@ -113,8 +104,7 @@ const useTasks = ({
       await api.put(`/tasks/${id}`, updates);
       invalidateTasks();
       await getTasks(page);
-    } catch (error) {
-      console.log(error?.response?.data?.message || "Failed to update task");
+    } catch {
       invalidateTasks();
       await getTasks(page);
     }
diff --git a/frontend/src/pages/LandingPage.jsx b/frontend/src/pages/LandingPage.jsx
index 4fe26731..1d5bc326 100644
--- a/frontend/src/pages/LandingPage.jsx
+++ b/frontend/src/pages/LandingPage.jsx
@@ -1,4 +1,5 @@
 import { Link } from "react-router-dom";
+import { Clipboard, CalendarDays, BarChart2 } from "lucide-react";
 
 const LandingPage = () => {
   return (
@@ -66,8 +67,8 @@ const LandingPage = () => {
       shadow-lg hover:shadow-2xl
     "
           >
-            <div className="w-14 h-14 rounded-2xl bg-[#d0f6e3] flex items-center justify-center text-2xl mb-6 group-hover:scale-110 transition">
-              📋
+            <div className="w-14 h-14 rounded-2xl bg-[#d0f6e3] flex items-center justify-center mb-6 group-hover:scale-110 transition">
+              <Clipboard size={24} className="text-[#4eb7b3]" />
             </div>
 
             <h3 className="text-xl font-bold text-slate-800 dark:text-white mb-3">
@@ -95,8 +96,8 @@ const LandingPage = () => {
       shadow-lg hover:shadow-2xl
     "
           >
-            <div className="w-14 h-14 rounded-2xl bg-[#d0f6e3] flex items-center justify-center text-2xl mb-6 group-hover:scale-110 transition">
-              🗓️
+            <div className="w-14 h-14 rounded-2xl bg-[#d0f6e3] flex items-center justify-center mb-6 group-hover:scale-110 transition">
+              <CalendarDays size={24} className="text-[#4eb7b3]" />
             </div>
 
             <h3 className="text-xl font-bold text-slate-800 dark:text-white mb-3">
@@ -124,8 +125,8 @@ const LandingPage = () => {
       shadow-lg hover:shadow-2xl
     "
           >
-            <div className="w-14 h-14 rounded-2xl bg-[#d0f6e3] flex items-center justify-center text-2xl mb-6 group-hover:scale-110 transition">
-              📊
+            <div className="w-14 h-14 rounded-2xl bg-[#d0f6e3] flex items-center justify-center mb-6 group-hover:scale-110 transition">
+              <BarChart2 size={24} className="text-[#4eb7b3]" />
             </div>
 
             <h3 className="text-xl font-bold text-slate-800 dark:text-white mb-3">