Update theme colors

Merge version_2 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
@@ -49,7 +49,7 @@ export default function LandingPage() {
             buttons={[{ text: "ابدأ الآن", href: "#" }]}
             slides={[
               { imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-344.jpg?_wi=1", imageAlt: "تطبيق مونة البيت" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/person-holding-phone-jar-pasta_482257-109981.jpg", imageAlt: "قائمة المقاضي الذكية" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/person-holding-phone-jar-pasta_482257-109981.jpg?_wi=1", imageAlt: "قائمة المقاضي الذكية" },
               { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vegetables-tablet_23-2148478235.jpg", imageAlt: "إدارة المخزون" },
               { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-kitchen_23-2148018394.jpg", imageAlt: "تنبيهات الانتهاء" },
               { imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-checking-recipe-notes-notebook-standing-kitchen-with-vegetables-cooking-food_1258-198087.jpg", imageAlt: "وصفات سعودية" },
@@ -70,14 +70,16 @@ export default function LandingPage() {
         </div>
 
         <div id="features" data-section="features">
-          <FeatureCardSixteen
+          <FeatureCardTwentySeven
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
-            negativeCard={{ items: ["تكرار الشراء غير الضروري", "هدر المواد الغذائية", "نسيان قائمة المقاضي"] }}
-            positiveCard={{ items: ["مخزون منظم دائماً", "قائمة تسوق تشاركية", "تنبيهات ذكية للانتهاء"] }}
             title="حل جذري لمشاكل المطبخ"
             description="توقف عن الفوضى وابدأ رحلة التنظيم الذكي للمنزل"
+            features={[
+                { id: "f1", title: "إدارة المخزون", descriptions: ["تتبع دقيق للمؤن والمكونات المتاحة", "نظام تنبيهات ذكي لموعد انتهاء الصلاحية"], imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-344.jpg?_wi=1" },
+                { id: "f2", title: "قائمة التسوق", descriptions: ["قائمة مقاضي ذكية وموحدة لجميع أفراد العائلة", "إضافة العناصر تلقائياً عند نفاذ المخزون"], imageSrc: "http://img.b2bpic.net/free-photo/person-holding-phone-jar-pasta_482257-109981.jpg?_wi=2" }
+            ]}
           />
         </div>
 
@@ -177,4 +179,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
+  --primary-cta-text: #f5f5f5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #15479c;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);