diff --git a/src/app/testimonials/page.tsx b/src/app/testimonials/page.tsx
index 49ab6c2..09bc099 100644
--- a/src/app/testimonials/page.tsx
+++ b/src/app/testimonials/page.tsx
@@ -7,27 +7,32 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 
 export default function ReviewsPage() {
   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>
-        <NavbarLayoutFloatingOverlay
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
             navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Reviews", id: "/testimonials" }, { name: "Contact", id: "/contact" }]}
             brandName="Flashing Roofing"
             button={{ text: "Get Estimate", href: "/contact" }}
-        />
-        <div className="pt-32">
-            <TestimonialCardOne
-              animationType="slide-up"
-              textboxLayout="default"
-              gridVariant="three-columns-all-equal-width"
-              title="Customer Reviews"
-              description="See what our clients say about our services."
-              testimonials={[]}
-            />
+          />
+        </div>
+        <div id="testimonials" data-section="testimonials" className="pt-32">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            title="Customer Reviews"
+            description="See what our clients say about our services."
+            testimonials={[]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[]}
+            logoText="Flashing Roofing"
+          />
         </div>
-        <FooterLogoEmphasis
-          columns={[]}
-          logoText="Flashing Roofing"
-        />
       </ReactLenis>
     </ThemeProvider>
   );