diff --git a/src/app/reviews/page.tsx b/src/app/reviews/page.tsx
index fe3dd62..2c2c6d6 100644
--- a/src/app/reviews/page.tsx
+++ b/src/app/reviews/page.tsx
@@ -8,41 +8,47 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
 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>
-        <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/#about" },
-            { name: "Services", id: "/#features" },
-            { name: "Reviews", id: "/reviews" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          brandName="Prestige Mobile Detailing"
-          button={{ text: "Book Now", href: "/contact" }}
-        />
-        <TestimonialCardSixteen
-          animationType="scale-rotate"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          title="Customer Reviews"
-          description="See what our customers have to say about our detailing services."
-          testimonials={[
-            { id: "1", name: "Sarah J.", role: "Client", company: "Local Driver", rating: 5 },
-            { id: "2", name: "Mark D.", role: "Client", company: "Commuter", rating: 5 },
-            { id: "3", name: "Emily R.", role: "Client", company: "Vehicle Owner", rating: 5 },
-            { id: "4", name: "Jason L.", role: "Client", company: "Luxury Collector", rating: 5 },
-            { id: "5", name: "Linda M.", role: "Client", company: "Family Driver", rating: 5 },
-          ]}
-          kpiItems={[{ value: "5.0", label: "Rating" }, { value: "50+", label: "Happy Clients" }, { value: "100%", label: "Satisfaction" }]}
-        />
-        <FooterBaseCard
-          logoText="Prestige Mobile Detailing"
-          columns={[
-            { title: "Company", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/#features" }] },
-            { title: "Support", items: [{ label: "Reviews", href: "/reviews" }, { label: "Contact", href: "/contact" }] },
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/#about" },
+              { name: "Services", id: "/#features" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Prestige Mobile Detailing"
+            button={{ text: "Book Now", href: "/contact" }}
+          />
+        </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Customer Reviews"
+            description="See what our customers have to say about our detailing services."
+            testimonials={[
+              { id: "1", name: "Sarah J.", role: "Client", company: "Local Driver", rating: 5 },
+              { id: "2", name: "Mark D.", role: "Client", company: "Commuter", rating: 5 },
+              { id: "3", name: "Emily R.", role: "Client", company: "Vehicle Owner", rating: 5 },
+              { id: "4", name: "Jason L.", role: "Client", company: "Luxury Collector", rating: 5 },
+              { id: "5", name: "Linda M.", role: "Client", company: "Family Driver", rating: 5 },
+            ]}
+            kpiItems={[{ value: "5.0", label: "Rating" }, { value: "50+", label: "Happy Clients" }, { value: "100%", label: "Satisfaction" }]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Prestige Mobile Detailing"
+            columns={[
+              { title: "Company", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/#features" }] },
+              { title: "Support", items: [{ label: "Reviews", href: "/reviews" }, { label: "Contact", href: "/contact" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );