Update src/app/reports/page.tsx

src/app/reports/page.tsx

@@ -2,139 +2,36 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
-export default function LandingPage() {
+export default function ReportsPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="expand-hover"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
-        contentWidth="medium"
-        sizing="largeSmall"
-        background="circleGradient"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="medium"
-    >
+    <ThemeProvider>
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Dashboard",
-          id: "/",
-        },
-        {
-          name: "Equipment",
-          id: "/equipment",
-        },
-        {
-          name: "Analytics",
-          id: "/analytics",
-        },
-        {
-          name: "Reports",
-          id: "/reports",
-        },
-        {
-          name: "Settings",
-          id: "/settings",
-        },
-        {
-          name: "Admin",
-          id: "/admin",
-        },
-      ]}
-      brandName="OEE-RealTime"
-    />
-  </div>
-
-  <div id="reports-settings" data-section="reports-settings">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "r1",
-          title: "Download Daily OEE",
-          content: "Generate and export reports in CSV or PDF format.",
-        },
-        {
-          id: "r2",
-          title: "Configure Schedule",
-          content: "Set automated reporting intervals.",
-        },
-        {
-          id: "r3",
-          title: "History Access",
-          content: "Retrieve historical log archives for analysis.",
-        },
-      ]}
-      title="Reports and Exports"
-      description="Generate custom audit logs and performance reports."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="blog" data-section="blog">
-      <BlogCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Reporting Guides"
-      description="Master our analytics toolset."
-      blogs={[
-        {
-          id: "b1",
-          category: "Guide",
-          title: "Audit Compliance",
-          excerpt: "Streamlining logs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898145.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/escalator-building_23-2149397595.jpg",
-          date: "Oct 2024",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Dashboard",
-              href: "/",
-            },
-            {
-              label: "Equipment Status",
-              href: "/equipment",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Advanced Analytics",
-              href: "/analytics",
-            },
-            {
-              label: "Admin Panel",
-              href: "/admin",
-            },
-          ],
-        },
-      ]}
-      logoText="OEE-RealTime"
-    />
-  </div>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Dashboard", id: "/" },
+                { name: "Equipment", id: "/equipment" },
+                { name: "Analytics", id: "/analytics" },
+                { name: "Reports", id: "/reports" },
+                { name: "Settings", id: "/settings" },
+                { name: "Admin", id: "/admin" },
+            ]}
+            brandName="OEE-RealTime"
+        />
+        <main className="pt-32 pb-20 px-6 max-w-7xl mx-auto">
+          <h1 className="text-4xl font-bold mb-8">Reports & Data Export</h1>
+          <div className="grid gap-6 p-8 border rounded-lg">
+            <p>Access your production data reports and configure automated exports.</p>
+            <button className="px-6 py-3 bg-primary text-white rounded-md w-fit">Export CSV Data</button>
+          </div>
+        </main>
+        <FooterLogoEmphasis
+            columns={[{ items: [{ label: "Dashboard", href: "/" }] }]}
+            logoText="OEE-RealTime"
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}