diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 311995e..484dfa1 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -1,25 +1,13 @@
 "use client";
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 
 export default function DashboardPage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleApple
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Problemen", id: "/problemen" },
-          { name: "Prijzen", id: "/prijzen" },
-          { name: "Dashboard", id: "/dashboard" },
-          { name: "Instellingen", id: "/settings" }
-        ]}
-        brandName="BriefBaas AI"
-      />
-      <main className="pt-32 pb-20 container mx-auto px-4">
-        <h1 className="text-4xl font-bold mb-8">Dashboard</h1>
-        <p className="text-lg text-gray-600">Welkom bij je persoonlijke overzicht. Hier kun je al je lopende zaken en snelle acties inzien.</p>
-      </main>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} brandName="BriefBaas AI" />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file