diff --git a/src/app/dienstleistungen/page.tsx b/src/app/dienstleistungen/page.tsx
index 80c8a7e..22bdf0d 100644
--- a/src/app/dienstleistungen/page.tsx
+++ b/src/app/dienstleistungen/page.tsx
@@ -6,8 +6,7 @@ import SplitAbout from "@/components/sections/about/SplitAbout";
 import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import { Briefcase, Award, Users, TrendingUp, MessageCircle, Wrench, FileText, DollarSign } from "lucide-react";
-import Link from "next/link";
+import { Briefcase, Award, Users, MessageCircle, Wrench, FileText, DollarSign } from "lucide-react";
 
 export default function ServicesPage() {
   const navItems = [
@@ -53,20 +52,6 @@ export default function ServicesPage() {
     },
   ];
 
-  const CustomNavbarWrapper = () => (
-    <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-        navItems={navItems.map((item) => ({
-          name: item.name,
-          id: item.id,
-        }))}
-        button={{
-          text: "Jetzt anfragen",          href: "/kontakt"}}
-        brandName="KFZ Gutachter Berlin"
-      />
-    </div>
-  );
-
   return (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
@@ -80,7 +65,17 @@ export default function ServicesPage() {
       secondaryButtonStyle="solid"
       headingFontWeight="normal"
     >
-      <CustomNavbarWrapper />
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={navItems.map((item) => ({
+            name: item.name,
+            id: item.id,
+          }))}
+          button={{
+            text: "Jetzt anfragen",            href: "/kontakt"}}
+          brandName="KFZ Gutachter Berlin"
+        />
+      </div>
 
       <div id="services-intro" data-section="services-intro">
         <SplitAbout
diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx
index 52fe26c..e820065 100644
--- a/src/app/faq/page.tsx
+++ b/src/app/faq/page.tsx
@@ -6,7 +6,6 @@ import FaqDouble from "@/components/sections/faq/FaqDouble";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import { MessageCircle } from "lucide-react";
-import Link from "next/link";
 
 export default function FAQPage() {
   const navItems = [
@@ -52,20 +51,6 @@ export default function FAQPage() {
     },
   ];
 
-  const CustomNavbarWrapper = () => (
-    <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-        navItems={navItems.map((item) => ({
-          name: item.name,
-          id: item.id,
-        }))}
-        button={{
-          text: "Jetzt anfragen",          href: "/kontakt"}}
-        brandName="KFZ Gutachter Berlin"
-      />
-    </div>
-  );
-
   return (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
@@ -79,7 +64,17 @@ export default function FAQPage() {
       secondaryButtonStyle="solid"
       headingFontWeight="normal"
     >
-      <CustomNavbarWrapper />
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={navItems.map((item) => ({
+            name: item.name,
+            id: item.id,
+          }))}
+          button={{
+            text: "Jetzt anfragen",            href: "/kontakt"}}
+          brandName="KFZ Gutachter Berlin"
+        />
+      </div>
 
       <div id="faq" data-section="faq">
         <FaqDouble
diff --git a/src/app/kontakt/page.tsx b/src/app/kontakt/page.tsx
index ae75773..e532a27 100644
--- a/src/app/kontakt/page.tsx
+++ b/src/app/kontakt/page.tsx
@@ -6,7 +6,6 @@ import ContactCTA from "@/components/sections/contact/ContactCTA";
 import SplitAbout from "@/components/sections/about/SplitAbout";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import { MapPin, Phone, Mail, Clock } from "lucide-react";
-import Link from "next/link";
 
 export default function ContactPage() {
   const navItems = [
@@ -52,20 +51,6 @@ export default function ContactPage() {
     },
   ];
 
-  const CustomNavbarWrapper = () => (
-    <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-        navItems={navItems.map((item) => ({
-          name: item.name,
-          id: item.id,
-        }))}
-        button={{
-          text: "Jetzt anfragen",          href: "/kontakt"}}
-        brandName="KFZ Gutachter Berlin"
-      />
-    </div>
-  );
-
   return (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
@@ -79,7 +64,17 @@ export default function ContactPage() {
       secondaryButtonStyle="solid"
       headingFontWeight="normal"
     >
-      <CustomNavbarWrapper />
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={navItems.map((item) => ({
+            name: item.name,
+            id: item.id,
+          }))}
+          button={{
+            text: "Jetzt anfragen",            href: "/kontakt"}}
+          brandName="KFZ Gutachter Berlin"
+        />
+      </div>
 
       <div id="contact-info" data-section="contact-info">
         <SplitAbout
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 755695c..49d6f6f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,6 @@ import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCar
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import { Award, CheckCircle, Clock, Shield, MapPin, Zap, Users, MessageCircle } from "lucide-react";
-import Link from "next/link";
 
 export default function HomePage() {
   const navItems = [
@@ -55,20 +54,6 @@ export default function HomePage() {
     },
   ];
 
-  const CustomNavbarWrapper = () => (
-    <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-        navItems={navItems.map((item) => ({
-          name: item.name,
-          id: item.id,
-        }))}
-        button={{
-          text: "Jetzt anfragen",          href: "/kontakt"}}
-        brandName="KFZ Gutachter Berlin"
-      />
-    </div>
-  );
-
   return (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
@@ -82,7 +67,17 @@ export default function HomePage() {
       secondaryButtonStyle="solid"
       headingFontWeight="normal"
     >
-      <CustomNavbarWrapper />
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={navItems.map((item) => ({
+            name: item.name,
+            id: item.id,
+          }))}
+          button={{
+            text: "Jetzt anfragen",            href: "/kontakt"}}
+          brandName="KFZ Gutachter Berlin"
+        />
+      </div>
 
       <div id="hero" data-section="hero">
         <HeroSplitTestimonial
@@ -91,7 +86,7 @@ export default function HomePage() {
           tag="Expertise seit 15 Jahren"
           tagIcon={Award}
           tagAnimation="slide-up"
-          background={{ variant: "plain" }}
+          background={{ variant: "circleGradient" }}
           imageSrc="http://img.b2bpic.net/free-photo/young-happy-couple-signing-documents-while-being-with-car-mechanic-repair-shop_637285-4257.jpg"
           imageAlt="Professionelle KFZ Begutachtung in Berlin"
           imagePosition="right"
diff --git a/src/app/preise/page.tsx b/src/app/preise/page.tsx
index 5d89cf5..1eeec88 100644
--- a/src/app/preise/page.tsx
+++ b/src/app/preise/page.tsx
@@ -7,7 +7,6 @@ import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/F
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import { MessageCircle, DollarSign, Clock, FileCheck } from "lucide-react";
-import Link from "next/link";
 
 export default function PricingPage() {
   const navItems = [
@@ -53,20 +52,6 @@ export default function PricingPage() {
     },
   ];
 
-  const CustomNavbarWrapper = () => (
-    <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-        navItems={navItems.map((item) => ({
-          name: item.name,
-          id: item.id,
-        }))}
-        button={{
-          text: "Jetzt anfragen",          href: "/kontakt"}}
-        brandName="KFZ Gutachter Berlin"
-      />
-    </div>
-  );
-
   return (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
@@ -80,7 +65,17 @@ export default function PricingPage() {
       secondaryButtonStyle="solid"
       headingFontWeight="normal"
     >
-      <CustomNavbarWrapper />
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={navItems.map((item) => ({
+            name: item.name,
+            id: item.id,
+          }))}
+          button={{
+            text: "Jetzt anfragen",            href: "/kontakt"}}
+          brandName="KFZ Gutachter Berlin"
+        />
+      </div>
 
       <div id="pricing-intro" data-section="pricing-intro">
         <MetricCardTwo
diff --git a/src/app/uber-uns/page.tsx b/src/app/uber-uns/page.tsx
index 86d7438..c5bc6f8 100644
--- a/src/app/uber-uns/page.tsx
+++ b/src/app/uber-uns/page.tsx
@@ -7,7 +7,6 @@ import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import { Briefcase, Award, Users, TrendingUp, MessageCircle } from "lucide-react";
-import Link from "next/link";
 
 export default function AboutPage() {
   const navItems = [
@@ -53,20 +52,6 @@ export default function AboutPage() {
     },
   ];
 
-  const CustomNavbarWrapper = () => (
-    <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-        navItems={navItems.map((item) => ({
-          name: item.name,
-          id: item.id,
-        }))}
-        button={{
-          text: "Jetzt anfragen",          href: "/kontakt"}}
-        brandName="KFZ Gutachter Berlin"
-      />
-    </div>
-  );
-
   return (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
@@ -80,7 +65,17 @@ export default function AboutPage() {
       secondaryButtonStyle="solid"
       headingFontWeight="normal"
     >
-      <CustomNavbarWrapper />
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={navItems.map((item) => ({
+            name: item.name,
+            id: item.id,
+          }))}
+          button={{
+            text: "Jetzt anfragen",            href: "/kontakt"}}
+          brandName="KFZ Gutachter Berlin"
+        />
+      </div>
 
       <div id="about-intro" data-section="about-intro">
         <SplitAbout