diff --git a/src/app/facials/page.tsx b/src/app/facials/page.tsx
index 27fd5fc..490b72b 100644
--- a/src/app/facials/page.tsx
+++ b/src/app/facials/page.tsx
@@ -3,8 +3,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 export default function FacialsPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Facials", id: "/facials"}]} brandName="Casablanca Cosmetics" />
+    <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">
+        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Facials", id: "/facials"}]} brandName="Casablanca Cosmetics" />
+      </div>
       <main className="pt-24 px-6 md:px-12">
         <h1>Facials</h1>
         <p>Erleben Sie Luxus-Gesichtsbehandlungen und tiefenwirksame Hautpflege.</p>
diff --git a/src/app/laser/page.tsx b/src/app/laser/page.tsx
index e6edafe..fc719e8 100644
--- a/src/app/laser/page.tsx
+++ b/src/app/laser/page.tsx
@@ -3,8 +3,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 export default function LaserPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Laser", id: "/laser"}]} brandName="Casablanca Cosmetics" />
+    <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">
+        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Laser", id: "/laser"}]} brandName="Casablanca Cosmetics" />
+      </div>
       <main className="pt-24 px-6 md:px-12">
         <h1>Laser Services</h1>
         <p>Premium Laserbehandlungen für dauerhafte Haarentfernung in Gelsenkirchen.</p>
diff --git a/src/app/lashes/page.tsx b/src/app/lashes/page.tsx
index 4281437..30014c5 100644
--- a/src/app/lashes/page.tsx
+++ b/src/app/lashes/page.tsx
@@ -3,8 +3,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 export default function LashesPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Lashes", id: "/lashes"}]} brandName="Casablanca Cosmetics" />
+    <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">
+        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Lashes", id: "/lashes"}]} brandName="Casablanca Cosmetics" />
+      </div>
       <main className="pt-24 px-6 md:px-12">
         <h1>Lash Services</h1>
         <p>Atemberaubende Wimpern durch professionelle Lash-Extensions und Lifting.</p>
diff --git a/src/app/microneedling/page.tsx b/src/app/microneedling/page.tsx
index dbe9efe..90b1f8e 100644
--- a/src/app/microneedling/page.tsx
+++ b/src/app/microneedling/page.tsx
@@ -3,8 +3,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 export default function MicroneedlingPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Microneedling", id: "/microneedling"}]} brandName="Casablanca Cosmetics" />
+    <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">
+        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Microneedling", id: "/microneedling"}]} brandName="Casablanca Cosmetics" />
+      </div>
       <main className="pt-24 px-6 md:px-12">
         <h1>Microneedling</h1>
         <p>Effektive Hautverjüngung durch professionelle Microneedling-Treatments.</p>
diff --git a/src/app/pmu/page.tsx b/src/app/pmu/page.tsx
index 7d7ce4e..4ddae29 100644
--- a/src/app/pmu/page.tsx
+++ b/src/app/pmu/page.tsx
@@ -3,8 +3,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 export default function PmuPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "PMU", id: "/pmu"}]} brandName="Casablanca Cosmetics" />
+    <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">
+        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "PMU", id: "/pmu"}]} brandName="Casablanca Cosmetics" />
+      </div>
       <main className="pt-24 px-6 md:px-12">
         <h1>Permanent Make-Up</h1>
         <p>Professionelles Permanent Make-Up für Augenbrauen, Lippen und Lidstrich.</p>