Add src/app/admin/page.tsx

src/app/admin/page.tsx

@@ -0,0 +1,105 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+
+export default function AdminDashboardPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="large"
+        background="circleGradient"
+        cardStyle="outline"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              {
+                name: "Home",                id: "/"
+              },
+              {
+                name: "About",                id: "#about"
+              },
+              {
+                name: "Services",                id: "#services"
+              },
+              {
+                name: "Products",                id: "#products"
+              },
+              {
+                name: "Pricing",                id: "#pricing"
+              },
+              {
+                name: "FAQ",                id: "#faq"
+              },
+              {
+                name: "Contact",                id: "#contact"
+              },
+              {
+                name: "Admin Dashboard",                id: "/admin"
+              }
+            ]}
+            button={{
+              text: "Get in Touch",              href: "#contact"
+            }}
+            logoSrc="http://img.b2bpic.net/free-vector/letter-b-luxury-brand-logo_1035-8689.jpg"
+            brandName="16 Av. de Blossac"
+          />
+        </div>
+
+        <main className="container mx-auto p-8 pt-24 min-h-screen">
+          <h1 className="text-4xl font-bold mb-8">Admin Dashboard</h1>
+          <p className="text-lg mb-12">Manage your restaurant operations, view analytics, update menus, and configure system settings.</p>
+
+          <section className="mb-12">
+            <h2 className="text-3xl font-semibold mb-4">Restaurant Management</h2>
+            <p className="text-md">Overview of daily operations, table management, staff scheduling, and order fulfillment tracking.</p>
+            <ul className="list-disc list-inside mt-2 text-md">
+              <li>Manage reservations</li>
+              <li>Track current orders</li>
+              <li>Assign staff roles</li>
+            </ul>
+          </section>
+
+          <section className="mb-12">
+            <h2 className="text-3xl font-semibold mb-4">Analytics & Reporting</h2>
+            <p className="text-md">Access key performance indicators, sales reports, customer insights, and operational efficiency metrics.</p>
+            <ul className="list-disc list-inside mt-2 text-md">
+              <li>View sales trends</li>
+              <li>Analyze customer feedback</li>
+              <li>Monitor inventory levels</li>
+            </ul>
+          </section>
+
+          <section className="mb-12">
+            <h2 className="text-3xl font-semibold mb-4">Menu Management</h2>
+            <p className="text-md">Effortlessly update your food and drink menus, add new items, modify prices, and manage categories.</p>
+            <ul className="list-disc list-inside mt-2 text-md">
+              <li>Add/edit menu items</li>
+              <li>Update pricing</li>
+              <li>Organize categories</li>
+            </ul>
+          </section>
+
+          <section className="mb-12">
+            <h2 className="text-3xl font-semibold mb-4">System Configuration</h2>
+            <p className="text-md">Configure application settings, user permissions, payment integrations, and notification preferences.</p>
+            <ul className="list-disc list-inside mt-2 text-md">
+              <li>Manage user accounts</li>
+              <li>Set payment gateways</li>
+              <li>Customize notifications</li>
+            </ul>
+          </section>
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}