diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 0100ed2..bc95f8f 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -1,27 +1,21 @@
 "use client";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import { ThemeProvider } from "&/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import { Sparkles } from 'lucide-react';
 
 export default function DashboardPage() {
   const navProps = {
     brandName: "AluSalesHub",    navItems: [
-      { 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" },
-      { name: "People & Regions", id: "people-regions", href: "/people-regions" },
+      { name: "Dashboard", id: "dashboard" },
+      { name: "Week Planning", id: "week-planning" },
+      { name: "Tasks", id: "tasks" },
+      { name: "Meeting Notes", id: "meeting-notes" },
+      { name: "People & Regions", id: "people-regions" },
     ],
-    button: { text: "Logout", href: "/login" },
   };
 
-  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;
-
   return (
-    <ThemeProvider {...themeProps}>
+    <ThemeProvider>
       <div id="nav" data-section="nav">
         <NavbarStyleCentered {...navProps} />
       </div>
diff --git a/src/app/meeting-notes/page.tsx b/src/app/meeting-notes/page.tsx
index b83f59c..f1bed35 100644
--- a/src/app/meeting-notes/page.tsx
+++ b/src/app/meeting-notes/page.tsx
@@ -1,26 +1,21 @@
 "use client";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import { ThemeProvider } from "&/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 
 export default function MeetingNotesPage() {
   const navProps = {
     brandName: "AluSalesHub",    navItems: [
-      { 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" },
-      { name: "People & Regions", id: "people-regions", href: "/people-regions" },
+      { name: "Dashboard", id: "dashboard" },
+      { name: "Week Planning", id: "week-planning" },
+      { name: "Tasks", id: "tasks" },
+      { name: "Meeting Notes", id: "meeting-notes" },
+      { name: "People & Regions", id: "people-regions" },
     ],
-    button: { text: "Logout", href: "/login" },
   };
 
-  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;
-
   return (
-    <ThemeProvider {...themeProps}>
+    <ThemeProvider>
       <div id="nav" data-section="nav">
         <NavbarStyleCentered {...navProps} />
       </div>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 36680fb..5251844 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,26 +1,21 @@
 "use client";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import { ThemeProvider } from "&/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 
 export default function HomePage() {
   const navProps = {
     brandName: "AluSalesHub",    navItems: [
-      { 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" },
-      { name: "People & Regions", id: "people-regions", href: "/people-regions" },
+      { name: "Dashboard", id: "dashboard" },
+      { name: "Week Planning", id: "week-planning" },
+      { name: "Tasks", id: "tasks" },
+      { name: "Meeting Notes", id: "meeting-notes" },
+      { name: "People & Regions", id: "people-regions" },
     ],
-    button: { text: "Logout", href: "/login" },
   };
 
-  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;
-
   return (
-    <ThemeProvider {...themeProps}>
+    <ThemeProvider>
       <div id="nav" data-section="nav">
         <NavbarStyleCentered {...navProps} />
       </div>
diff --git a/src/app/people-regions/page.tsx b/src/app/people-regions/page.tsx
index bca6680..a73b561 100644
--- a/src/app/people-regions/page.tsx
+++ b/src/app/people-regions/page.tsx
@@ -1,26 +1,21 @@
 "use client";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import { ThemeProvider } from "&/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
 
 export default function PeopleRegionsPage() {
   const navProps = {
     brandName: "AluSalesHub",    navItems: [
-      { 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" },
-      { name: "People & Regions", id: "people-regions", href: "/people-regions" },
+      { name: "Dashboard", id: "dashboard" },
+      { name: "Week Planning", id: "week-planning" },
+      { name: "Tasks", id: "tasks" },
+      { name: "Meeting Notes", id: "meeting-notes" },
+      { name: "People & Regions", id: "people-regions" },
     ],
-    button: { text: "Logout", href: "/login" },
   };
 
-  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;
-
   return (
-    <ThemeProvider {...themeProps}>
+    <ThemeProvider>
       <div id="nav" data-section="nav">
         <NavbarStyleCentered {...navProps} />
       </div>
diff --git a/src/app/tasks/page.tsx b/src/app/tasks/page.tsx
index 6964462..1efb59c 100644
--- a/src/app/tasks/page.tsx
+++ b/src/app/tasks/page.tsx
@@ -1,26 +1,21 @@
 "use client";
 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: "/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" },
-      { name: "People & Regions", id: "people-regions", href: "/people-regions" },
+      { name: "Dashboard", id: "dashboard" },
+      { name: "Week Planning", id: "week-planning" },
+      { name: "Tasks", id: "tasks" },
+      { name: "Meeting Notes", id: "meeting-notes" },
+      { name: "People & Regions", id: "people-regions" },
     ],
-    button: { text: "Logout", href: "/login" },
   };
 
-  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;
-
   return (
-    <ThemeProvider {...themeProps}>
+    <ThemeProvider>
       <div id="nav" data-section="nav">
         <NavbarStyleCentered {...navProps} />
       </div>
diff --git a/src/app/week-planning/page.tsx b/src/app/week-planning/page.tsx
index 70c0a47..551de4a 100644
--- a/src/app/week-planning/page.tsx
+++ b/src/app/week-planning/page.tsx
@@ -1,27 +1,22 @@
 "use client";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import { ThemeProvider } from "&/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import { CalendarDays } from 'lucide-react';
 
 export default function WeekPlanningPage() {
   const navProps = {
     brandName: "AluSalesHub",    navItems: [
-      { 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" },
-      { name: "People & Regions", id: "people-regions", href: "/people-regions" },
+      { name: "Dashboard", id: "dashboard" },
+      { name: "Week Planning", id: "week-planning" },
+      { name: "Tasks", id: "tasks" },
+      { name: "Meeting Notes", id: "meeting-notes" },
+      { name: "People & Regions", id: "people-regions" },
     ],
-    button: { text: "Logout", href: "/login" },
   };
 
-  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;
-
   return (
-    <ThemeProvider {...themeProps}>
+    <ThemeProvider>
       <div id="nav" data-section="nav">
         <NavbarStyleCentered {...navProps} />
       </div>