Switch to version 2: modified src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "الرئيسية",
-          id: "hero",
-        },
+          name: "الرئيسية",          id: "hero"},
         {
-          name: "من نحن",
-          id: "about",
-        },
+          name: "من نحن",          id: "about"},
         {
-          name: "المنتجات",
-          id: "products",
-        },
+          name: "المنتجات",          id: "products"},
         {
-          name: "اتصل بنا",
-          id: "contact",
-        },
+          name: "اتصل بنا",          id: "contact"},
       ]}
       brandName="مجزرة جوري"
     />
@@ -56,13 +48,9 @@ export default function LandingPage() {
       description="نقدم لكم أجود أنواع اللحوم الطازجة يومياً. جودة مضمونة، نظافة عالية وخدمة سريعة تصلك حتى باب البيت."
       buttons={[
         {
-          text: "اتصل الآن",
-          href: "tel:+212600000000",
-        },
+          text: "اتصل الآن",          href: "tel:+212600000000"},
         {
-          text: "اطلب عبر واتساب",
-          href: "https://wa.me/212600000000",
-        },
+          text: "اطلب عبر واتساب",          href: "https://wa.me/212600000000"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/pork-meat-wooden-cutting-board_1150-13641.jpg"
       imageAlt="مجزرة جوري"
@@ -75,9 +63,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="من نحن"
       description={[
-        "في مجزرة جوري، نضع الجودة على رأس أولوياتنا. نحن نفخر بخدمة سكان عين السبع والدار البيضاء بمنتجات طازجة ومختارة بعناية.",
-        "تجمع محلاتنا بين الخبرة الطويلة في اختيار أجود الأنعام وبين معايير النظافة الصارمة لضمان وصول اللحم إلى مائدتكم بأعلى جودة ممكنة.",
-      ]}
+        "في مجزرة جوري، نضع الجودة على رأس أولوياتنا. نحن نفخر بخدمة سكان عين السبع والدار البيضاء بمنتجات طازجة ومختارة بعناية.",        "تجمع محلاتنا بين الخبرة الطويلة في اختيار أجود الأنعام وبين معايير النظافة الصارمة لضمان وصول اللحم إلى مائدتكم بأعلى جودة ممكنة."]}
     />
   </div>
 
@@ -89,32 +75,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          brand: "جوري",
-          name: "لحم بقري طازج",
-          price: "120 درهم/كجم",
-          rating: 5,
-          reviewCount: "120+",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-red-meat-wooden-tray-garlic-green-ketchup-chopped-pepper-oil-bottle-dark-background-stock-image_140725-141518.jpg",
-        },
+          id: "p1",          brand: "جوري",          name: "لحم بقري طازج",          price: "120 درهم/كجم",          rating: 5,
+          reviewCount: "120+",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-red-meat-wooden-tray-garlic-green-ketchup-chopped-pepper-oil-bottle-dark-background-stock-image_140725-141518.jpg"},
         {
-          id: "p2",
-          brand: "جوري",
-          name: "لحم غنم محلي",
-          price: "140 درهم/كجم",
-          rating: 5,
-          reviewCount: "95+",
-          imageSrc: "http://img.b2bpic.net/free-photo/minced-pork_1339-595.jpg",
-        },
+          id: "p2",          brand: "جوري",          name: "لحم غنم محلي",          price: "140 درهم/كجم",          rating: 5,
+          reviewCount: "95+",          imageSrc: "http://img.b2bpic.net/free-photo/minced-pork_1339-595.jpg"},
         {
-          id: "p3",
-          brand: "جوري",
-          name: "كفتة ممتازة",
-          price: "110 درهم/كجم",
-          rating: 5,
-          reviewCount: "200+",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-raw-beef-chops-wooden-board-with-fresh-mint_114579-14730.jpg",
-        },
+          id: "p3",          brand: "جوري",          name: "كفتة ممتازة",          price: "110 درهم/كجم",          rating: 5,
+          reviewCount: "200+",          imageSrc: "http://img.b2bpic.net/free-photo/two-raw-beef-chops-wooden-board-with-fresh-mint_114579-14730.jpg"},
       ]}
       title="قائمة منتجاتنا المميزة"
       description="تشكيلة واسعة من اللحوم الطازجة والوجبات الجاهزة للطهي."
@@ -128,40 +96,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "محمد السلاوي",
-          handle: "زبون دائم",
-          testimonial: "لحم ممتاز ومعاملة حسنة، الجودة هي المعتادة عند جوري.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-curly-haired-girl-carrying-shopping-bags_23-2147652149.jpg",
-        },
+          id: "t1",          name: "محمد السلاوي",          handle: "زبون دائم",          testimonial: "لحم ممتاز ومعاملة حسنة، الجودة هي المعتادة عند جوري.",          imageSrc: "http://img.b2bpic.net/free-photo/blonde-curly-haired-girl-carrying-shopping-bags_23-2147652149.jpg"},
         {
-          id: "t2",
-          name: "فاطمة الزهراء",
-          handle: "عائلة",
-          testimonial: "الجودة والنقا 10/10، دائماً نطلب منهم التوصيل.",
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-80733.jpg",
-        },
+          id: "t2",          name: "فاطمة الزهراء",          handle: "عائلة",          testimonial: "الجودة والنقا 10/10، دائماً نطلب منهم التوصيل.",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-80733.jpg"},
         {
-          id: "t3",
-          name: "عمر بنجلون",
-          handle: "حي عين السبع",
-          testimonial: "أفضل كزار في الدار البيضاء، اللحم ديما جديد وطري.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-bananas-fruits-store_627829-9465.jpg",
-        },
+          id: "t3",          name: "عمر بنجلون",          handle: "حي عين السبع",          testimonial: "أفضل كزار في الدار البيضاء، اللحم ديما جديد وطري.",          imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-bananas-fruits-store_627829-9465.jpg"},
         {
-          id: "t4",
-          name: "سارة المجدوبي",
-          handle: "زبونة",
-          testimonial: "خدمة سريعة وتوصيل في الموعد، شكراً مجزرة جوري.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-talking-phone_23-2149050802.jpg?_wi=1",
-        },
+          id: "t4",          name: "سارة المجدوبي",          handle: "زبونة",          testimonial: "خدمة سريعة وتوصيل في الموعد، شكراً مجزرة جوري.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-talking-phone_23-2149050802.jpg?_wi=1"},
         {
-          id: "t5",
-          name: "ياسين العبدي",
-          handle: "زبون",
-          testimonial: "أشكركم على نظافة المكان وجودة اللحم، أنصح الجميع بالتعامل معكم.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-talking-phone_23-2149050802.jpg?_wi=2",
-        },
+          id: "t5",          name: "ياسين العبدي",          handle: "زبون",          testimonial: "أشكركم على نظافة المكان وجودة اللحم، أنصح الجميع بالتعامل معكم.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-talking-phone_23-2149050802.jpg?_wi=2"},
       ]}
       title="ماذا يقول زبائننا؟"
       description="نحن فخورون بثقة عائلات عين السبع في جودة منتجاتنا."
@@ -174,20 +117,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "هل يتوفر التوصيل؟",
-          content: "نعم، نوفر خدمة التوصيل السريع لجميع مناطق عين السبع وما حولها.",
-        },
+          id: "f1",          title: "هل يتوفر التوصيل؟",          content: "نعم، نوفر خدمة التوصيل السريع لجميع مناطق عين السبع وما حولها."},
         {
-          id: "f2",
-          title: "كيف يمكنني الطلب؟",
-          content: "يمكنك الاتصال بنا مباشرة أو مراسلتنا عبر الواتساب لطلب كل احتياجاتك.",
-        },
+          id: "f2",          title: "كيف يمكنني الطلب؟",          content: "يمكنك الاتصال بنا مباشرة أو مراسلتنا عبر الواتساب لطلب كل احتياجاتك."},
         {
-          id: "f3",
-          title: "هل اللحوم طازجة؟",
-          content: "نحن نضمن أن جميع لحومنا طازجة ومذبوحة يومياً وفق معايير النظافة والجودة.",
-        },
+          id: "f3",          title: "هل اللحوم طازجة؟",          content: "نحن نضمن أن جميع لحومنا طازجة ومذبوحة يومياً وفق معايير النظافة والجودة."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/hands-cut-medium-rare-cooked-whale-meat-steak_346278-632.jpg"
       mediaAnimation="slide-up"
@@ -202,16 +136,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="تواصل معنا"
       title="اطلب لحمك الآن"
       description="سنقوم بالاتصال بك خلال دقائق لتأكيد طلبك وتجهيزه."
       buttons={[
         {
-          text: "اتصل الآن",
-          href: "tel:+212600000000",
-        },
+          text: "اتصل الآن",          href: "tel:+212600000000"},
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120006e6;
-  --primary-cta: #e63946;
+  --background: #fdfaf6;
+  --card: #f4f1ea;
+  --foreground: #3d2b1f;
+  --primary-cta: #8b4513;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #e0d3c1;
   --secondary-cta-text: #120006e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #d2b48c;
+  --background-accent: #f0e6d2;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);