diff --git a/src/app/about-us/page.tsx b/src/app/about-us/page.tsx
index 0857bf1..723fafd 100644
--- a/src/app/about-us/page.tsx
+++ b/src/app/about-us/page.tsx
@@ -11,9 +11,22 @@ export default function AboutUsPage() {
     { name: "Learn More", id: "/learn-more" },
   ];
   return (
-    <ThemeProvider>
-      <NavbarStyleCentered navItems={navItems} brandName="Tim Scholl Plumbing" />
-      <div style={{ paddingTop: "100px" }}>
+    <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">
+        <NavbarStyleCentered navItems={navItems} brandName="Tim Scholl Plumbing" />
+      </div>
+      <div id="about" data-section="about">
         <TextAbout 
             title="About Tim Scholl Plumbing"
             useInvertedBackground={false}
diff --git a/src/app/learn-more/page.tsx b/src/app/learn-more/page.tsx
index 069ffd2..2897e0c 100644
--- a/src/app/learn-more/page.tsx
+++ b/src/app/learn-more/page.tsx
@@ -11,9 +11,22 @@ export default function LearnMorePage() {
     { name: "Learn More", id: "/learn-more" },
   ];
   return (
-    <ThemeProvider>
-      <NavbarStyleCentered navItems={navItems} brandName="Tim Scholl Plumbing" />
-      <div style={{ paddingTop: "100px" }}>
+    <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">
+        <NavbarStyleCentered navItems={navItems} brandName="Tim Scholl Plumbing" />
+      </div>
+      <div id="features" data-section="features">
         <FeatureHoverPattern 
             title="Why Choose Us?"
             description="Quality plumbing services that make a difference."
diff --git a/src/app/schedule-service/page.tsx b/src/app/schedule-service/page.tsx
index 683b421..9e043a5 100644
--- a/src/app/schedule-service/page.tsx
+++ b/src/app/schedule-service/page.tsx
@@ -11,9 +11,22 @@ export default function ScheduleServicePage() {
     { name: "Learn More", id: "/learn-more" },
   ];
   return (
-    <ThemeProvider>
-      <NavbarStyleCentered navItems={navItems} brandName="Tim Scholl Plumbing" />
-      <div style={{ paddingTop: "100px" }}>
+    <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">
+        <NavbarStyleCentered navItems={navItems} brandName="Tim Scholl Plumbing" />
+      </div>
+      <div id="contact" data-section="contact">
         <ContactSplitForm 
             title="Schedule Your Service"
             description="Tell us about your plumbing needs and we will get back to you."