Update src/app/page.tsx

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "الرئيسية",          id: "home"},
-          id: "home",
-        },
         {
-          name: "Best Sellers",
+          name: "الأكثر مبيعاً",          id: "bestsellers"},
-          id: "bestsellers",
-        },
         {
-          name: "Menu",
+          name: "القائمة",          id: "menu"},
-          id: "menu",
-        },
         {
-          name: "Location",
+          name: "الموقع",          id: "location"},
-          id: "location",
-        },
       ]}
       brandName="SEER"
     />
@@ -56,334 +48,120 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
+      title="قهوتك. دون مغادرة سيارتك."
-      title="Your Coffee. Without Leaving Your Car."
+      description="مشروبات فاخرة، حلويات، وخدمة سريعة في صحار. استمتع بجودة ثابتة في طريقك اليومي."
-      description="Premium drinks, desserts, and fast drive-thru service in Sohar. Experience consistent quality on your daily commute."
       leftCarouselItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-cups-coffee-table_23-2148900664.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cups-coffee-table_23-2148900664.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-drinking-hot-beverage-cafe_23-2147785358.jpg" },
-          imageAlt: "Coffee pour",
+        { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-barista-pouring-milk_23-2148522968.jpg" },
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-cleaning-her-car_23-2148958848.jpg" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-person-pouring-tea-glass-with-ice-cubes-it-table_181624-23776.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-drinking-hot-beverage-cafe_23-2147785358.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/food-plate-jam-background-healthy_1203-5151.jpg" },
-          imageAlt: "Hand-off window",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-barista-pouring-milk_23-2148522968.jpg",
-          imageAlt: "Latte art",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-cleaning-her-car_23-2148958848.jpg",
-          imageAlt: "Car drive-thru",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-person-pouring-tea-glass-with-ice-cubes-it-table_181624-23776.jpg",
-          imageAlt: "Iced coffee",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/food-plate-jam-background-healthy_1203-5151.jpg",
-          imageAlt: "Dessert detail",
-        },
       ]}
       rightCarouselItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/coffee-break-road-trip_23-2151948160.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-break-road-trip_23-2151948160.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-nut-close-up-background_23-2148823522.jpg" },
-          imageAlt: "Car interior",
+        { imageSrc: "http://img.b2bpic.net/free-photo/liquid-makeup-foundation-texture-smudges-macro-cosmetics-texture-top-view_633478-1793.jpg" },
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/female-barista-pouring-coffee-transparent-glass_23-2148824466.jpg" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/waitress-resting-with-cup-drink_23-2147830588.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-nut-close-up-background_23-2148823522.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/hot-drink-arrangement-winter_23-2149188013.jpg" },
-          imageAlt: "Pastry closeup",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/liquid-makeup-foundation-texture-smudges-macro-cosmetics-texture-top-view_633478-1793.jpg",
-          imageAlt: "Pouring milk",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-barista-pouring-coffee-transparent-glass_23-2148824466.jpg",
-          imageAlt: "Espresso shot",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/waitress-resting-with-cup-drink_23-2147830588.jpg",
-          imageAlt: "Sohar location",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hot-drink-arrangement-winter_23-2149188013.jpg",
-          imageAlt: "Final product",
-        },
       ]}
       buttons={[
-        {
+        { text: "اطلب الآن", href: "#menu" },
-          text: "Order Now",
+        { text: "عرض القائمة", href: "#menu" },
-          href: "#menu",
-        },
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg",
-          alt: "Barista",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-barista-eyeglasses-cap-standing-bar-counter-preparing-pour-coffee-while-working-cafe_574295-3460.jpg",
-          alt: "Barista",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-male-preparing-coffee_23-2148366569.jpg",
-          alt: "Barista",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-preparing-coffee-coffee-maker_23-2148366573.jpg",
-          alt: "Barista",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/barman-making-coffee_23-2147821335.jpg",
-          alt: "Barista",
-        },
-      ]}
-      avatarText="Served by our expert team"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "24/7 OPEN",
-        },
-        {
-          type: "text",
-          text: "SOHAR EXCLUSIVE",
-        },
-        {
-          type: "text",
-          text: "PREMIUM BEANS",
-        },
-        {
-          type: "text",
-          text: "FAST SERVICE",
-        },
-        {
-          type: "text",
-          text: "ARTISANAL TREATS",
-        },
       ]}
+      avatarText="بخدمتكم من قبل فريقنا الخبير"
     />
   </div>
 
   <div id="social-proof" data-section="social-proof">
       <SocialProofOne
+      names={["عشاق قهوة صحار", "مركز التنقل اليومي", "تجارب الذواقة المحلية", "مجتمع القهوة الصباحية", "عشاق الخدمة السريعة", "ثقافة مقاهي عمان", "درب الكافيين"]}
+      title="محبوب من المجتمع"
+      description="اكتشف لماذا يفضل سكان صحار تجربتنا في الخدمة السريعة."
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Sohar Coffee Lovers",
-        "Daily Commuters Hub",
-        "Local Foodies Review",
-        "Morning Brew Society",
-        "Drive-Thru Enthusiasts",
-        "Oman Cafe Culture",
-        "The Caffeine Trail",
-      ]}
-      title="Loved by the community"
-      description="See why Sohar residents prefer our drive-thru experience."
     />
   </div>
 
   <div id="bestsellers" data-section="bestsellers">
       <ProductCardTwo
       animationType="slide-up"
+      gridVariant="four-items-2x2-equal-grid"
+      title="الأكثر مبيعاً"
+      description="مشروبات وحلويات مصنوعة بحب ستجعلكم تعودون دائماً."
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Coffee",
-          name: "Spanish Latte",
-          price: "1.50 OMR",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee-cocktail-with-nut-powder_23-2148196085.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Coffee",
-          name: "Signature Cold Brew",
-          price: "1.20 OMR",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646422.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Coffee",
-          name: "Iced Matcha",
-          price: "1.80 OMR",
-          rating: 4,
-          reviewCount: "92",
-          imageSrc: "http://img.b2bpic.net/free-photo/cold-exotic-green-summer-cocktail-with-kiwi-lemon_23-2148196152.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Dessert",
-          name: "Classic Cheesecake",
-          price: "2.00 OMR",
-          rating: 5,
-          reviewCount: "200",
-          imageSrc: "http://img.b2bpic.net/free-photo/slice-cheesecake_1232-2719.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Dessert",
-          name: "Mango Vanilla Cup",
-          price: "1.50 OMR",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508921.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Snack",
-          name: "Butter Croissant",
-          price: "0.80 OMR",
-          rating: 5,
-          reviewCount: "110",
-          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-fruits_23-2148103383.jpg",
-        },
-      ]}
-      title="Our Best Sellers"
-      description="Hand-crafted treats you'll keep coming back for."
     />
   </div>
 
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={true}
-      title="No Parking. No Waiting. Just Drive."
+      title="بدون انتظار. فقط انطلق."
-      description="We've re-engineered the café experience to prioritize your time without compromising on the quality of your favorite treat."
+      description="أعدنا تصميم تجربة المقهى لنمنح الأولوية لوقتك دون التنازل عن جودة منتجاتك المفضلة."
       metrics={[
-        {
+        { value: "24/7", title: "مفتوح دائماً" },
-          value: "24/7",
+        { value: "2دقيقة", title: "متوسط الخدمة" },
-          title: "Open Always",
+        { value: "100%", title: "رضا العملاء" },
-        },
-        {
-          value: "2min",
-          title: "Avg. Handoff",
-        },
-        {
-          value: "100%",
-          title: "Satisfaction",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039416.jpg"
-      imageAlt="Drive-thru scene"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="menu" data-section="menu">
       <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
       features={[
-        {
+        { icon: Coffee, title: "مشروبات ساخنة", description: "إسبريسو، لاتيه، وقهوة مختصة." },
-          icon: Coffee,
+        { icon: Snowflake, title: "مشروبات باردة", description: "قهوة باردة، ماتشا، وتشكيلات مثلجة." },
-          title: "Hot Drinks",
+        { icon: Cake, title: "حلويات فاخرة", description: "تشيز كيك، أكواب حلى، ومخبوزات طازجة." },
-          description: "Espresso, lattes, and specialty brews.",
-        },
-        {
-          icon: Snowflake,
-          title: "Cold Drinks",
-          description: "Cold brews, matcha, and iced specialties.",
-        },
-        {
-          icon: Cake,
-          title: "Artisanal Desserts",
-          description: "Cheesecakes, cups, and freshly baked goods.",
-        },
       ]}
-      title="Menu Highlights"
+      animationType="slide-up"
-      description="From hot morning brews to cool afternoon desserts."
+      title="أبرز القائمة"
+      description="من قهوة الصباح الساخنة إلى حلويات المساء المنعشة."
+      textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
       faqs={[
-        {
+        { id: "1", title: "هل يوجد جلسات داخلية؟", content: "نحن مقهى متخصص في الخدمة السريعة فقط." },
-          id: "1",
+        { id: "2", title: "هل تفتحون 24/7؟", content: "نعم، نحن مفتوحون على مدار الساعة لخدمتكم." },
-          title: "Do you have indoor seating?",
+        { id: "3", title: "هل يمكن الطلب مسبقاً؟", content: "نعم، يمكن الطلب عبر تطبيقنا أو واتساب." },
-          content: "We are exclusively a drive-thru café.",
-        },
-        {
-          id: "2",
-          title: "Are you open 24/7?",
-          content: "Yes, we are open round-the-clock for your convenience.",
-        },
-        {
-          id: "3",
-          title: "Can I pre-order?",
-          content: "Yes, order via our app or WhatsApp.",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/friendly-smiling-asian-girl-barista-holds-hands-heart-looks-grateful-client-loves-her-guests_1258-199431.jpg"
-      title="Need Help?"
-      description="Common questions about our drive-thru."
       faqsAnimation="slide-up"
-      mediaAnimation="slide-up"
+      title="هل تحتاج مساعدة؟"
+      description="إجابات على الأسئلة الشائعة حول خدماتنا."
+      textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="team" data-section="team">
       <TeamCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
       members={[
-        {
+        { id: "1", name: "مدير المقهى", role: "القيادة" },
-          id: "1",
+        { id: "2", name: "باريستا أول", role: "تحضير القهوة" },
-          name: "Ahmed",
-          role: "Head Barista",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-entrepreneur-working-himself_23-2148366581.jpg",
-        },
-        {
-          id: "2",
-          name: "Sara",
-          role: "Shift Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-cup-coffee_1170-667.jpg",
-        },
-        {
-          id: "3",
-          name: "Khalid",
-          role: "Barista",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-barista-worker-coffee-shop-holding-coffee-cup_1303-29500.jpg",
-        },
       ]}
-      title="Our Passionate Team"
+      gridVariant="two-columns-alternating-heights"
-      description="The people making sure your coffee is perfect every single time."
+      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}
-      background={{
-        variant: "rotated-rays-static",
-      }}
-      text="Located at Al Maha Fuel Station FS121, Sohar. Open 24/7."
       buttons={[
-        {
+        { text: "احصل على الاتجاهات", href: "#" },
-          text: "Get Directions",
+        { text: "اتصل بنا", href: "tel:000" },
-          href: "#",
-        },
-        {
-          text: "Call Now",
-          href: "tel:000",
-        },
       ]}
     />
   </div>
@@ -392,34 +170,20 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",
+          title: "الشركة",          items: [
-          items: [
+            { label: "عن الشركة", href: "#about" },
-            {
+            { label: "الوظائف", href: "#" },
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "الدعم",          items: [
-          items: [
+            { label: "الأسئلة الشائعة", href: "#faq" },
-            {
+            { label: "اتصل بنا", href: "#location" },
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#location",
-            },
           ],
         },
       ]}
       bottomLeftText="© 2024 SEER Café"
-      bottomRightText="Sohar, Oman"
+      bottomRightText="صحار، عُمان"
     />
   </div>
       </ReactLenis>