src/app/admin/content-management/page.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import { Instagram } from "lucide-react";
+
+export default function ContentManagementPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="largeSmallSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "الرئيسية", id: "#home" },
+              { name: "الفروع", id: "#branches" },
+              { name: "اتصل بنا", id: "#contact" },
+              { name: "لوحة التحكم", id: "/admin/dashboard" },
+              { name: "إدارة المستخدمين", id: "/admin/user-management" },
+              { name: "إدارة المحتوى", id: "/admin/content-management" }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F2KYu38pgJejdSj5qtWYdWRsaz/uploaded-1781268348479-pwacc9ar.jpg"
+            logoAlt="Khairat Al-Quds Supermarket Logo"
+            brandName="خيرات القدس — سوبر ماركت"
+          />
+        </div>
+        <main className="container mx-auto p-8">
+          <h1 className="text-4xl font-bold mb-4">إدارة المحتوى</h1>
+          <p className="text-lg">من هنا يمكنك تحديث وإنشاء المحتوى الخاص بموقعك، بما في ذلك العروض والأخبار.</p>
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/admin/dashboard/page.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import { Instagram } from "lucide-react";
+
+export default function AdminDashboardPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="largeSmallSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "الرئيسية", id: "#home" },
+              { name: "الفروع", id: "#branches" },
+              { name: "اتصل بنا", id: "#contact" },
+              { name: "لوحة التحكم", id: "/admin/dashboard" },
+              { name: "إدارة المستخدمين", id: "/admin/user-management" },
+              { name: "إدارة المحتوى", id: "/admin/content-management" }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F2KYu38pgJejdSj5qtWYdWRsaz/uploaded-1781268348479-pwacc9ar.jpg"
+            logoAlt="Khairat Al-Quds Supermarket Logo"
+            brandName="خيرات القدس — سوبر ماركت"
+          />
+        </div>
+        <main className="container mx-auto p-8">
+          <h1 className="text-4xl font-bold mb-4">لوحة التحكم</h1>
+          <p className="text-lg">مرحباً بك في لوحة تحكم الإدارة. يمكنك من هنا الوصول إلى جميع أدوات الإدارة.</p>
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/admin/login/page.tsx

@@ -0,0 +1,86 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import React, { useState } from 'react';
+
+export default function AdminLoginPage() {
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    console.log('Login attempt with:', { email, password });
+    // In a real application, this would send credentials to an API
+    // For now, redirect to admin dashboard on "success"
+    window.location.href = '/admin/dashboard';
+  };
+
+  const navItems = [
+    { name: "الرئيسية", id: "#home" },
+    { name: "الفروع", id: "#branches" },
+    { name: "اتصل بنا", id: "#contact" },
+    { name: "Admin Login", id: "/admin/login" },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="largeSmallSizeMediumTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={navItems}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F2KYu38pgJejdSj5qtWYdWRsaz/uploaded-1781268348479-pwacc9ar.jpg"
+            logoAlt="Khairat Al-Quds Supermarket Logo"
+            brandName="خيرات القدس — سوبر ماركت"
+          />
+        </div>
+
+        <main className="min-h-screen flex flex-col items-center justify-center p-4">
+          <div className="bg-card p-8 rounded-lg shadow-lg max-w-md w-full text-center">
+            <h1 className="text-3xl font-bold text-foreground mb-6">Admin Login</h1>
+            <form onSubmit={handleSubmit} className="space-y-4">
+              <div>
+                <input
+                  type="email"
+                  placeholder="Email"
+                  className="w-full p-3 rounded-md bg-background-accent text-foreground border border-accent focus:outline-none focus:ring-2 focus:ring-primary-cta"
+                  value={email}
+                  onChange={(e) => setEmail(e.target.value)}
+                  required
+                />
+              </div>
+              <div>
+                <input
+                  type="password"
+                  placeholder="Password"
+                  className="w-full p-3 rounded-md bg-background-accent text-foreground border border-accent focus:outline-none focus:ring-2 focus:ring-primary-cta"
+                  value={password}
+                  onChange={(e) => setPassword(e.target.value)}
+                  required
+                />
+              </div>
+              <button
+                type="submit"
+                className="w-full bg-primary-cta text-white p-3 rounded-md hover:bg-opacity-90 transition-opacity"
+              >
+                Login
+              </button>
+            </form>
+          </div>
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/admin/user-management/page.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import { Instagram } from "lucide-react";
+
+export default function UserManagementPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="largeSmallSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "الرئيسية", id: "#home" },
+              { name: "الفروع", id: "#branches" },
+              { name: "اتصل بنا", id: "#contact" },
+              { name: "لوحة التحكم", id: "/admin/dashboard" },
+              { name: "إدارة المستخدمين", id: "/admin/user-management" },
+              { name: "إدارة المحتوى", id: "/admin/content-management" }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F2KYu38pgJejdSj5qtWYdWRsaz/uploaded-1781268348479-pwacc9ar.jpg"
+            logoAlt="Khairat Al-Quds Supermarket Logo"
+            brandName="خيرات القدس — سوبر ماركت"
+          />
+        </div>
+        <main className="container mx-auto p-8">
+          <h1 className="text-4xl font-bold mb-4">إدارة المستخدمين</h1>
+          <p className="text-lg">هنا يمكنك إدارة حسابات المستخدمين، إضافة مستخدمين جدد أو تعديل الأذونات.</p>
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -33,6 +33,12 @@ export default function LandingPage() {
           name: "الفروع",          id: "#branches"},
         {
           name: "اتصل بنا",          id: "#contact"},
+        {
+          name: "لوحة التحكم",          id: "/admin/dashboard"},
+        {
+          name: "إدارة المستخدمين",          id: "/admin/user-management"},
+        {
+          name: "إدارة المحتوى",          id: "/admin/content-management"},
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F2KYu38pgJejdSj5qtWYdWRsaz/uploaded-1781268348479-pwacc9ar.jpg"
       logoAlt="Khairat Al-Quds Supermarket Logo"
@@ -119,4 +125,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}