Update src/app/statements/page.tsx

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>
+        <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>
+        <div id="footer" data-section="footer">
             <FooterLogoEmphasis 
                 logoText="BodaFund Sacco" 
                 columns={[]} 
             />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );