Update src/app/tasks/page.tsx

This commit is contained in:
2026-03-27 09:10:51 +00:00
parent 11bee5f087
commit e2be68deca

View File

@@ -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>
);
}
}