diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8aba9fe..36680fb 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-}
+}
\ No newline at end of file