Update src/app/tournaments/page.tsx

src/app/tournaments/page.tsx

@@ -7,28 +7,32 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function TournamentsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" 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: "Tournaments", id: "/tournaments" },
-            { name: "Admin", id: "/admin" },
-          ]}
-          brandName="ClanForce"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Tournaments", id: "/tournaments" },
+              { name: "Admin", id: "/admin" },
+            ]}
+            brandName="ClanForce"
+            button={{ text: "Register" }}
+          />
+        </div>
         <main className="pt-32 pb-20 px-6 max-w-7xl mx-auto min-h-screen">
           <h1 className="text-5xl font-bold mb-8">Tournament Hub</h1>
           <p className="text-xl mb-12 text-muted-foreground">Browse active tournaments, view brackets, and manage your team's entry.</p>
           <div className="grid gap-8">
-            {/* Placeholder for Tournament Listing/Management Components */}
             <div className="p-8 border rounded-xl shadow-sm">
               <h2 className="text-2xl font-semibold mb-4">Active Tournaments</h2>
               <p>Tournament listings and bracket visualizations will appear here.</p>
             </div>
           </div>
         </main>
-        <FooterBase logoText="ClanForce" columns={[]} />
+        <div id="footer" data-section="footer">
+          <FooterBase logoText="ClanForce" columns={[]} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );