Update src/app/styles/variables.css

src/app/page.tsx

@@ -33,39 +33,23 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "الرئيسية",
+          name: "الرئيسية",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "عنّا",
+          name: "عنّا",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "البيتزا",
+          name: "البيتزا",          id: "#products"},
-          id: "#products",
-        },
         {
-          name: "العروض",
+          name: "العروض",          id: "#pricing"},
-          id: "#pricing",
-        },
         {
-          name: "العملاء",
+          name: "العملاء",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "الأسئلة الشائعة",
+          name: "الأسئلة الشائعة",          id: "#faq"},
-          id: "#faq",
-        },
         {
-          name: "اتصل بنا",
+          name: "اتصل بنا",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="مطعم البرنس"
       button={{
-        text: "اطلب الآن",
+        text: "اطلب الآن",        href: "#products"}}
-        href: "#products",
-      }}
       animateOnLoad={true}
     />
   </div>
@@ -79,36 +63,22 @@ export default function LandingPage() {
       tagAnimation="slide-up"
       buttons={[
         {
-          text: "اطلب الآن",
+          text: "اطلب الآن",          href: "#products"},
-          href: "#products",
-        },
         {
-          text: "قائمة الطعام",
+          text: "قائمة الطعام",          href: "#features"},
-          href: "#features",
-        },
       ]}
       buttonAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-big-jacket_273609-14199.jpg",
+          src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-big-jacket_273609-14199.jpg",          alt: "عميل سعيد 1"},
-          alt: "عميل سعيد 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/impressed-girl-admiring-great-music-taste-friend-showing-thumbs-up-smiling-excited-astoni_1258-142264.jpg",
+          src: "http://img.b2bpic.net/free-photo/impressed-girl-admiring-great-music-taste-friend-showing-thumbs-up-smiling-excited-astoni_1258-142264.jpg",          alt: "عميل سعيد 2"},
-          alt: "عميل سعيد 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/man-wearing-chef-attire_23-2151217209.jpg",
+          src: "http://img.b2bpic.net/free-photo/man-wearing-chef-attire_23-2151217209.jpg",          alt: "عميل سعيد 3"},
-          alt: "عميل سعيد 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-beautiful-young-woman-taking-selfie-with-fresh-yellow-pepper-food-blogger-taking-selfie-with_1258-203781.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiling-beautiful-young-woman-taking-selfie-with-fresh-yellow-pepper-food-blogger-taking-selfie-with_1258-203781.jpg",          alt: "عميل سعيد 4"},
-          alt: "عميل سعيد 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",          alt: "عميل سعيد 5"},
-          alt: "عميل سعيد 5",
-        },
       ]}
       avatarText="أكثر من 5000 عميل راضٍ!"
       imageSrc="http://img.b2bpic.net/free-photo/front-view-spicy-mushroom-pizza-with-red-tomatoes-bell-peppers-olives-mushrooms-all-sliced-inside-with-eggs-grey_140725-20878.jpg"
@@ -131,17 +101,11 @@ export default function LandingPage() {
       tagAnimation="slide-up"
       bulletPoints={[
         {
-          title: "مكونات طازجة يومياً",
+          title: "مكونات طازجة يومياً",          description: "نختار أجود المكونات المحلية والعالمية لضمان الطعم والنضارة في كل قضمة."},
-          description: "نختار أجود المكونات المحلية والعالمية لضمان الطعم والنضارة في كل قضمة.",
-        },
         {
-          title: "وصفات تقليدية وعصرية",
+          title: "وصفات تقليدية وعصرية",          description: "نجمع بين عراقة الوصفات الإيطالية الأصيلة وابتكار لمسات عصرية ترضي جميع الأذواق."},
-          description: "نجمع بين عراقة الوصفات الإيطالية الأصيلة وابتكار لمسات عصرية ترضي جميع الأذواق.",
-        },
         {
-          title: "أجواء عائلية مريحة",
+          title: "أجواء عائلية مريحة",          description: "استمتع بوجبتك في أجواء دافئة ومرحبة، مثالية للعائلات والأصدقاء."},
-          description: "استمتع بوجبتك في أجواء دافئة ومرحبة، مثالية للعائلات والأصدقاء.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145586.jpg"
       imageAlt="طاهٍ يعد البيتزا في المطبخ"
@@ -157,23 +121,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "بيتزا كلاسيكية",
+          title: "بيتزا كلاسيكية",          description: "المفضلة دائماً: مارجريتا، بيبروني، خضار. أطعمة أساسية لا غنى عنها.",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3305.jpg",          imageAlt: "بيتزا بيبروني كلاسيكية"},
-          description: "المفضلة دائماً: مارجريتا، بيبروني، خضار. أطعمة أساسية لا غنى عنها.",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3305.jpg",
-          imageAlt: "بيتزا بيبروني كلاسيكية",
-        },
         {
-          title: "بيتزا ذواقة",
+          title: "بيتزا ذواقة",          description: "جرب إبداعاتنا الخاصة: بيتزا الدجاج بالباربكيو، بيتزا الفصول الأربعة، والمزيد.",          imageSrc: "http://img.b2bpic.net/free-photo/italian-pizza-pizza-cooking-ingredients-black-concrete-background_1150-37866.jpg",          imageAlt: "بيتزا ذواقة مع مكونات طازجة"},
-          description: "جرب إبداعاتنا الخاصة: بيتزا الدجاج بالباربكيو، بيتزا الفصول الأربعة، والمزيد.",
-          imageSrc: "http://img.b2bpic.net/free-photo/italian-pizza-pizza-cooking-ingredients-black-concrete-background_1150-37866.jpg",
-          imageAlt: "بيتزا ذواقة مع مكونات طازجة",
-        },
         {
-          title: "أطباق جانبية ومشروبات",
+          title: "أطباق جانبية ومشروبات",          description: "أكمل وجبتك بمقبلات شهية، سلطات منعشة، ومجموعة واسعة من المشروبات.",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-breakfast-with-bread_23-2148585720.jpg",          imageAlt: "أطباق جانبية ومشروبات متنوعة"},
-          description: "أكمل وجبتك بمقبلات شهية، سلطات منعشة، ومجموعة واسعة من المشروبات.",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-breakfast-with-bread_23-2148585720.jpg",
-          imageAlt: "أطباق جانبية ومشروبات متنوعة",
-        },
       ]}
       title="ما يميزنا: جودة لا تضاهى"
       description="نقدم تجربة بيتزا فريدة من نوعها، مع مجموعة متنوعة من الأطباق التي تلبي كافة الرغبات."
@@ -191,65 +143,23 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          brand: "البرنس",          name: "بيتزا مارجريتا",          price: "35 ريال",          rating: 5,
-          brand: "البرنس",
+          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-detail_23-2148149175.jpg",          imageAlt: "بيتزا مارجريتا تقليدية"},
-          name: "بيتزا مارجريتا",
-          price: "35 ريال",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-detail_23-2148149175.jpg",
-          imageAlt: "بيتزا مارجريتا تقليدية",
-        },
         {
-          id: "p2",
+          id: "p2",          brand: "البرنس",          name: "بيتزا بيبروني",          price: "40 ريال",          rating: 4.5,
-          brand: "البرنس",
+          reviewCount: "95",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-wooden-cutting-board-left-side-isolated-dark-surface-with-free-space-close-up-shot_179666-42209.jpg",          imageAlt: "بيتزا بيبروني شهية"},
-          name: "بيتزا بيبروني",
-          price: "40 ريال",
-          rating: 4.5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-wooden-cutting-board-left-side-isolated-dark-surface-with-free-space-close-up-shot_179666-42209.jpg",
-          imageAlt: "بيتزا بيبروني شهية",
-        },
         {
-          id: "p3",
+          id: "p3",          brand: "البرنس",          name: "بيتزا دجاج باربكيو",          price: "45 ريال",          rating: 4.8,
-          brand: "البرنس",
+          reviewCount: "110",          imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza_1388-640.jpg",          imageAlt: "بيتزا دجاج بالباربكيو"},
-          name: "بيتزا دجاج باربكيو",
-          price: "45 ريال",
-          rating: 4.8,
-          reviewCount: "110",
-          imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza_1388-640.jpg",
-          imageAlt: "بيتزا دجاج بالباربكيو",
-        },
         {
-          id: "p4",
+          id: "p4",          brand: "البرنس",          name: "بيتزا خضار",          price: "38 ريال",          rating: 4.2,
-          brand: "البرنس",
+          reviewCount: "80",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-square-pizza-high-angle_23-2149294910.jpg",          imageAlt: "بيتزا خضروات طازجة"},
-          name: "بيتزا خضار",
-          price: "38 ريال",
-          rating: 4.2,
-          reviewCount: "80",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-square-pizza-high-angle_23-2149294910.jpg",
-          imageAlt: "بيتزا خضروات طازجة",
-        },
         {
-          id: "p5",
+          id: "p5",          brand: "البرنس",          name: "بيتزا الأجبان الأربعة",          price: "48 ريال",          rating: 4.9,
-          brand: "البرنس",
+          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/pie-apple_74190-5478.jpg",          imageAlt: "بيتزا الأجبان الأربعة"},
-          name: "بيتزا الأجبان الأربعة",
-          price: "48 ريال",
-          rating: 4.9,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/pie-apple_74190-5478.jpg",
-          imageAlt: "بيتزا الأجبان الأربعة",
-        },
         {
-          id: "p6",
+          id: "p6",          brand: "البرنس",          name: "بيتزا عشاق اللحوم",          price: "50 ريال",          rating: 4.7,
-          brand: "البرنس",
+          reviewCount: "130",          imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza_1388-638.jpg",          imageAlt: "بيتزا عشاق اللحوم"},
-          name: "بيتزا عشاق اللحوم",
-          price: "50 ريال",
-          rating: 4.7,
-          reviewCount: "130",
-          imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza_1388-638.jpg",
-          imageAlt: "بيتزا عشاق اللحوم",
-        },
       ]}
       title="أطباقنا الأكثر طلباً"
       description="اكتشف مجموعتنا المختارة من البيتزا المفضلة لدى عملائنا، محضرة بحب وشغف ومذاق لا يُنسى."
@@ -266,59 +176,25 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          tag: "عرض فردي",          tagIcon: Pizza,
-          tag: "عرض فردي",
+          price: "50 ريال",          period: "لشخص واحد",          description: "مثالي لوجبة سريعة ولذيذة.",          button: {
-          tagIcon: Pizza,
+            text: "اطلب العرض",            href: "#contact"},
-          price: "50 ريال",
+          featuresTitle: "يشمل:",          features: [
-          period: "لشخص واحد",
+            "بيتزا متوسطة من اختيارك",            "مشروب غازي",            "طبق جانبي صغير"],
-          description: "مثالي لوجبة سريعة ولذيذة.",
-          button: {
-            text: "اطلب العرض",
-            href: "#contact",
-          },
-          featuresTitle: "يشمل:",
-          features: [
-            "بيتزا متوسطة من اختيارك",
-            "مشروب غازي",
-            "طبق جانبي صغير",
-          ],
         },
         {
-          id: "pro",
+          id: "pro",          tag: "عرض عائلي",          tagIcon: Utensils,
-          tag: "عرض عائلي",
+          price: "120 ريال",          period: "لـ 4 أشخاص",          description: "مثالي للمشاركة مع العائلة والأصدقاء.",          button: {
-          tagIcon: Utensils,
+            text: "اطلب العرض",            href: "#contact"},
-          price: "120 ريال",
+          featuresTitle: "يشمل:",          features: [
-          period: "لـ 4 أشخاص",
+            "2 بيتزا كبيرة من اختيارك",            "4 مشروبات غازية",            "طبقين جانبيين كبيرين"],
-          description: "مثالي للمشاركة مع العائلة والأصدقاء.",
-          button: {
-            text: "اطلب العرض",
-            href: "#contact",
-          },
-          featuresTitle: "يشمل:",
-          features: [
-            "2 بيتزا كبيرة من اختيارك",
-            "4 مشروبات غازية",
-            "طبقين جانبيين كبيرين",
-          ],
         },
         {
-          id: "premium",
+          id: "premium",          tag: "عرض الحفلات",          tagIcon: Flame,
-          tag: "عرض الحفلات",
+          price: "200 ريال",          period: "لـ 8 أشخاص",          description: "لجمعاتكم الكبيرة ومناسباتكم الخاصة.",          button: {
-          tagIcon: Flame,
+            text: "اطلب العرض",            href: "#contact"},
-          price: "200 ريال",
+          featuresTitle: "يشمل:",          features: [
-          period: "لـ 8 أشخاص",
+            "4 بيتزا كبيرة من اختيارك",            "8 مشروبات غازية",            "4 أطباق جانبية متنوعة",            "1 سلطة كبيرة"],
-          description: "لجمعاتكم الكبيرة ومناسباتكم الخاصة.",
-          button: {
-            text: "اطلب العرض",
-            href: "#contact",
-          },
-          featuresTitle: "يشمل:",
-          features: [
-            "4 بيتزا كبيرة من اختيارك",
-            "8 مشروبات غازية",
-            "4 أطباق جانبية متنوعة",
-            "1 سلطة كبيرة",
-          ],
         },
       ]}
       title="عروض البرنس الخاصة"
@@ -337,29 +213,17 @@ export default function LandingPage() {
       author="رضا العملاء هو أولويتنا القصوى."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
+          src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",          alt: "الغابر 17"},
-          alt: "الغابر 17",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-reacts-amazing-news-claps-hands-smiles-pleased-by-smth-stands-white_1258-197167.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-woman-reacts-amazing-news-claps-hands-smiles-pleased-by-smth-stands-white_1258-197167.jpg",          alt: "Amrit Gautam"},
-          alt: "Amrit Gautam",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/stylish-young-man-sitting-cafe_273609-14828.jpg",
+          src: "http://img.b2bpic.net/free-photo/stylish-young-man-sitting-cafe_273609-14828.jpg",          alt: "عبدالهادي الشراري"},
-          alt: "عبدالهادي الشراري",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/charming-girl-black-jacket-winking-isolated-background-short-haired-woman-dark-outfit-smiles-white-backdrop_197531-18469.jpg",
+          src: "http://img.b2bpic.net/free-photo/charming-girl-black-jacket-winking-isolated-background-short-haired-woman-dark-outfit-smiles-white-backdrop_197531-18469.jpg",          alt: "سارة المحمد"},
-          alt: "سارة المحمد",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/steampunk-man-street-outside-with-skateboard_1321-4416.jpg",
+          src: "http://img.b2bpic.net/free-photo/steampunk-man-street-outside-with-skateboard_1321-4416.jpg",          alt: "فهد الشمري"},
-          alt: "فهد الشمري",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/enthusiastic-short-haired-woman-posing-sunglasses_197531-16439.jpg",
+          src: "http://img.b2bpic.net/free-photo/enthusiastic-short-haired-woman-posing-sunglasses_197531-16439.jpg",          alt: "نوف عبد الله"},
-          alt: "نوف عبد الله",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -372,30 +236,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "هل يتوفر لديكم خدمة التوصيل؟",          content: "نعم، نقدم خدمة التوصيل السريع إلى معظم مناطق الرياض. يرجى التحقق من منطقة التوصيل عند الطلب."},
-          title: "هل يتوفر لديكم خدمة التوصيل؟",
-          content: "نعم، نقدم خدمة التوصيل السريع إلى معظم مناطق الرياض. يرجى التحقق من منطقة التوصيل عند الطلب.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "ما هي ساعات العمل؟",          content: "المطعم مفتوح يومياً من الساعة 4 مساءً حتى 1 صباحاً."},
-          title: "ما هي ساعات العمل؟",
-          content: "المطعم مفتوح يومياً من الساعة 4 مساءً حتى 1 صباحاً.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "هل يمكنني حجز طاولة؟",          content: "نعم، يمكنكم حجز طاولة مسبقاً عن طريق الاتصال بنا مباشرة أو عبر صفحة اتصل بنا."},
-          title: "هل يمكنني حجز طاولة؟",
-          content: "نعم، يمكنكم حجز طاولة مسبقاً عن طريق الاتصال بنا مباشرة أو عبر صفحة اتصل بنا.",
-        },
         {
-          id: "q4",
+          id: "q4",          title: "هل تقدمون خيارات بيتزا نباتية أو خالية من الجلوتين؟",          content: "نعم، لدينا خيارات بيتزا نباتية متنوعة، وبالنسبة لخيارات خالية من الجلوتين، يرجى الاستفسار عند الطلب."},
-          title: "هل تقدمون خيارات بيتزا نباتية أو خالية من الجلوتين؟",
-          content: "نعم، لدينا خيارات بيتزا نباتية متنوعة، وبالنسبة لخيارات خالية من الجلوتين، يرجى الاستفسار عند الطلب.",
-        },
         {
-          id: "q5",
+          id: "q5",          title: "ما هي طرق الدفع المتاحة؟",          content: "نقبل الدفع نقداً، ببطاقات الائتمان، ومدى، وكذلك الدفع عبر التطبيقات الإلكترونية المتاحة."},
-          title: "ما هي طرق الدفع المتاحة؟",
-          content: "نقبل الدفع نقداً، ببطاقات الائتمان، ومدى، وكذلك الدفع عبر التطبيقات الإلكترونية المتاحة.",
-        },
       ]}
       title="أسئلة شائعة"
       description="إجابات على أكثر استفساراتكم شيوعاً حول خدمات مطعم البرنس."
@@ -410,18 +259,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "animated-grid",
+        variant: "animated-grid"}}
-      }}
       text="تواصل معنا: مطعم البرنس دائماً في خدمتكم"
       buttons={[
         {
-          text: "اتصل بنا",
+          text: "اتصل بنا",          href: "tel:+966561437024"},
-          href: "tel:+966561437024",
-        },
         {
-          text: "احصل على الاتجاهات",
+          text: "احصل على الاتجاهات",          href: "https://www.google.com/maps/dir/?api=1&destination=6308+طريق+مكه+المكرمه,+حي+الوادي,+WCAB3814،+3814,+غطي+77419،+المملكة+العربية+السعودية"},
-          href: "https://www.google.com/maps/dir/?api=1&destination=6308+طريق+مكه+المكرمه,+حي+الوادي,+WCAB3814،+3814,+غطي+77419،+المملكة+العربية+السعودية",
-        },
       ]}
     />
   </div>
@@ -430,41 +274,25 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "روابط سريعة",
+          title: "روابط سريعة",          items: [
-          items: [
             {
-              label: "الرئيسية",
+              label: "الرئيسية",              href: "#hero"},
-              href: "#hero",
-            },
             {
-              label: "قائمة الطعام",
+              label: "قائمة الطعام",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "عروضنا",
+              label: "عروضنا",              href: "#pricing"},
-              href: "#pricing",
-            },
             {
-              label: "اتصل بنا",
+              label: "اتصل بنا",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "عنّا",
+          title: "عنّا",          items: [
-          items: [
             {
-              label: "قصتنا",
+              label: "قصتنا",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "شهادات العملاء",
+              label: "شهادات العملاء",              href: "#testimonials"},
-              href: "#testimonials",
-            },
             {
-              label: "الأسئلة الشائعة",
+              label: "الأسئلة الشائعة",              href: "#faq"},
-              href: "#faq",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #fffafa;
-  --card: #ffffff;
+  --card: #fff7f7;
-  --foreground: #1c1c1c;
+  --foreground: #1a0000;
-  --primary-cta: #341f51;
+  --primary-cta: #e63946;
-  --primary-cta-text: #f5f5f5;
+  --primary-cta-text: #fffafa;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #1c1c1c;
+  --secondary-cta-text: #1a0000;
-  --accent: #6139e6;
+  --accent: #f5c4c7;
-  --background-accent: #b3a8e8;
+  --background-accent: #f09199;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);