diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index add36a7..0355efd 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -10,11 +10,11 @@ import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 
 const navItems = [
-  { name: "Home", id: "home" },
-  { name: "About", id: "about" },
-  { name: "Services", id: "services" },
-  { name: "Leadership", id: "leadership" },
-  { name: "Contact", id: "contact" },
+  { name: "Home", id: "/" },
+  { name: "About", id: "/about" },
+  { name: "Services", id: "/services" },
+  { name: "Leadership", id: "/leadership" },
+  { name: "Contact", id: "/contact" },
 ];
 
 const footerColumns = [
@@ -139,7 +139,7 @@ export default function AboutPage() {
               id: "metric-4",              title: "Client Success Rate",              subtitle: "Executive Satisfaction",              category: "Verified",              value: "98%"},
           ]}
           animationType="slide-up"
-          textboxLayout="centered"
+          textboxLayout="default"
           useInvertedBackground={false}
           containerClassName="max-w-7xl mx-auto px-4"
           titleClassName="text-4xl md:text-5xl font-extrabold mb-4"
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 93b0881..4ad7eb6 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,103 +1,52 @@
 "use client";
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import Link from "next/link";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Mail } from "lucide-react";
 
 export default function ContactPage() {
   const navItems = [
-    { name: "Home", id: "home" },
-    { name: "About", id: "about" },
-    { name: "Services", id: "services" },
-    { name: "Leadership", id: "leadership" },
-    { name: "Contact", id: "contact" },
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Services", id: "/services" },
+    { name: "Leadership", id: "/leadership" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Services",
-      items: [
-        {
-          label: "Strategic Planning",
-          href: "/services",
-        },
-        {
-          label: "Executive Coaching",
-          href: "/services",
-        },
-        {
-          label: "Operations Optimization",
-          href: "/services",
-        },
-        {
-          label: "Leadership Development",
-          href: "/services",
-        },
+      title: "Services",      items: [
+        { label: "Strategic Planning", href: "/services" },
+        { label: "Executive Coaching", href: "/services" },
+        { label: "Operations Optimization", href: "/services" },
+        { label: "Leadership Development", href: "/services" },
       ],
     },
     {
-      title: "Company",
-      items: [
-        {
-          label: "About Us",
-          href: "/about",
-        },
-        {
-          label: "Leadership Team",
-          href: "/leadership",
-        },
-        {
-          label: "Case Studies",
-          href: "/services",
-        },
-        {
-          label: "Contact",
-          href: "/contact",
-        },
+      title: "Company",      items: [
+        { label: "About Us", href: "/about" },
+        { label: "Leadership Team", href: "/leadership" },
+        { label: "Case Studies", href: "/services" },
+        { label: "Contact", href: "/contact" },
       ],
     },
     {
-      title: "Resources",
-      items: [
-        {
-          label: "Executive Insights",
-          href: "#",
-        },
-        {
-          label: "Industry Reports",
-          href: "#",
-        },
-        {
-          label: "Strategic Framework",
-          href: "#",
-        },
-        {
-          label: "Thought Leadership",
-          href: "#",
-        },
+      title: "Resources",      items: [
+        { label: "Executive Insights", href: "#" },
+        { label: "Industry Reports", href: "#" },
+        { label: "Strategic Framework", href: "#" },
+        { label: "Thought Leadership", href: "#" },
       ],
     },
     {
-      title: "Legal",
-      items: [
-        {
-          label: "Privacy Policy",
-          href: "#",
-        },
-        {
-          label: "Terms of Service",
-          href: "#",
-        },
-        {
-          label: "Cookie Policy",
-          href: "#",
-        },
-        {
-          label: "Compliance",
-          href: "#",
-        },
+      title: "Legal",      items: [
+        { label: "Privacy Policy", href: "#" },
+        { label: "Terms of Service", href: "#" },
+        { label: "Cookie Policy", href: "#" },
+        { label: "Compliance", href: "#" },
       ],
     },
   ];
@@ -109,7 +58,7 @@ export default function ContactPage() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="mediumSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="gradient-radial"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="layered"
@@ -127,12 +76,10 @@ export default function ContactPage() {
       <div id="contact" data-section="contact">
         <ContactCenter
           tag="Get In Touch"
-          tagIcon="Mail"
+          tagIcon={Mail}
           title="Connect With Our Executive Team"
           description="Ready to transform your organization? Schedule a strategic consultation with our executive advisors."
-          background={{
-            variant: "noise",
-          }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your email address"
           buttonText="Start Consultation"
diff --git a/src/app/leadership/page.tsx b/src/app/leadership/page.tsx
index 091959f..3a4ac2d 100644
--- a/src/app/leadership/page.tsx
+++ b/src/app/leadership/page.tsx
@@ -12,11 +12,11 @@ import { Mail, Award, Users, TrendingUp } from "lucide-react";
 
 export default function LeadershipPage() {
   const navItems = [
-    { name: "Home", id: "home" },
-    { name: "About", id: "about" },
-    { name: "Services", id: "services" },
-    { name: "Leadership", id: "leadership" },
-    { name: "Contact", id: "contact" },
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Services", id: "/services" },
+    { name: "Leadership", id: "/leadership" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
@@ -125,7 +125,7 @@ export default function LeadershipPage() {
               id: "expertise-4",              title: "Industry Recognition",              subtitle: "Awards & Certifications",              category: "Awarded",              value: "35+"},
           ]}
           animationType="slide-up"
-          textboxLayout="centered"
+          textboxLayout="default"
           useInvertedBackground={false}
           containerClassName="max-w-7xl mx-auto px-4"
           titleClassName="text-4xl md:text-5xl font-extrabold mb-4"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 636c6bb..5d26868 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,11 +15,11 @@ import Link from "next/link";
 
 export default function HomePage() {
   const navItems = [
-    { name: "Home", id: "home" },
-    { name: "About", id: "about" },
-    { name: "Services", id: "services" },
-    { name: "Leadership", id: "leadership" },
-    { name: "Contact", id: "contact" },
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Services", id: "/services" },
+    { name: "Leadership", id: "/leadership" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
@@ -204,7 +204,7 @@ export default function HomePage() {
               id: "metric-4",              title: "Years of Experience",              subtitle: "Industry Excellence",              category: "Combined",              value: "125+"},
           ]}
           animationType="slide-up"
-          textboxLayout="centered"
+          textboxLayout="default"
           useInvertedBackground={false}
           containerClassName="max-w-7xl mx-auto px-4"
           titleClassName="text-4xl md:text-5xl font-extrabold mb-4"
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 0a6760b..7c4d5a7 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -12,11 +12,11 @@ import { Zap, HelpCircle, Mail, TrendingUp } from "lucide-react";
 
 export default function ServicesPage() {
   const navItems = [
-    { name: "Home", id: "home" },
-    { name: "About", id: "about" },
-    { name: "Services", id: "services" },
-    { name: "Leadership", id: "leadership" },
-    { name: "Contact", id: "contact" },
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Services", id: "/services" },
+    { name: "Leadership", id: "/leadership" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
@@ -127,7 +127,7 @@ export default function ServicesPage() {
               id: "metric-4",              title: "Client Retention",              subtitle: "Long-term Partnerships",              category: "Rate",              value: "92%"},
           ]}
           animationType="slide-up"
-          textboxLayout="centered"
+          textboxLayout="default"
           useInvertedBackground={false}
           containerClassName="max-w-7xl mx-auto px-4"
           titleClassName="text-4xl md:text-5xl font-extrabold mb-4"