From e2be68decabbb276007e2228a0299dd15bc6274b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 09:10:51 +0000
Subject: [PATCH] Update src/app/tasks/page.tsx

---
 src/app/tasks/page.tsx | 29 ++++++++++++++++++-----------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/app/tasks/page.tsx b/src/app/tasks/page.tsx
index 64a11a0..6964462 100644
--- a/src/app/tasks/page.tsx
+++ b/src/app/tasks/page.tsx
@@ -1,12 +1,12 @@
 "use client";
-import Link from "next/link";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from "&/providers/themeProvider/ThemeProvider";
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 
 export default function TasksPage() {
   const navProps = {
     brandName: "AluSalesHub",    navItems: [
-      { name: "Dashboard", id: "dashboard", href: "/" },
+      { name: "Dashboard", id: "dashboard", href: "/dashboard" },
       { name: "Week Planning", id: "week-planning", href: "/week-planning" },
       { name: "Tasks", id: "tasks", href: "/tasks" },
       { name: "Meeting Notes", id: "meeting-notes", href: "/meeting-notes" },
@@ -16,20 +16,27 @@ export default function TasksPage() {
   };
 
   const themeProps = {
-    defaultButtonVariant: "text-stagger",    defaultTextAnimation: "entrance-slide",    borderRadius: "soft",    contentWidth: "mediumSmall",    sizing: "mediumLargeSizeLargeTitles",    background: "aurora",    cardStyle: "inset",    primaryButtonStyle: "double-inset",    secondaryButtonStyle: "radial-glow",    headingFontWeight: "extrabold"} as const;
+    defaultButtonVariant: "text-stagger",    defaultTextAnimation: "entrance-slide",    borderRadius: "soft",    contentWidth: "mediumSmall",    sizing: "mediumLargeSizeLargeTitles",    background: "aurora",    cardStyle: "inset",    primaryButtonStyle: "double-inset",    secondaryButtonStyle: "radial-glow",    headingFontWeight: "extrabold"
+  } as const;
 
   return (
     <ThemeProvider {...themeProps}>
       <div id="nav" data-section="nav">
         <NavbarStyleCentered {...navProps} />
       </div>
-      <div className="flex flex-col items-center justify-center min-h-[50vh] text-center text-foreground">
-        <h1 className="text-4xl font-bold mb-4">My Tasks</h1>
-        <p className="text-lg">Manage all your sales tasks in one place.</p>
-        <p className="text-sm text-gray-500 mt-2">
-          (Note: Sections for this page could not be rendered due to an empty section registry.)
-        </p>
+      <div id="faq">
+        <FaqDouble 
+            title="Manage Tasks"
+            description="Track your progress and clear your daily backlog effectively."
+            faqsAnimation="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+                { id: "1", title: "How do I prioritize tasks?", content: "Mark your high-impact items as priority." },
+                { id: "2", title: "Can I track project status?", content: "Yes, use the board view to monitor status updates." }
+            ]}
+        />
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file