Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -4,14 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, Users } from "lucide-react";
+import { Award, Users, Utensils, Leaf, Coffee, Wine } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,39 +29,30 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        { name: "Home", id: "hero" },
+        { name: "الرئيسية", id: "hero" },
-        { name: "About", id: "about" },
+        { name: "عن المطعم", id: "about" },
-        { name: "Menu", id: "menu" },
+        { name: "قائمة الطعام", id: "menu" },
-        { name: "Contact", id: "contact" },
+        { name: "اتصل بنا", id: "contact" },
       ]}
-      brandName="Khayal"
+      brandName="خيال"
-      button={{ text: "Reservations", href: "#contact" }}
+      button={{ text: "احجز طاولتك", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{ variant: "rotated-rays-static-grid" }}
-      title="Khayal Restaurant"
+      title="مطعم خيال"
-      description="Where culinary artistry meets refined hospitality. Experience an unforgettable journey of flavors."
+      description="حيث يلتقي فن الطهي بالضيافة الراقية. استمتع بتجربة طعام لا تُنسى مليئة بالنكهات الأصيلة."
       avatars={[
         { src: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006619.jpg", alt: "Guest" },
         { src: "http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520071.jpg", alt: "Guest" },
         { src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-sitting-with-woman-cafe_273609-6829.jpg", alt: "Guest" },
-        { src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg", alt: "Guest" },
-        { src: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg", alt: "Guest" },
       ]}
-      avatarText="Loved by thousands"
+      avatarText="آلاف الضيوف اختارونا"
       buttons={[
-        { text: "View Menu", href: "#menu" },
+        { text: "استعرض المنيو", href: "#menu" },
-        { text: "Book Table", href: "#contact" },
+        { text: "احجز الآن", href: "#contact" },
-      ]}
-      marqueeItems={[
-        { type: "text", text: "Fine Dining" },
-        { type: "text", text: "Authentic Flavors" },
-        { type: "text", text: "Elegant Atmosphere" },
-        { type: "text", text: "Master Chefs" },
-        { type: "text", text: "Seasonal Ingredients" },
       ]}
     />
   </div>
@@ -71,31 +60,16 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <AboutMetric
       useInvertedBackground={false}
-      title="Our Passion"
+      title="جوهر مطبخنا"
       metrics={[
-        { icon: Award, label: "Gourmet Dishes", value: "50+" },
+        { icon: Utensils, label: "طبق مميز", value: "85+" },
-        { icon: Award, label: "Years Experience", value: "15" },
+        { icon: Leaf, label: "مكونات طازجة", value: "100%" },
-        { icon: Users, label: "Happy Guests", value: "100k+" },
+        { icon: Award, label: "سنوات من الإبداع", value: "15" },
       ]}
       metricsAnimation="slide-up"
     />
   </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        { id: "f1", title: "Fresh Ingredients", author: "Farm-to-Table", description: "We source only the finest local ingredients for our seasonal menu.", tags: ["Fresh", "Local"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-potato-pies-with-pumpkin-grey-background-bake-oven-color-dish-pie-cake_140725-121705.jpg" },
-        { id: "f2", title: "Expert Chefs", author: "Culinary Masters", description: "Our chefs are dedicated to perfection in every plate they craft.", tags: ["Craft", "Expert"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-spaghetti-pasta-with-tomatoes-parsley-white-table_1253-953.jpg" },
-        { id: "f3", title: "Warm Ambiance", author: "Sophisticated Design", description: "Relax in a setting designed for memorable social moments.", tags: ["Ambiance", "Luxury"], imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145590.jpg" },
-      ]}
-      title="Why Choose Khayal"
-      description="We blend traditional recipes with modern techniques to create a unique culinary experience."
-    />
-  </div>
-
   <div id="menu" data-section="menu">
       <ProductCardOne
       animationType="slide-up"
@@ -103,15 +77,16 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
       products={[
-        { id: "p1", name: "Truffle Mushroom Risotto", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-dinner-with-meat-potatoes-served-with-green-black-plate-pepper-garlic-oil-bottle-cutlery-set_179666-19991.jpg" },
+        { id: "p1", name: "كتف ضأن فاخر", price: "١٨٠ ريال", imageSrc: "http://img.b2bpic.net/free-photo/cooked-lamb-ribs-front-view_23-2148516965.jpg" },
-        { id: "p2", name: "Grilled Sea Bass", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/cooked-lamb-ribs-front-view_23-2148516965.jpg" },
+        { id: "p2", name: "ريسوتو الكمأة", price: "١٤٠ ريال", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-dinner-with-meat-potatoes-served-with-green-black-plate-pepper-garlic-oil-bottle-cutlery-set_179666-19991.jpg" },
-        { id: "p3", name: "Fresh Garden Salad", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-red-tomatoes-with-greens-bell-peppers-dark-background_140725-137146.jpg" },
+        { id: "p3", name: "سمك القاروص المشوي", price: "١٦٠ ريال", imageSrc: "http://img.b2bpic.net/free-photo/grilled-sea-bass-with-vegetables_23-2148705009.jpg" },
-        { id: "p4", name: "Chocolate Fondant", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-eating-cake-with-fork_23-2147975374.jpg" },
+        { id: "p4", name: "سلطة الخضروات العضوية", price: "٨٠ ريال", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-red-tomatoes-with-greens-bell-peppers-dark-background_140725-137146.jpg" },
-        { id: "p5", name: "Signature Mocktail", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/purple-cocktail-table_140725-9605.jpg" },
+        { id: "p5", name: "مشروباتنا المبتكرة", price: "٤٥ ريال", imageSrc: "http://img.b2bpic.net/free-photo/purple-cocktail-table_140725-9605.jpg" },
-        { id: "p6", name: "Roasted Tomato Soup", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-with-slice-mushroom_141793-873.jpg" },
+        { id: "p6", name: "حساء الطماطم المحمصة", price: "٦٥ ريال", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-with-slice-mushroom_141793-873.jpg" },
+        { id: "p7", name: "فوندان الشوكولاتة", price: "٧٥ ريال", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-eating-cake-with-fork_23-2147975374.jpg" },
       ]}
-      title="Our Signature Menu"
+      title="قائمة المأكولات والمشروبات"
-      description="Discover our collection of handcrafted culinary masterpieces designed for your palate."
+      description="اكتشف تشكيلتنا المختارة بعناية من أشهى الأطباق التي تروي قصة ذوق رفيع."
     />
   </div>
 
@@ -122,28 +97,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       testimonials={[
-        { id: "t1", name: "Sarah Ahmed", role: "Food Blogger", company: "Reviewer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg" },
+        { id: "t1", name: "سارة أحمد", role: "ناقدة طعام", company: "DineExpert", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg" },
-        { id: "t2", name: "Khalid Omar", role: "Customer", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-enyoing-dinner-party_23-2150717851.jpg" },
+        { id: "t2", name: "خالد عمر", role: "زبون دائم", company: "أعمال محلية", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-enyoing-dinner-party_23-2150717851.jpg" },
-        { id: "t3", name: "Laila Jassim", role: "Design Director", company: "Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25277.jpg" },
+        { id: "t3", name: "ليلى جاسم", role: "شيف وأستاذة", company: "فنون الطهي", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25277.jpg" },
-        { id: "t4", name: "Mark Stevens", role: "Tourist", company: "Traveler", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-with-dish-menu_23-2147681115.jpg" },
-        { id: "t5", name: "Nora Ali", role: "Food Enthusiast", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg" },
       ]}
-      title="Guest Experiences"
+      title="آراء ضيوفنا"
-      description="See why our guests return time and again to enjoy the Khayal experience."
+      description="ثقتكم هي ركيزة نجاحنا، يسعدنا دائماً أن نكون جزءاً من ذكرياتكم الجميلة."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        { id: "q1", title: "Do you accept reservations?", content: "Yes, we highly recommend booking a table in advance via our website." },
-        { id: "q2", title: "Are there vegetarian options?", content: "Absolutely, we have a dedicated section for vegetarian dishes." },
-        { id: "q3", title: "Do you offer private dining?", content: "Yes, we provide private spaces for corporate meetings and special events." },
-      ]}
-      sideTitle="Common Questions"
-      sideDescription="Find answers to our most popular questions."
-      faqsAnimation="slide-up"
     />
   </div>
 
@@ -151,43 +110,43 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{ variant: "plain" }}
-      tag="Contact Us"
+      tag="حجوزات"
-      title="Reserve Your Table"
+      title="احجز طاولتك الآن"
-      description="Have questions or need to make a reservation? Get in touch with our team today."
+      description="انضم إلينا لقضاء أمسية من الفخامة والنكهات. احجز طاولتك مباشرة لضمان التوفر."
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-empty-plate-pinked-brown-rustic-plate-food-kitchen-wood_140725-34253.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/table-setting_74190-1957.jpg"
       mediaAnimation="slide-up"
-      buttonText="Send Message"
+      buttonText="تأكيد الحجز"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/table-setting_74190-1957.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/top-view-empty-plate-pinked-brown-rustic-plate-food-kitchen-wood_140725-34253.jpg"
-      logoText="Khayal"
+      logoText="خيال"
       columns={[
         {
-          title: "Menu",          items: [
+          title: "القائمة",          items: [
-            { label: "Starters", href: "#menu" },
+            { label: "الأطباق الرئيسية", href: "#menu" },
-            { label: "Main Courses", href: "#menu" },
+            { label: "الموسمية", href: "#menu" },
-            { label: "Desserts", href: "#menu" },
+            { label: "حلويات ومشروبات", href: "#menu" },
           ],
         },
         {
-          title: "Information",          items: [
+          title: "الشركة",          items: [
-            { label: "About Us", href: "#about" },
+            { label: "قصتنا", href: "#about" },
-            { label: "Careers", href: "#" },
+            { label: "مناسبات خاصة", href: "#contact" },
-            { label: "Privacy Policy", href: "#" },
+            { label: "وظائف", href: "#" },
           ],
         },
         {
-          title: "Support",          items: [
+          title: "تواصل معنا",          items: [
-            { label: "Contact", href: "#contact" },
+            { label: "الحجوزات", href: "#contact" },
-            { label: "Reservations", href: "#contact" },
+            { label: "الموقع وساعات العمل", href: "#contact" },
-            { label: "FAQs", href: "#faq" },
+            { label: "الأسئلة الشائعة", href: "#faq" },
           ],
         },
       ]}
-      copyrightText="© 2025 | Khayal Restaurant"
+      copyrightText="© 2025 | خيال للمأكولات الفاخرة"
     />
   </div>
       </ReactLenis>