Add src/app/admin/blogs/page.tsx

src/app/admin/blogs/page.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+export default function AdminBlogsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="compact"
+        sizing="mediumLargeSizeLargeTitles"
+        background="blurBottom"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Admin Panel", id: "/admin" },
+              { name: "Reservations", id: "/admin/reservations" },
+              { name: "Orders", id: "/admin/orders" },
+              { name: "Menu", id: "/admin/menu" },
+              { name: "Events", id: "/admin/events" },
+              { name: "Blogs", id: "/admin/blogs" },
+              { name: "Customers", id: "/admin/customers" }
+            ]}
+            brandName="ReservaFlow Admin"
+            button={{ text: "Logout", href: "#" }}
+          />
+        </div>
+
+        <main className="container mx-auto p-8">
+          <h1 className="text-4xl font-bold mb-8">Blogs Management</h1>
+          <p className="text-lg">This page will contain features for creating and managing blog posts.</p>
+          {/* Admin Blogs management features go here */}
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}