Add src/app/reports/page.tsx

src/app/reports/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import React from "react";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function ReportsPage() {
+    const navItems = [
+        { name: "Özellikler", id: "features" },
+        { name: "Fiyatlandırma", id: "pricing" },
+        { name: "İzlenebilirlik", id: "traceability" },
+        { name: "Günlükler", id: "/logs" },
+        { name: "Hareketler", id: "/movements" },
+        { name: "Raporlar", id: "/reports" },
+        { name: "Hakkımızda", id: "about" },
+        { name: "Varyasyonlar", id: "/product-variations" },
+        { name: "Üretim", id: "/production" },
+        { name: "Reçeteler", id: "/recipes" },
+        { name: "Yönetim Paneli", id: "/superadmin" },
+        { name: "İletişim", id: "contact" }
+    ];
+
+    return (
+        <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="gradient-bordered" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" headingFontWeight="medium">
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Stokify"
+                    button={{ text: "Hemen Başla", href: "#contact" }}
+                />
+                <main className="container mx-auto px-4 py-16 min-h-[calc(100vh-100px)] flex flex-col items-center justify-center text-center">
+                    <h1 className="text-4xl font-bold mb-4">Raporlar</h1>
+                    <p className="text-lg text-gray-600">Kapsamlı stok ve envanter raporları bu sayfada oluşturulacaktır.</p>
+                </main>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}