src/app/dashboard/page.tsx

@@ -0,0 +1,40 @@
+"use client";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+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" },
+    ],
+    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}>
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered {...navProps} />
+      </div>
+      <div id="hero">
+        <HeroSplitTestimonial 
+            title="Sales Dashboard"
+            description="Manage your high-performance sales pipeline efficiently with real-time insights and data-driven recommendations."
+            background={{ variant: 'animated-grid' }}
+            testimonials={[]}
+            mediaAnimation="slide-up"
+            useInvertedBackground={false}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/meeting-notes/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 TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 
 export default function MeetingNotesPage() {
   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,23 @@ export default function MeetingNotesPage() {
   };
 
   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">Meeting Notes</h1>
-        <p className="text-lg">Keep track of all your important meeting discussions.</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="notes">
+        <TestimonialCardTen
+            title="Meeting Notes Archive"
+            description="Review past meeting discussions and action items."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[]}
+        />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/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 HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 
 export default function HomePage() {
   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,24 @@ export default function HomePage() {
   };
 
   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">Welcome to AluSalesHub Dashboard</h1>
-        <p className="text-lg">Your sales productivity partner. Navigation is available above.</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="hero">
+        <HeroSplitTestimonial 
+            title="Welcome to AluSalesHub"
+            description="Your professional sales ecosystem for planning, productivity, and regional management."
+            background={{ variant: 'downward-rays-animated' }}
+            testimonials={[]}
+            mediaAnimation="blur-reveal"
+            useInvertedBackground={false}
+        />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/people-regions/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 TeamCardFive from '@/components/sections/team/TeamCardFive';
 
 export default function PeopleRegionsPage() {
   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,24 @@ export default function PeopleRegionsPage() {
   };
 
   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">People & Regions</h1>
-        <p className="text-lg">Gain insights into your sales team and regional performance.</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="team">
+        <TeamCardFive 
+            title="Team & Regions"
+            description="Manage your regional performance and team hierarchies."
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            team={[]}
+        />
       </div>
     </ThemeProvider>
   );
-}
+}

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

src/app/week-planning/page.tsx

@@ -1,12 +1,13 @@
 "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 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: "/" },
+      { 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 +17,27 @@ export default function WeekPlanningPage() {
   };
 
   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">Weekly Planning</h1>
-        <p className="text-lg">Plan your week effectively with AluSalesHub.</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="features">
+        <FeatureBorderGlow 
+            title="Plan Your Week"
+            description="Organize your upcoming commitments and set strategic goals for maximum output."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+                { icon: CalendarDays, title: "Goal Setting", description: "Define your weekly objectives." },
+                { icon: CalendarDays, title: "Schedule Review", description: "Audit your time allocations." }
+            ]}
+        />
       </div>
     </ThemeProvider>
   );
-}
+}