diff --git a/src/app/rome/page.tsx b/src/app/rome/page.tsx
index d640669..7567f3d 100644
--- a/src/app/rome/page.tsx
+++ b/src/app/rome/page.tsx
@@ -8,16 +8,19 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function RomePage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingInline
-            navItems={[
-                { name: "Home", id: "/" },
-                { name: "Rome", id: "/rome" },
-                { name: "Surrounding", id: "/surrounding-areas" }
-            ]}
-            brandName="B&R Lawn Maintenance LLC"
-        />
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+                navItems={[
+                    { name: "Home", id: "/" },
+                    { name: "Rome", id: "/rome" },
+                    { name: "Surrounding", id: "/surrounding-areas" }
+                ]}
+                brandName="B&R Lawn Maintenance LLC"
+                button={{ text: "Call Now", href: "tel:7069365088" }}
+            />
+        </div>
         <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
             <h1 className="text-4xl font-bold mb-6">Professional Lawn Care in Rome, GA</h1>
             <p className="text-lg mb-8">We are the premier choice for lawn maintenance in Rome. With local expertise and a 4.9-star rating, we provide top-tier service to all Rome residents.</p>
@@ -34,7 +37,9 @@ export default function RomePage() {
                 <p>Google Business Profile Map Placeholder (Rome, GA)</p>
             </div>
         </div>
-        <ContactCTA tag="Get Started" title="Hire Us in Rome" description="Professional yard results in Rome." buttons={[{text: "Call Now", href: "tel:7069365088"}]} />
+        <div id="contact" data-section="contact">
+            <ContactCTA tag="Get Started" title="Hire Us in Rome" description="Professional yard results in Rome." buttons={[{text: "Call Now", href: "tel:7069365088"}]} background={{ variant: "plain" }} useInvertedBackground={false} />
+        </div>
         <FooterBase columns={[]} logoText="B&R Lawn Maintenance LLC" />
       </ReactLenis>
     </ThemeProvider>
diff --git a/src/app/surrounding-areas/page.tsx b/src/app/surrounding-areas/page.tsx
index 9865b9e..7f733d9 100644
--- a/src/app/surrounding-areas/page.tsx
+++ b/src/app/surrounding-areas/page.tsx
@@ -8,16 +8,19 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function SurroundingAreasPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingInline
-            navItems={[
-                { name: "Home", id: "/" },
-                { name: "Rome", id: "/rome" },
-                { name: "Surrounding", id: "/surrounding-areas" }
-            ]}
-            brandName="B&R Lawn Maintenance LLC"
-        />
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+                navItems={[
+                    { name: "Home", id: "/" },
+                    { name: "Rome", id: "/rome" },
+                    { name: "Surrounding", id: "/surrounding-areas" }
+                ]}
+                brandName="B&R Lawn Maintenance LLC"
+                button={{ text: "Call Now", href: "tel:7069365088" }}
+            />
+        </div>
         <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
             <h1 className="text-4xl font-bold mb-6">Lawn Maintenance in Surrounding Areas</h1>
             <p className="text-lg mb-8">We extend our professional lawn care and yard maintenance services to the communities surrounding Rome, GA. If you live in Floyd County and need reliable yard help, we are here to serve you.</p>
@@ -32,7 +35,9 @@ export default function SurroundingAreasPage() {
                 <p>Area Map Placeholder (Surrounding Rome Communities)</p>
             </div>
         </div>
-        <ContactCTA tag="Get Started" title="Request a Quote" description="Proudly serving Rome and nearby towns." buttons={[{text: "Call Now", href: "tel:7069365088"}]} />
+        <div id="contact" data-section="contact">
+            <ContactCTA tag="Get Started" title="Request a Quote" description="Proudly serving Rome and nearby towns." buttons={[{text: "Call Now", href: "tel:7069365088"}]} background={{ variant: "plain" }} useInvertedBackground={false} />
+        </div>
         <FooterBase columns={[]} logoText="B&R Lawn Maintenance LLC" />
       </ReactLenis>
     </ThemeProvider>