From c624be49654ba7a77f2fd3a0ed1d0c413af574e1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 10 May 2026 09:35:42 +0000
Subject: [PATCH] Update src/app/statements/page.tsx

---
 src/app/statements/page.tsx | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/app/statements/page.tsx b/src/app/statements/page.tsx
index ec8e75e..ab0bfc3 100644
--- a/src/app/statements/page.tsx
+++ b/src/app/statements/page.tsx
@@ -14,15 +14,18 @@ export default function SaccoStatementsPage() {
   ]);
 
   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
-            navItems={[
-                { name: "Home", id: "/" },
-                { name: "Statements", id: "/statements" }
-            ]}
-            brandName="BodaFund Sacco"
-        />
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+                navItems={[
+                    { name: "Home", id: "/" },
+                    { name: "Loan Balances", id: "/loan-balances" },
+                    { name: "Statements", id: "/statements" }
+                ]}
+                brandName="BodaFund Sacco"
+            />
+        </div>
         <main className="container mx-auto py-20 px-6">
           <h1 className="text-4xl font-bold mb-8">Account Statements</h1>
           <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
@@ -55,10 +58,12 @@ export default function SaccoStatementsPage() {
             </div>
           </div>
         </main>
-        <FooterLogoEmphasis 
-            logoText="BodaFund Sacco" 
-            columns={[]} 
-        />
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis 
+                logoText="BodaFund Sacco" 
+                columns={[]} 
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );