Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -80,14 +80,19 @@ export default function LandingPage() {
       names={["عشاق قهوة صحار", "مركز التنقل اليومي", "تجارب الذواقة المحلية", "مجتمع القهوة الصباحية", "عشاق الخدمة السريعة", "ثقافة مقاهي عمان", "درب الكافيين"]}
       title="محبوب من المجتمع"
       description="اكتشف لماذا يفضل سكان صحار تجربتنا في الخدمة السريعة."
+      textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="bestsellers" data-section="bestsellers">
       <ProductCardTwo
       animationType="slide-up"
+      gridVariant="four-items-2x2-equal-grid"
       title="الأكثر مبيعاً"
       description="مشروبات وحلويات مصنوعة بحب ستجعلكم تعودون دائماً."
+      textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -111,8 +116,11 @@ export default function LandingPage() {
         { icon: Snowflake, title: "مشروبات باردة", description: "قهوة باردة، ماتشا، وتشكيلات مثلجة." },
         { icon: Cake, title: "حلويات فاخرة", description: "تشيز كيك، أكواب حلى، ومخبوزات طازجة." },
       ]}
+      animationType="slide-up"
       title="أبرز القائمة"
       description="من قهوة الصباح الساخنة إلى حلويات المساء المنعشة."
+      textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -123,21 +131,34 @@ export default function LandingPage() {
         { id: "2", title: "هل تفتحون 24/7؟", content: "نعم، نحن مفتوحون على مدار الساعة لخدمتكم." },
         { id: "3", title: "هل يمكن الطلب مسبقاً؟", content: "نعم، يمكن الطلب عبر تطبيقنا أو واتساب." },
       ]}
+      faqsAnimation="slide-up"
       title="هل تحتاج مساعدة؟"
       description="إجابات على الأسئلة الشائعة حول خدماتنا."
+      textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="team" data-section="team">
       <TeamCardOne
+      members={[
+        { id: "1", name: "مدير المقهى", role: "القيادة" },
+        { id: "2", name: "باريستا أول", role: "تحضير القهوة" },
+      ]}
+      gridVariant="two-columns-alternating-heights"
+      animationType="slide-up"
       title="فريقنا الشغوف"
       description="الأشخاص الذين يضمنون جودة قهوتك في كل مرة."
+      textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="location" data-section="location">
       <ContactText
       text="موقعنا في محطة المها للوقود FS121، صحار. مفتوح 24/7."
+      background={{ variant: "gradient-bars" }}
+      useInvertedBackground={false}
       buttons={[
         { text: "احصل على الاتجاهات", href: "#" },
         { text: "اتصل بنا", href: "tel:000" },