Update src/app/page.tsx

Merge version_3 into main

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

@@ -3,14 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import { Instagram } from "lucide-react";
 
 export default function LandingPage() {
@@ -33,14 +29,18 @@ export default function LandingPage() {
       navItems={[
         {
           name: "الرئيسية",          id: "#home"},
-        {
-          name: "المنتجات",          id: "#products"},
         {
           name: "الفروع",          id: "#branches"},
         {
           name: "اتصل بنا",          id: "#contact"},
+        {
+          name: "لوحة التحكم",          id: "/admin/dashboard"},
+        {
+          name: "إدارة المستخدمين",          id: "/admin/user-management"},
+        {
+          name: "إدارة المحتوى",          id: "/admin/content-management"},
       ]}
-      logoSrc="http://img.b2bpic.net/free-vector/supermarket-labels-template-design_23-2149355753.jpg"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F2KYu38pgJejdSj5qtWYdWRsaz/uploaded-1781268348479-pwacc9ar.jpg"
       logoAlt="Khairat Al-Quds Supermarket Logo"
       brandName="خيرات القدس — سوبر ماركت"
     />
@@ -54,7 +54,7 @@ export default function LandingPage() {
       description="اكتشف أفضل العروض والخصومات اليومية على منتجات البقالة والمنزل. تسوق بذكاء ووفر أكثر!"
       buttons={[
         {
-          text: "تصفح العروض",          href: "#products"},
+          text: "تصفح العروض",          href: "#branches"},
         {
           text: "اعثر على أقرب فرع",          href: "#branches"},
       ]}
@@ -64,60 +64,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",          brand: "منتجات خيرات القدس",          name: "تفاح طازج",          price: "₪ 5.99",          rating: 5,
-          reviewCount: "250",          imageSrc: "http://img.b2bpic.net/free-photo/various-strawberries-with-display-price-from-local-farmer-market_23-2147920842.jpg",          imageAlt: "Fresh Apples"},
-        {
-          id: "p2",          brand: "منتجات الألبان",          name: "حليب طازج (1 لتر)",          price: "₪ 7.50",          rating: 4,
-          reviewCount: "180",          imageSrc: "http://img.b2bpic.net/free-photo/three-bottles-milk-cactus-clouds_116380-27.jpg",          imageAlt: "Fresh Milk"},
-        {
-          id: "p3",          brand: "مخبوزات يومية",          name: "خبز أسمر",          price: "₪ 3.25",          rating: 5,
-          reviewCount: "320",          imageSrc: "http://img.b2bpic.net/free-photo/loaves-bread-with-price-tag_23-2147975216.jpg",          imageAlt: "Whole Wheat Bread"},
-        {
-          id: "p4",          brand: "منظفات المنزل",          name: "سائل غسيل الأطباق",          price: "₪ 12.99",          rating: 4,
-          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/photo-frightened-janitor-with-bugged-eyes-carries-broom-wears-protective-gloves-sweeps-floor-hotel_273609-25254.jpg",          imageAlt: "Dishwashing Liquid"},
-        {
-          id: "p5",          brand: "أغذية معلبة",          name: "علب تونة",          price: "₪ 8.75",          rating: 5,
-          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life_23-2151143252.jpg",          imageAlt: "Canned Tuna"},
-        {
-          id: "p6",          brand: "مشروبات",          name: "عصير برتقال (1 لتر)",          price: "₪ 6.00",          rating: 4,
-          reviewCount: "195",          imageSrc: "http://img.b2bpic.net/free-photo/blue-mojito-jar-with-lemon-green-apple-mint-shiny-background-with-yellow-blue-pipes_114579-5171.jpg",          imageAlt: "Orange Juice"},
-      ]}
-      title="عروض وخصومات حصرية"
-      description="اكتشف أفضل المنتجات بأسعار لا تقبل المنافسة في جميع فروعنا."
-    />
-  </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",          value: "5000+",          title: "عميل سعيد",          items: [
-            "يستفيدون من عروضنا يوميًا"],
-        },
-        {
-          id: "m2",          value: "30%",          title: "متوسط الخصم",          items: [
-            "على مجموعة واسعة من المنتجات"],
-        },
-        {
-          id: "m3",          value: "3",          title: "فروع لخدمتك",          items: [
-            "في مواقع استراتيجية"],
-        },
-      ]}
-      title="أرقام تتحدث عن نفسها"
-      description="نحن ملتزمون بتوفير أفضل تجربة تسوق لعملائنا الكرام."
-    />
-  </div>
 
   <div id="branches" data-section="branches">
       <FeatureCardSix
@@ -136,51 +83,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",          name: "سارة أحمد",          handle: "@Sara_A",          testimonial: "خيرات القدس هو وجهتي الأولى للتسوق. الأسعار رائعة والمنتجات دائمًا طازجة!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-gesturing-ok_23-2147767531.jpg",          imageAlt: "Sarah Ahmed"},
-        {
-          id: "t2",          name: "محمد علي",          handle: "@Mohamed_Ali",          testimonial: "دائمًا أجد أفضل العروض هنا. أوفر الكثير كل شهر بفضل خصوماتهم.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-gardener-uniform-wearing-gardening-hat-holding-vegetable-basket-isolated-pink_141793-87379.jpg",          imageAlt: "Mohamed Ali"},
-        {
-          id: "t3",          name: "ليلى حسن",          handle: "@Layla_H",          testimonial: "خدمة العملاء ممتازة والفروع نظيفة ومنظمة. تجربة تسوق ممتعة حقًا.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mom-daughter-are-shopping-supermarket_169016-1440.jpg",          imageAlt: "Layla Hassan"},
-        {
-          id: "t4",          name: "خالد محمود",          handle: "@Khaled_M",          testimonial: "أحب تشكيلة المنتجات، خاصة قسم الخضروات والفواكه. الجودة والسعر لا يُعلى عليهما.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-woman-with-shopping-bags_329181-2235.jpg",          imageAlt: "Khaled Mahmoud"},
-        {
-          id: "t5",          name: "ريم ناصر",          handle: "@Reem_N",          testimonial: "خيارات واسعة وخصومات حقيقية. أصبح خيرات القدس سوبر ماركت عائلتي المفضل.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-smiling-couple-standing_171337-2271.jpg",          imageAlt: "Reem Nasser"},
-      ]}
-      showRating={true}
-      title="ماذا يقول عملاؤنا"
-      description="رضاكم هو أولويتنا، استمعوا لقصص نجاح عملائنا مع خيرات القدس."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "faq1",          title: "كيف يمكنني العثور على أحدث العروض؟",          content: "يمكنك تصفح جميع العروض الحالية في قسم 'المنتجات' على موقعنا، أو زيارة أقرب فرع لك."},
-        {
-          id: "faq2",          title: "هل الأسعار هي نفسها في جميع الفروع؟",          content: "معظم العروض والأسعار موحدة، ولكن قد تختلف بعض العروض الخاصة بين الفروع. يُرجى التحقق من الفرع المحدد."},
-        {
-          id: "faq3",          title: "هل يمكنني طلب المنتجات عبر الإنترنت؟",          content: "في الوقت الحالي، خدماتنا متاحة فقط من خلال الفروع. نعمل على توفير خدمة التوصيل قريبًا."},
-      ]}
-      title="أسئلة متكررة"
-      description="إجابات لأكثر الأسئلة شيوعًا حول عروضنا وفروعنا وخدماتنا."
-      faqsAnimation="slide-up"
-    />
-  </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
@@ -209,7 +111,7 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterCard
-      logoSrc="http://img.b2bpic.net/free-vector/supermarket-labels-template-design_23-2149355753.jpg"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F2KYu38pgJejdSj5qtWYdWRsaz/uploaded-1781268348479-pwacc9ar.jpg"
       logoAlt="Khairat Al-Quds Supermarket Logo"
       logoText="خيرات القدس"
       copyrightText="© 2024 خيرات القدس. جميع الحقوق محفوظة."
@@ -223,4 +125,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}