src/app/reports/page.tsx

@@ -1,9 +1,7 @@
 "use client";
 
-import { useState } from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import { Button } from "@/components/ui/button";
 
 export default function ReportsPage() {
   return (
@@ -19,16 +17,18 @@ export default function ReportsPage() {
         secondaryButtonStyle="layered"
         headingFontWeight="medium"
     >
-      <NavbarLayoutFloatingOverlay
-        navItems={[
-            { name: "Home", id: "/" },
-            { name: "Our Story", id: "/#about" },
-            { name: "Products", id: "/#products" },
-            { name: "Contact", id: "/#contact" },
-            { name: "Reports", id: "/reports" },
-        ]}
-        brandName="HIVE COFFEE"
-      />
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          navItems={[
+              { name: "Home", id: "/" },
+              { name: "Our Story", id: "/#about" },
+              { name: "Products", id: "/#products" },
+              { name: "Contact", id: "/#contact" },
+              { name: "Reports", id: "/reports" },
+          ]}
+          brandName="HIVE COFFEE"
+        />
+      </div>
       <main className="pt-32 pb-20 px-6 container mx-auto">
         <h1 className="text-4xl font-bold mb-8">Attendance Reports</h1>
         <div className="grid gap-6">
@@ -49,7 +49,12 @@ export default function ReportsPage() {
                     <label className="text-sm">Employee</label>
                     <input type="text" placeholder="Search name..." className="p-2 border rounded" />
                 </div>
-                <Button onClick={() => alert("Exporting report...")}>Export CSV</Button>
+                <button 
+                    onClick={() => alert("Exporting report...")} 
+                    className="px-4 py-2 bg-primary text-primary-foreground rounded-md hover:opacity-90"
+                >
+                    Export CSV
+                </button>
             </div>
             <div className="bg-card p-6 rounded-xl shadow-sm border">
                 <p className="text-center text-muted-foreground">No records found for current filters.</p>
@@ -58,4 +63,4 @@ export default function ReportsPage() {
       </main>
     </ThemeProvider>
   );
-}
+}