src/app/about/page.tsx

@@ -9,7 +9,7 @@ import { Shield } from "lucide-react";
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarStyleApple
           navItems={[

src/app/contact/page.tsx

@@ -9,7 +9,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarStyleApple
             navItems={[
@@ -24,12 +24,15 @@ export default function ContactPage() {
                 title="Book Your Field Study"
                 description="Fill out the form below to request an engineering consultation."
                 inputs={[{ name: "name", type: "text", placeholder: "Full Name", required: true }, { name: "phone", type: "tel", placeholder: "Phone", required: true }]}
+                useInvertedBackground={false}
             />
         </div>
         <div id="faq" data-section="faq">
             <FaqSplitText
+                sideTitle="Frequently Asked Questions"
                 faqs={[{ id: "1", title: "How do I book?", content: "Fill the form above." }]}
                 faqsAnimation="slide-up"
+                useInvertedBackground={false}
             />
         </div>
         <FooterBaseReveal

src/app/projects/page.tsx

@@ -9,7 +9,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function ProjectsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarStyleApple
             navItems={[
@@ -38,10 +38,6 @@ export default function ProjectsPage() {
                 author="Client"
                 ratingAnimation="slide-up"
                 avatarsAnimation="slide-up"
-                kpiItems={[{ value: "100", label: "Projects" }, { value: "50", label: "Clients" }, { value: "10", label: "Awards" }]} 
-                title="Client Voices"
-                description="Hear what our partners say about us."
-                animationType="slide-up"
             />
         </div>
         <FooterBaseReveal

src/app/services/page.tsx

@@ -9,7 +9,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 
 export default function ServicesPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarStyleApple
           navItems={[
@@ -23,6 +23,7 @@ export default function ServicesPage() {
           <FeatureCardTwentyEight
             animationType="slide-up"
             textboxLayout="split"
+            useInvertedBackground={false}
             features={[
               { id: "s1", title: "Hydrogeological Studies", subtitle: "Deep analysis of groundwater.", category: "Exploration", value: "High Accuracy" },
               { id: "s2", title: "Well Drilling Supervision", subtitle: "End-to-end management.", category: "Supervision", value: "Compliance" }
@@ -35,6 +36,7 @@ export default function ServicesPage() {
           <MetricCardFourteen
             title="Impact Metrics"
             tag="Performance"
+            useInvertedBackground={false}
             metrics={[
               { id: "m1", value: "500+", description: "Projects Served" },
               { id: "m2", value: "120", description: "Happy Clients" }