إضافة كافة المنتجات الناقصة الى الكود وإعادة كتابة الكود كامل مع كافة المنتجات والتفاصيل والصور والأقسام والتصنيفات
إضافة كافة المنتجات التالية كاملة مع الكود
{
“menuCategories”: [
{
“id”: “soups”,
“name”: “الشوربه”,
“icon”: “fa-bowl-food”,
“description”: “تشكيلة من الشوربات الدافئة والمغذية المحضرة من مكونات طازجة، مثالية لبدء وجبتك بطعم لذيذ وقيمة غذائية عالية.”
},
{
“id”: “cold-appetizers”,
“name”: “المقبلات والسلطات الباردة”,
“icon”: “fa-leaf”,
“description”: “مجموعة متنوعة من المقبلات والسلطات الطازجة التي تجمع بين النكهات العربية الأصيلة واللمسات العالمية المبتكرة.”
},
{
“id”: “hot-appetizers”,
“name”: “المقبلات الساخنة”,
“icon”: “fa-fire”,
“description”: “أطباق مقبلات ساخنة ومقرمشة، محضرة بعناية لتعطي بداية مميزة لوجبتك مع نكهات غنية ومتنوعة.”
},
{
“id”: “grills”,
“name”: “المشويات”,
“icon”: “fa-fire”,
“description”: “أطباق مشوية على الفحم بطرق مختلفة مع خلطات التوابل الخاصة بمطعمنا.”
},
{
“id”: “steak”,
“name”: “الستيك”,
“icon”: “fa-drumstick-bite”,
“description”: “قطع ستيك ممتازة من اللحوم الفاخرة، مطهوة حسب طلبك مع صلصات وتتبيلات خاصة تمنحك تجربة طعام راقية.”
},
{
“id”: “pasta”,
“name”: “الباستا”,
“icon”: “fa-plate-wheat”,
“description”: “أطباق باستا إيطالية أصيلة مع لمسات مبتكرة، محضرة بصلصات طازجة ومعكرونة عالية الجودة.”
},
{
“id”: “western”,
“name”: “الأطباق الغربية”,
“icon”: “fa-utensils”,
“description”: “تشكيلة من الأطباق الغربية الكلاسيكية والمعاصرة، تجمع بين الجودة العالية والنكهات العالمية المميزة.”
},
{
“id”: “seafood”,
“name”: “البحريات”,
“icon”: “fa-fish”,
“description”: “تشكيلة طازجة من الأسماك والمأكولات البحرية، محضرة بطرق متعددة تلبي جميع الأذواق.”
},
{
“id”: “pizza”,
“name”: “البيتزا”,
“icon”: “fa-pizza-slice”,
“description”: “بيتزا محضرة بعجينة طازجة يومياً، مع طبقات من الجبن والمكونات الطازجة، تُخبز في فرن الحطب لتعطي نكهة مميزة.”
},
{
“id”: “burger”,
“name”: “البرجر”,
“icon”: “fa-burger”,
“description”: “برجر منزلي الصنع من أجود أنواع اللحوم، مع خبز طازج وإضافات مميزة تمنحك تجربة برجر لا تُنسى.”
},
{
“id”: “kids-meal”,
“name”: “وجبة اطفال”,
“icon”: “fa-child”,
“description”: “أطباق مصممة خصيصاً للأطفال، تجمع بين التغذية الصحية والمذاق اللذيذ الذي يحبه الصغار.”
},
{
“id”: “shawarma”,
“name”: “الشاورما”,
“icon”: “fa-burrito”,
“description”: “شاورما لذيذة محضرة بتوابل سرية خاصة، تقدم طازجة مع خبز عربي أصيل وصلصات مميزة.”
},
{
“id”: “rice”,
“name”: “الرز”,
“icon”: “fa-bowl-rice”,
“description”: “أطباق أرز متنوعة من المطبخ العربي والهندي، محضرة بأجود أنواع الأرز والتوابل المميزة.”
},
{
“id”: “extras”,
“name”: “اضافات”,
“icon”: “fa-plus”,
“description”: “تشكيلة من الصلصات والإضافات الجانبية التي تكمل وجبتك وتضيف نكهات إضافية مميزة.”
},
{
“id”: “juices”,
“name”: “العصيرات”,
“icon”: “fa-glass-water”,
“description”: “عصائر طبيعية 100% محضرة يومياً من الفواكه الطازجة، لتعطيك انتعاشاً طبيعياً وصحياً.”
}
],
“menuItems”: [
{
“id”: 1,
“name”: “فطر مع الدجاج الفرنسية”,
“nameEn”: “Mushrooms with French Chicken”,
“price”: 20,
“category”: “soups”,
“calories”: 365,
“popular”: true,
“rating”: 4.8,
“description”: “شوربة كريمية غنية بنكهة الفطر الطازج مع قليل من الكريمة والثوم، تقدّم ساخنة مع خبز التوست.”,
“image”: “https://kitchen.sayidaty.net/uploads/small/6c/6c231f622352e07f01915f7f58fbc177_w750_h750.jpg”
},
{
“id”: 2,
“name”: “شوربة خضار”,
“nameEn”: “Vegetable Soup”,
“price”: 18,
“category”: “soups”,
“calories”: 322,
“rating”: 4.5,
“description”: “شوربة صحية غنية بأنواع مختلفة من الخضار الطازجة، محضرة بطريقة تقلل من فقدان القيمة الغذائية.”,
“image”: “https://qr.twisttaste.com/t/image/z/شوربة خضار.jpg”
},
{
“id”: 3,
“name”: “سلطة تويست”,
“nameEn”: “Twist Salad”,
“price”: 44,
“category”: “cold-appetizers”,
“calories”: 599,
“popular”: true,
“rating”: 4.9,
“description”: “سلطة مميزة من إعداد مطعمنا تجمع بين الخضار الطازجة والمكونات الخاصة.”,
“image”: “https://twisttaste.com/p/image/%D8%B3%D9%84%D8%B7%D8%A9%20%D8%AA%D9%88%D8%B3%D8%AA.jpg”
},
{
“id”: 4,
“name”: “سلطة بوراتا”,
“nameEn”: “Burrata Salad”,
“price”: 35,
“category”: “cold-appetizers”,
“calories”: 457,
“popular”: true,
“rating”: 4.9,
“description”: “سلطة إيطالية شهية تحتوي على جبنة البوراتا الطرية، طماطم كرزية، روكا، وزيتون مع صلصة البلساميك.”,
“image”: “https://twisttaste.com/p/image/%D8%B3%D9%84%D8%B7%D8%A9%20%D8%A8%D9%88%D8%B1%D8%A7%D8%AA%D8%A7.jpg”
},
{
“id”: 5,
“name”: “سلطة سيزر”,
“nameEn”: “Caesar Salad”,
“price”: 27,
“category”: “cold-appetizers”,
“calories”: 587,
“rating”: 4.7,
“description”: “سلطة سيزر الكلاسيكية مع خس الرومين، كروتونات، جبنة بارميزان وصلصة سيزر الخاصة.”,
“image”: “https://recipe.sunrisediet.com/wp-content/uploads/2020/07/%D8%B3%D9%8A%D8%B2%D8%B1-%D8%AF%D8%AC%D8%A7%D8%AC.jpg”
},
{
“id”: 6,
“name”: “حمص بالطحينية”,
“nameEn”: “Hummus with Tahini”,
“price”: 18,
“category”: “cold-appetizers”,
“calories”: 166,
“rating”: 4.6,
“description”: “حمص ناعم مع الطحينة وعصير الليمون وزيت الزيتون، يقدم مع خبز بيتا الدافئ.”,
“image”: “https://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Hummus_from_The_Nile.jpg/1200px-Hummus_from_The_Nile.jpg”
},
{
“id”: 7,
“name”: “متبل”,
“nameEn”: “Mutabal”,
“price”: 18,
“category”: “cold-appetizers”,
“calories”: 321,
“rating”: 4.5,
“description”: “باذنجان مشوي مع الطحينة والثوم والليمون، يقدم مع خبز بيتا الدافئ.”,
“image”: “https://kitchen.sayidaty.net/uploads/small/b2/b2fbadf383b83525dd3f28cea69433d1_w750_h500.jpg”
},
{
“id”: 8,
“name”: “بابا غنوج”,
“nameEn”: “Baba Ghanoush”,
“price”: 18,
“category”: “cold-appetizers”,
“calories”: 399,
“rating”: 4.4,
“description”: “باذنجان مشوي مع الطحينة والثوم والليمون والبقدونس، يقدم مع خبز بيتا الدافئ.”,
“image”: “https://qr.twisttaste.com/t/image/z/بابا غنوج.jpg”
},
{
“id”: 9,
“name”: “محمرة”,
“nameEn”: “Muhammara”,
“price”: 18,
“category”: “cold-appetizers”,
“calories”: 487,
“rating”: 4.3,
“description”: “صلصة حلوة وحارة من الفلفل الأحمر والجوز والرمان، تقدم مع خبز بيتا الدافئ.”,
“image”: “https://i.ytimg.com/vi/RMQmPVIJKNY/maxresdefault.jpg”
},
{
“id”: 10,
“name”: “جرجير مع الشمندر”,
“nameEn”: “Arugula with Beetroot”,
“price”: 22,
“category”: “cold-appetizers”,
“calories”: 562,
“rating”: 4.2,
“description”: “سلطة جرجير طازجة مع شرائح الشمندر المشوي، جبنة فيتا، وجوز محمص.”,
“image”: “https://recipe.sunrisediet.com/wp-content/uploads/2020/07/%D8%AC%D8%B1%D8%AC%D9%8A%D8%B1-%D8%B4%D9%85%D9%86%D8%AF%D8%B1.jpg”
},
{
“id”: 11,
“name”: “فتوش تويست”,
“nameEn”: “Fattoush Twist”,
“price”: 20,
“category”: “cold-appetizers”,
“calories”: 698,
“rating”: 4.1,
“description”: “سلطة فتوش تقليدية مع لمسة مميزة من مطعمنا، تحتوي على خضار طازجة وخبز مقرمش.”,
“image”: “https://qr.twisttaste.com/t/image/z/فتوش تويست.jpg”
},
{
“id”: 12,
“name”: “تبولة تويست”,
“nameEn”: “Tabbouleh Twist”,
“price”: 20,
“category”: “cold-appetizers”,
“calories”: 632,
“rating”: 4,
“description”: “تبولة تقليدية مع لمسة مميزة من مطعمنا، تحتوي على البرغل والبقدونس والنعناع.”,
“image”: “https://qr.twisttaste.com/t/image/z/تبولة تويست.jpg”
},
{
“id”: 13,
“name”: “ورق عنب”,
“nameEn”: “Vine Leaves”,
“price”: 18,
“category”: “cold-appetizers”,
“calories”: 688,
“rating”: 4.7,
“description”: “أوراق عنب محشوة بالأرز والخلطة الخاصة، تقدم مع ليمون وزيت زيتون.”,
“image”: “https://qr.twisttaste.com/t/image/z/ورق عنب.jpg”
},
{
“id”: 14,
“name”: “سلطة يونانية”,
“nameEn”: “Greek Salad”,
“price”: 23,
“category”: “cold-appetizers”,
“calories”: 787,
“rating”: 4.8,
“description”: “سلطة يونانية تقليدية مع خيار، طماطم، بصل أحمر، زيتون، جبنة فيتا، وزيت زيتون.”,
“image”: “https://i.ytimg.com/vi/hetHNBAJvYk/maxresdefault.jpg”
},
{
“id”: 15,
“name”: “مشكل مقبلات”,
“nameEn”: “Mixed Appetizers”,
“price”: 35,
“category”: “cold-appetizers”,
“calories”: 1299,
“rating”: 4.9,
“description”: “طبق مشكل يحتوي على تشكيلة من المقبلات الباردة الأكثر طلباً في المطعم.”,
“image”: “https://qr.twisttaste.com/t/image/z/مشكل مقبلات.jpg”
},
{
“id”: 16,
“name”: “كساديا دجاج”,
“nameEn”: “Chicken Quesadilla”,
“price”: 35,
“category”: “hot-appetizers”,
“calories”: 854,
“rating”: 4.7,
“description”: “كساديا مكسيكية محشوة بدجاج مشوي، جبنة، فلفل حلو، وتوابل خاصة.”,
“image”: “https://qr.twisttaste.com/t/image/z/كساديا دجاج.jpg”
},
{
“id”: 17,
“name”: “اصابع الموزريلا”,
“nameEn”: “Mozzarella Sticks”,
“price”: 25,
“category”: “hot-appetizers”,
“calories”: 632,
“rating”: 4.6,
“description”: “أصابع جبنة موزاريلا مقلية مقرمشة، تقدم مع صلصة مارينارا.”,
“image”: “https://kitchen.sayidaty.net/uploads/small/90/905d6a6342b1e38115738c590aa84e2e_w750_h750.jpg”
},
{
“id”: 18,
“name”: “كبة لحم مقلية”,
“nameEn”: “Fried Meatballs”,
“price”: 29,
“category”: “hot-appetizers”,
“calories”: 741,
“rating”: 4.5,
“description”: “كبة لحم مقرمشة محشوة باللحم المفروم والبصل والتوابل الخاصة.”,
“image”: “https://qr.twisttaste.com/t/image/z/كبة لحم مقلية.jpg”
},
{
“id”: 19,
“name”: “كبة دجاج مقلية”,
“nameEn”: “Fried Chicken Meatballs”,
“price”: 26,
“category”: “hot-appetizers”,
“calories”: 652,
“rating”: 4.4,
“description”: “كبة دجاج مقرمشة محشوة بالدجاج المفروم والبصل والتوابل الخاصة.”,
“image”: ” https://i.pinimg.com/736x/a4/a0/34/a4a03460a3a1acf56387ef1a68656fe9.jpg”
},
{
“id”: 20,
“name”: “كبة مشوية (الحبة)”,
“nameEn”: “Grilled Meatballs (per piece)”,
“price”: 10,
“category”: “hot-appetizers”,
“calories”: 365,
“rating”: 4.3,
“description”: “كبة لحم مشوية على الفحم مع خلطة التوابل الخاصة بمطعمنا.”,
“image”: “https://twisttaste.com/p/image/%D9%83%D8%A8%D8%A9%20%D9%84%D8%AD%D9%85%20%D9%85%D8%B4%D9%88%D9%8A%D8%A9%20%D8%AD%D8%A8%D8%A9%20%D9%88%D8%A7%D8%AD%D8%AF%D8%A9.jpg”
},
{
“id”: 21,
“name”: “بطاطس سبايسي”,
“nameEn”: “Spicy Potatoes”,
“price”: 25,
“category”: “hot-appetizers”,
“calories”: 741,
“rating”: 4.2,
“description”: “بطاطس مقلية مع خلطة التوابل الحارة الخاصة بمطعمنا.”,
“image”: “https://qr.twisttaste.com/t/image/z/بطاطس سبايسي.jpg”
},
{
“id”: 22,
“name”: “بطاطس مبهرة”,
“nameEn”: “Spiced Potatoes”,
“price”: 20,
“category”: “hot-appetizers”,
“calories”: 852,
“rating”: 4.1,
“description”: “بطاطس مقلية مع خلطة التوابل الخاصة بمطعمنا.”,
“image”: “https://qr.twisttaste.com/t/image/z/بطاطس مبهرة.jpg”
},
{
“id”: 23,
“name”: “أرانشيني”,
“nameEn”: “Arancini”,
“price”: 32,
“category”: “hot-appetizers”,
“calories”: 985,
“rating”: 4,
“description”: “كرات أرز إيطالية مقلية محشوة بالجبن واللحم المفروم.”,
“image”: “https://img.youm7.com/ArticleImgs/2019/10/21/43962-%D8%B7%D8%B1%D9%8A%D9%82%D8%A9-%D8%B9%D9%85%D9%84-%D8%A3%D8%B1%D8%A7%D9%86%D9%8A%D8%B4%D9%8A%D9%86%D9%89-%D8%A7%D9%84%D9%85%D8%AD%D8%A8%D8%A8%D8%A9-%D9%84%D9%84%D8%A3%D8%B7%D9%81%D8%A7%D9%84.jfif”
},
{
“id”: 24,
“name”: “شرمب ديناميت”,
“nameEn”: “Dynamite Shrimp”,
“price”: 33,
“category”: “hot-appetizers”,
“calories”: 895,
“rating”: 4.9,
“description”: “جمبري مقلي مع صلصة حارة حلوة، يقدم مع صلصة المايونيز الخاصة.”,
“image”: “https://recipe.sunrisediet.com/wp-content/uploads/2023/12/dynamiteshrimp-1b.jpeg”
},
{
“id”: 25,
“name”: “بطاطس أصابع مقلية”,
“nameEn”: “French Fries”,
“price”: 12,
“category”: “hot-appetizers”,
“calories”: 833,
“rating”: 4.8,
“description”: “بطاطس مقلية مقرمشة، تقدم مع صلصة الكاتشب أو المايونيز.”,
“image”: “https://cdn.salla.sa/KjgYwn/53ac71fa-b534-4093-be64-2e75901accf0-1000×750-rtWlogM3jQ4oCLKVvRSeOND2AHytPC1rkWcXicXC.jpg”
},
{
“id”: 26,
“name”: “حمص باللحم”,
“nameEn”: “Hummus with meat”,
“price”: 29,
“category”: “hot-appetizers”,
“calories”: 965,
“rating”: 4.7,
“description”: “حمص ناعم مع لحم مفروم مقلي، صنوبر، وزيت زيتون.”,
“image”: “https://qr.twisttaste.com/t/image/z/حمص باللحم.jpg”
},
{
“id”: 27,
“name”: “متبل باللحم”,
“nameEn”: “Spiced with meat”,
“price”: 29,
“category”: “hot-appetizers”,
“calories”: 855,
“rating”: 4.6,
“description”: “متبل مع لحم مفروم مقلي، صنوبر، وزيت زيتون.”,
“image”: “https://kitchen.sayidaty.net/uploads/small/94/940261b7e07e01ee28fd55714f47860d_w750_h750.jpg”
},
{
“id”: 28,
“name”: “كباب لحم تويست”,
“nameEn”: “Lamb Twist Kebab”,
“price”: 49,
“category”: “grills”,
“calories”: 1369,
“popular”: true,
“rating”: 4.9,
“description”: “كباب لحم مميز من إعداد مطعمنا مع خلطة التوابل السرية.”,
“image”: “https://qr.twisttaste.com/t/image/z/كباب لحم تويست.jpg”
},
{
“id”: 29,
“name”: “كباب دجاج تويست”,
“nameEn”: “Chicken Twist Kebab”,
“price”: 45,
“category”: “grills”,
“calories”: 1104,
“popular”: true,
“rating”: 4.8,
“description”: “كباب دجاج مميز من إعداد مطعمنا مع خلطة التوابل السرية.”,
“image”: “https://qr.twisttaste.com/t/image/z/كباب دجاج تويست.jpg”
},
{
“id”: 30,
“name”: “كرات اللحم بالكرز”,
“nameEn”: “Cherry Meatballs”,
“price”: 43,
“category”: “grills”,
“calories”: 1478,
“rating”: 4.7,
“description”: “كرات لحم مشوية مع صلصة الكرز الحلوة والحامضة.”,
“image”: “https://qr.twisttaste.com/t/image/z/كرات اللحم بالكرز.jpg”
},
{
“id”: 31,
“name”: “كرات اللحم بالكريمة”,
“nameEn”: “Creamy Meatballs”,
“price”: 40,
“category”: “grills”,
“calories”: 879,
“rating”: 4.6,
“description”: “كرات لحم مشوية مع صلصة الكريمة والفطر.”,
“image”: “https://qr.twisttaste.com/t/image/z/كرات اللحم بالكريمة.jpg”
},
{
“id”: 32,
“name”: “كفتة اللحم مكس اجبان”,
“nameEn”: “Meat kofta with mixed cheese”,
“price”: 46,
“category”: “grills”,
“calories”: 998,
“rating”: 4.5,
“description”: “كفتة لحم مشوية محشوة بمزيج من الأجبان الذائبة.”,
“image”: “https://kitchen.sayidaty.net/uploads/small/37/37707fd8188c451ee75a357678d93bbb_w750_h500.jpg”
},
{
“id”: 33,
“name”: “كفتة الدجاج مكس اجبان”,
“nameEn”: “Chicken Meatballs Mixed Cheese”,
“price”: 42,
“category”: “grills”,
“calories”: 887,
“rating”: 4.4,
“description”: “كفتة دجاج مشوية محشوة بمزيج من الأجبان الذائبة.”,
“image”: “https://img-global.cpcdn.com/recipes/d91903313185ef3b/240x320cq80/photo.jpg”
},
{
“id”: 34,
“name”: “ريش لحم”,
“nameEn”: “Lamb chops”,
“price”: 50,
“category”: “grills”,
“calories”: 687,
“rating”: 4.3,
“description”: “ريش لحم ضأن مشوي على الفحم مع خلطة التوابل الخاصة.”,
“image”: “https://qr.twisttaste.com/t/image/z/ريش لحم.jpg”
},
{
“id”: 35,
“name”: “مشكل دجاج”,
“nameEn”: “Chicken mix”,
“price”: 35,
“category”: “grills”,
“calories”: 765,
“rating”: 4.2,
“description”: “طبق مشكل يحتوي على قطع دجاج مشوية بأنواع مختلفة.”,
“image”: “https://qr.twisttaste.com/t/image/z/مشكل دجاج.jpg”
},
{
“id”: 36,
“name”: “مشكل مكس”,
“nameEn”: “Mixed mix”,
“price”: 46,
“category”: “grills”,
“calories”: 988,
“rating”: 4.1,
“description”: “طبق مشكل يحتوي على قطع لحم ودجاج مشوية بأنواع مختلفة.”,
“image”: “https://qr.twisttaste.com/t/image/z/مشكل مكس.jpg”
},
{
“id”: 37,
“name”: “اوصال اللحم”,
“nameEn”: “Meat joints”,
“price”: 43,
“category”: “grills”,
“calories”: 899,
“rating”: 4,
“description”: “أوصال لحم ضأن مشوية على الفحم مع خلطة التوابل الخاصة.”,
“image”: “https://shata-limon.com/wp-content/uploads/2024/11/%D8%A3%D9%88%D8%B5%D8%A7%D9%84-%D9%84%D8%AD%D9%85.png”
},
{
“id”: 38,
“name”: “شيش طاووق”,
“nameEn”: “Shish tawook”,
“price”: 39,
“category”: “grills”,
“calories”: 833,
“rating”: 4.9,
“description”: “قطع دجاج مشوية على السيخ مع صلصة الثوم الخاصة.”,
“image”: “https://qr.twisttaste.com/t/image/z/شيش طاووق.jpg”
},
{
“id”: 39,
“name”: “مشكل لحم”,
“nameEn”: “Mixed meat”,
“price”: 49,
“category”: “grills”,
“calories”: 922,
“rating”: 4.8,
“description”: “طبق مشكل يحتوي على قطع لحم مشوية بأنواع مختلفة.”,
“image”: “https://qr.twisttaste.com/t/image/z/مشكل لحم.jpg”
},
{
“id”: 40,
“name”: “طوشكا اجبان”,
“nameEn”: “Cheese toshka”,
“price”: 35,
“category”: “grills”,
“calories”: 801,
“rating”: 4.7,
“description”: “خبز طابون محشو بمزيج من الأجبان الذائبة.”,
“image”: “https://qr.twisttaste.com/t/image/z/طوشكا اجبان.jpg”
},
{
“id”: 41,
“name”: “عرايس لحم”,
“nameEn”: “Lamb arayes”,
“price”: 32,
“category”: “grills”,
“calories”: 766,
“rating”: 4.6,
“description”: “خبز طابون محشو باللحم المفروم والتوابل الخاصة.”,
“image”: “https://qr.twisttaste.com/t/image/z/عرايس لحم.jpg”
},
{
“id”: 42,
“name”: “مشكل عائلي مع الأرز”,
“nameEn”: “Family mix with rice”,
“price”: 110,
“category”: “grills”,
“calories”: 1926,
“rating”: 4.5,
“description”: “طبق عائلي يحتوي على تشكيلة من المشويات مع الأرز البخاري.”,
“image”: “https://cdn.salla.sa/ddZbX/416d6a92-68da-4f05-98eb-b073f6fd985e-500×500-qEZCqz70k2pgLxu6tGk9UdWvN3uWVK02w9eglJXL.png”
},
{
“id”: 43,
“name”: “كباب لحم”,
“nameEn”: “Lamb kebab”,
“price”: 36,
“category”: “grills”,
“calories”: 653,
“rating”: 4.4,
“description”: “كباب لحم تقليدي مشوي على الفحم مع التوابل.”,
“image”: “https://qr.twisttaste.com/t/image/z/كباب لحم.jpg”
},
{
“id”: 44,
“name”: “كباب دجاج”,
“nameEn”: “Chicken kebab”,
“price”: 32,
“category”: “grills”,
“calories”: 511,
“rating”: 4.3,
“description”: “كباب دجاج تقليدي مشوي على الفحم مع التوابل.”,
“image”: “https://qr.twisttaste.com/t/image/z/كباب دجاج.jpg”
},
{
“id”: 45,
“name”: “كرات الدجاج بالكريمة”,
“nameEn”: “Chicken balls with cream”,
“price”: 35,
“category”: “grills”,
“calories”: 588,
“rating”: 4.2,
“description”: “كرات دجاج مشوية مع صلصة الكريمة والفطر.”,
“image”: “https://kitchen.sayidaty.net/uploads/small/ad/ad32f0f19092be2a32565ff521030af4_w750_h500.jpg”
},
{
“id”: 46,
“name”: “ستيك انتركوت تويست”,
“nameEn”: “Entrecote Twist Steak”,
“price”: 85,
“category”: “steak”,
“calories”: 1623,
“popular”: true,
“rating”: 4.9,
“description”: “ستيك انتركوت مميز من إعداد مطعمنا مع خلطة التوابل السرية.”,
“image”: “https://qr.twisttaste.com/t/image/z/ستيك انتركوت تويست.jpg”
},
{
“id”: 47,
“name”: “ستيك ستبرليون ميدليون”,
“nameEn”: “Stepperlion Medallion Steak”,
“price”: 90,
“category”: “steak”,
“calories”: 1856,
“rating”: 4.8,
“description”: “ستيك ستبرليون مميز من إعداد مطعمنا مع خلطة التوابل السرية.”,
“image”: “https://meats.com.sa/cdn/shop/files/sirloinsteak.webp?v=1752146222&width=1080”
},
{
“id”: 48,
“name”: “ستيك تندر لاين مشروم صوص”,
“nameEn”: “Tenderloin Steak with Mushroom Sauce”,
“price”: 95,
“category”: “steak”,
“calories”: 1542,
“rating”: 4.7,
“description”: “ستيك تندر لاين مع صلصة الفطر الكريمية الخاصة بمطعمنا.”,
“image”: “https://img-global.cpcdn.com/recipes/45fc5783f850fe1c/1200x630cq80/photo.jpg”
},
{
“id”: 49,
“name”: “ستيك دجاج”,
“nameEn”: “Chicken steak”,
“price”: 49,
“category”: “steak”,
“calories”: 786,
“rating”: 4.6,
“description”: “ستيك صدر دجاج مشوي مع صلصة الليمون والثوم.”,
“image”: “https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ-uRGEoFRKC9C1n9RqE49nfycw2rm_edKw2A&s”
},
{
“id”: 50,
“name”: “ريزوتو بالدجاج والفطر”,
“nameEn”: “Chicken and Mushroom Risotto”,
“price”: 45,
“category”: “pasta”,
“calories”: 574,
“rating”: 4.5,
“description”: “ريزوتو إيطالي كريمي مع دجاج مشوي وفطر طازج.”,
“image”: “https://kitchen.sayidaty.net/uploads/small/b1/b1d6a1147e8045819354db843efe92da_w750_h500.jpg”
},
{
“id”: 51,
“name”: “رافيولي بالسبانخ والريكوتا”,
“nameEn”: “Spinach and Ricotta Ravioli”,
“price”: 48,
“category”: “pasta”,
“calories”: 698,
“rating”: 4.4,
“description”: “رافيولي محشو بالسبانخ والجبنة الريكوتا مع صلصة الطماطم الطازجة.”,
“image”: “https://qr.twisttaste.com/t/image/z/رافيولي بالسبانخ والريكوتا.jpg”
},
{
“id”: 52,
“name”: “لازانيا (لحم دجاج)”,
“nameEn”: “Lasagna (Meat or Chicken)”,
“price”: 45,
“category”: “pasta”,
“calories”: 733,
“rating”: 4.3,
“description”: “لازانيا إيطالية تقليدية مع لحم مفروم أو دجاج وصلصة البشاميل.”,
“image”: “https://kitchen.sayidaty.net/uploads/small/93/938fd4872ac457c951e1309346c4127f_w750_h500.jpg”
},
{
“id”: 53,
“name”: “فيتوتشيني ألفريدو”,
“nameEn”: “Fettuccine Alfredo”,
“price”: 49,
“category”: “pasta”,
“calories”: 766,
“rating”: 4.2,
“description”: “فيتوتشيني مع صلصة ألفريدو الكريمية والفطر الطازج.”,
“image”: “https://static.webteb.net/images/content/ramadanrecipe_recipe_59_226.jpg”
},
{
“id”: 54,
“name”: “ريغاتوني ترافل”,
“nameEn”: “Rigatoni Truffle”,
“price”: 45,
“category”: “pasta”,
“calories”: 699,
“rating”: 4.1,
“description”: “ريغاتوني مع صلصة الكريمة وشرائح الترفل الأسود.”,
“image”: “https://www.nextinlime.com/wp-content/uploads/2023/10/truffle-rigatoni-recipe.jpeg”
},
{
“id”: 55,
“name”: “سباغيتي بولونيز”,
“nameEn”: “Spaghetti Bolognese”,
“price”: 42,
“category”: “pasta”,
“calories”: 577,
“rating”: 4,
“description”: “سباغيتي مع صلصة البولونيز التقليدية واللحم المفروم.”,
“image”: “https://kitchen.sayidaty.net/uploads/small/48/4877a62611e698282a12a01f03c67104_w750_h750.jpg”
},
{
“id”: 56,
“name”: “بيكاتا دجاج”,
“nameEn”: “Chicken piccata”,
“price”: 42,
“category”: “pasta”,
“calories”: 643,
“rating”: 4.9,
“description”: “شرائح دجاج مع صلصة الليمون والكبر، تقدم مع معكرونة.”,
“image”: “https://qr.twisttaste.com/t/image/z/بيكاتا دجاج.jpg”
},
{
“id”: 57,
“name”: “معكرونة كانيلوني”,
“nameEn”: “Cannelloni pasta”,
“price”: 42,
“category”: “pasta”,
“calories”: 782,
“rating”: 4.8,
“description”: “كانيلوني محشو باللحم المفروم والسبانخ مع صلصة البشاميل.”,
“image”: “https://kitchen.sayidaty.net/uploads/small/b6/b69c786a68cfaaa1bbaf7afb5f65df68_w750_h750.jpg”
},
{
“id”: 58,
“name”: “كوردون بلو”,
“nameEn”: “Cordon Bleu”,
“price”: 49,
“category”: “western”,
“calories”: 869,
“rating”: 4.7,
“description”: “شرائح دجاج محشوة بالجبن واللحم، مقلية ومغطاة ببقسماط.”,
“image”: “https://qr.twisttaste.com/t/image/z/كوردون بلو.jpg”
},
{
“id”: 59,
“name”: “ايمانسيه ديفو الفرنسية”,
“nameEn”: “French Emansée Defoe”,
“price”: 59,
“category”: “western”,
“calories”: 1024,
“rating”: 4.6,
“description”: “طبق فرنسي كلاسيكي من شرائح اللحم مع صلصة الفطر والكريمة.”,
“image”: ” https://i.ytimg.com/vi/nWml6fk6UW4/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLC3IBzNdDd4l-aGMs7wNZog4ets-g “
},
{
“id”: 60,
“name”: “اسكالوب فينواز الدجاج”,
“nameEn”: “Chicken Escalope Vinoise”,
“price”: 45,
“category”: “western”,
“calories”: 1088,
“rating”: 4.5,
“description”: “شرائح دجاج مقلية مع صلصة الفينواز الخاصة.”,
“image”: “https://qr.twisttaste.com/t/image/z/اسكالوب فينواز الدجاج.jpg”
},
{
“id”: 61,
“name”: “كسكسي الدجاج مع الخضار”,
“nameEn”: “Chicken Couscous with Vegetables”,
“price”: 49,
“category”: “western”,
“calories”: 914,
“rating”: 4.4,
“description”: “كسكسي تقليدي مع دجاج مشوي وخضار طازجة.”,
“image”: “https://i.ytimg.com/vi/9f18AW86vmM/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLD42OgvX9UaDV_U1PqSjF6siXHPig”
},
{
“id”: 62,
“name”: “بروفنسال اورجينال”,
“nameEn”: “Provencal Original”,
“price”: 54,
“category”: “western”,
“calories”: 866,
“rating”: 4.3,
“description”: “طبق بروفنسالي تقليدي مع الخضار المشوية والتوابل الخاصة.”,
“image”: “https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQOqwULZus9Tphh4agO3SrW5Lr89c5w9s6-rQ&s”
},
{
“id”: 63,
“name”: “طاجن بحري”,
“nameEn”: “Seafood Tagine”,
“price”: 55,
“category”: “seafood”,
“calories”: 1104,
“rating”: 4.2,
“description”: “طاجن بحري مع مزيج من المأكولات البحرية الطازجة.”,
“image”: “https://qr.twisttaste.com/t/image/z/طاجن بحري.jpg”
},
{
“id”: 64,
“name”: “طاجن لحم مع الخضار”,
“nameEn”: “Meat Tagine with Vegetables”,
“price”: 50,
“category”: “western”,
“calories”: 856,
“rating”: 4.1,
“description”: “طاجن لحم مع خضار مشوية وتوابل خاصة.”,
“image”: “https://qr.twisttaste.com/t/image/z/طاجن لحم مع الخضار.jpg”
},
{
“id”: 65,
“name”: “طاجن دجاج”,
“nameEn”: “Chicken casserole”,
“price”: 45,
“category”: “western”,
“calories”: 876,
“rating”: 4,
“description”: “طاجن دجاج مع الخضار والتوابل الخاصة.”,
“image”: “https://cdn.al-ain.com/images/2019/6/08/47-113341-moroccan-chicken-casserole-recipe_700x400.jpeg”
},
{
“id”: 66,
“name”: “حميس لحم”,
“nameEn”: “Lamb Hummus”,
“price”: 40,
“category”: “western”,
“calories”: 866,
“rating”: 4.9,
“description”: “حمص مع لحم ضأن مشوي وصنوبر وزيت زيتون.”,
“image”: “https://qr.twisttaste.com/t/image/z/حميس لحم.jpg”
},
{
“id”: 67,
“name”: “حميس دجاج”,
“nameEn”: “Chicken Hummus”,
“price”: 35,
“category”: “western”,
“calories”: 741,
“rating”: 4.8,
“description”: “حمص مع دجاج مشوي وصنوبر وزيت زيتون.”,
“image”: “https://qr.twisttaste.com/t/image/z/حميس دجاج.jpg”
},
{
“id”: 68,
“name”: “سلمون مشوي مع الصوص”,
“nameEn”: “Grilled Salmon with Sauce”,
“price”: 60,
“category”: “seafood”,
“calories”: 1621,
“rating”: 4.7,
“description”: “شريحة سلمون طازجة مشوية مع صلصة الليمون والثوم.”,
“image”: “https://qr.twisttaste.com/t/image/z/سلمون مشوي مع الصوص.jpg”
},
{
“id”: 69,
“name”: “روبيان مشوي”,
“nameEn”: “Grilled Shrimp”,
“price”: 49,
“category”: “seafood”,
“calories”: 965,
“rating”: 4.6,
“description”: “روبيان طازج مشوي مع صلصة الثوم الخاصة.”,
“image”: “https://static.webteb.net/images/content/ramadanrecipe_recipe_939_354392e3ce3-cf19-4d4e-b1fb-97cd7ce9fd61.jpg”
},
{
“id”: 70,
“name”: “روبيان مقلي”,
“nameEn”: “Fried Shrimp”,
“price”: 42,
“category”: “seafood”,
“calories”: 856,
“rating”: 4.5,
“description”: “روبيان طازج مقلي مع صلصة التارتار الخاصة.”,
“image”: “https://qr.twisttaste.com/t/image/z/روبيان مقلي.jpg”
},
{
“id”: 71,
“name”: “روبيان فاهيتا”,
“nameEn”: “Shrimp Fajitas”,
“price”: 45,
“category”: “seafood”,
“calories”: 866,
“rating”: 4.4,
“description”: “روبيان مع الفلفل الحلو والبصل وصلصة الفاهيتا الخاصة.”,
“image”: “https://qr.twisttaste.com/t/image/z/روبيان فاهيتا.jpg”
},
{
“id”: 72,
“name”: “بيتزا كواترو فورماجي”,
“nameEn”: “Quarter Formaggi Pizza”,
“price”: 45,
“category”: “pizza”,
“calories”: 785,
“rating”: 4.3,
“description”: “بيتزا بأربعة أنواع من الجبن الإيطالي.”,
“image”: “https://www.ajinomoto.com/cms_wp_ajnmt_global/wp-content/uploads/umamirecipes/jpg/PIZZA-QUATRO-QUEIJOS-659×371.jpg”
},
{
“id”: 73,
“name”: “بيتزا ترافل”,
“nameEn”: “Travel Pizza”,
“price”: 49,
“category”: “pizza”,
“calories”: 745,
“rating”: 4.2,
“description”: “بيتزا مع صلصة الترفل والفطر الطازج.”,
“image”: “https://www.atyabtabkha.com/wp-content/uploads/2023/08/truffle-pizza.jpg”
},
{
“id”: 74,
“name”: “بيتزا البايتو بريسكت”,
“nameEn”: “Bristol Pizza”,
“price”: 52,
“category”: “pizza”,
“calories”: 856,
“rating”: 4.1,
“description”: “بيتزا مع لحم البايتو بريسكت والفطر الطازج.”,
“image”: “https://qr.twisttaste.com/t/image/z/بيتزا البايتو بريسكت.jpg”
},
{
“id”: 75,
“name”: “بيتزا حلومي بيستو”,
“nameEn”: “Halloumi Pesto Pizza”,
“price”: 45,
“category”: “pizza”,
“calories”: 856,
“rating”: 4,
“description”: “بيتزا مع جبنة الحلومي وصلصة البيستو الطازجة.”,
“image”: “https://qr.twisttaste.com/t/image/z/بيتزا حلومي بيستو.jpg”
},
{
“id”: 76,
“name”: “بيتزا بيبروني”,
“nameEn”: “Pepperoni Pizza”,
“price”: 42,
“category”: “pizza”,
“calories”: 765,
“rating”: 4.9,
“description”: “بيتزا مع لحم البيبروني وجبنة الموزاريلا.”,
“image”: “https://qr.twisttaste.com/t/image/z/بيتزا بيبروني.jpg”
},
{
“id”: 77,
“name”: “بيتزا الدجاج”,
“nameEn”: “Chicken Pizza”,
“price”: 42,
“category”: “pizza”,
“calories”: 763,
“rating”: 4.8,
“description”: “بيتزا مع دجاج مشوي وفطر طازج.”,
“image”: “https://kitchen.sayidaty.net/uploads/node/chicken-pizza1.jpg”
},
{
“id”: 78,
“name”: “بيتزا الخضار”,
“nameEn”: “Vegetable Pizza”,
“price”: 40,
“category”: “pizza”,
“calories”: 635,
“rating”: 4.7,
“description”: “بيتزا مع تشكيلة من الخضار الطازجة.”,
“image”: “https://qr.twisttaste.com/t/image/z/بيتزا الخضار.jpg”
},
{
“id”: 79,
“name”: “بيتزا بيستو بالباذنجان”,
“nameEn”: “Eggplant Pesto Pizza”,
“price”: 45,
“category”: “pizza”,
“calories”: 865,
“rating”: 4.6,
“description”: “بيتزا مع باذنجان مشوي وصلصة البيستو الطازجة.”,
“image”: “https://qr.twisttaste.com/t/image/z/بيتزا بيستو بالباذنجان.jpg”
},
{
“id”: 80,
“name”: “بيتزا سبايسي هلابينو”,
“nameEn”: “Spicy Chicken Pizza”,
“price”: 42,
“category”: “pizza”,
“calories”: 1036,
“rating”: 4.5,
“description”: “بيتزا حارة مع دجاج مشوي وفلفل هالبينو.”,
“image”: “https://images.deliveryhero.io/image/hungerstation/product/image_url_ref/89e02da84b898c6b3e32961396df0c1c.jpeg?width=1440&quality=75”
},
{
“id”: 81,
“name”: “بيتزا الرانش”,
“nameEn”: “Ranch Pizza”,
“price”: 45,
“category”: “pizza”,
“calories”: 654,
“rating”: 4.4,
“description”: “بيتزا مع صلصة الرانش والدجاج المشوي.”,
“image”: “https://static.webteb.net/images/content/ramadanrecipe_recipe_1283_544d42891bf-7c46-458a-8bb5-65a06212acf1.jpg”
},
{
“id”: 82,
“name”: “بيتزا مرغريتا”,
“nameEn”: “Margherita Pizza”,
“price”: 42,
“category”: “pizza”,
“calories”: 802,
“rating”: 4.3,
“description”: “بيتزا كلاسيكية مع جبنة الموزاريلا وصلصة الطماطم.”,
“image”: “https://qr.twisttaste.com/t/image/z/بيتزا مرغريتا.jpg”
},
{
“id”: 83,
“name”: “بيتزا الفصول الأربعة”,
“nameEn”: “Four Seasons Pizza”,
“price”: 50,
“category”: “pizza”,
“calories”: 1874,
“rating”: 4.2,
“description”: “بيتزا مقسمة لأربعة أقسام تمثل الفصول الأربعة بنكهات مختلفة.”,
“image”: “https://qr.twisttaste.com/t/image/z/بيتزا الفصول الأربعة.jpg”
},
{
“id”: 84,
“name”: “بيتزا نابوليان”,
“nameEn”: “Napolitan Pizza”,
“price”: 45,
“category”: “pizza”,
“calories”: 752,
“rating”: 4.1,
“description”: “بيتزا نابولية تقليدية مع جبنة الموزاريلا وصلصة الطماطم.”,
“image”: “https://qr.twisttaste.com/t/image/z/بيتزا نابوليان.jpg”
},
{
“id”: 85,
“name”: “برجر لحم اورجينال”,
“nameEn”: “Original beef burger”,
“price”: 30,
“category”: “burger”,
“calories”: 1035,
“rating”: 4,
“description”: “برجر لحم بقري مع الخضار الطازجة وصلصة خاصة.”,
“image”: “https://img.ananinja.com/media/ninja-catalog-42/restaurants/x5icc9n268nc8ux259yqaqo5ypmu/%D9%83%D8%A7%D9%88%20%D8%A8%D9%88%D9%8A%20%D8%A8%D8%B1%D8%AC%D8%B1%20%D9%84%D8%AD%D9%85.png?w=1080&q=75”
},
{
“id”: 86,
“name”: “برجر دجاج”,
“nameEn”: “Chicken burger”,
“price”: 28,
“category”: “burger”,
“calories”: 932,
“rating”: 4.9,
“description”: “برجر دجاج مع الخضار الطازجة وصلصة خاصة.”,
“image”: “https://cdn.salla.sa/YQPjl/b3b63b10-a010-4842-8cb8-15cb61d0d66f-1000×666.66666666667-SeZ8lun2dt4MpaUuhbVdbpGQKViUdrpmwhFbPA0u.png”
},
{
“id”: 87,
“name”: “دجاج ستربس”,
“nameEn”: “Chicken Strips”,
“price”: 28,
“category”: “kids-meal”,
“calories”: 899,
“rating”: 4.8,
“description”: “شرائح دجاج مقلية مع صلصة الباربكيو.”,
“image”: “https://qr.twisttaste.com/t/image/z/دجاج ستربس.jpg”
},
{
“id”: 88,
“name”: “مكعبات الدجاج المقلية”,
“nameEn”: “Fried chicken cubes”,
“price”: 28,
“category”: “kids-meal”,
“calories”: 802,
“rating”: 4.7,
“description”: “مكعبات دجاج مقلية مع صلصة الكاتشب.”,
“image”: “https://qr.twisttaste.com/t/image/z/مكعبات الدجاج المقلية.jpg”
},
{
“id”: 89,
“name”: “شاورما دجاج تويست”,
“nameEn”: “Chicken Twist Shawarma”,
“price”: 28,
“category”: “shawarma”,
“calories”: 1288,
“rating”: 4.6,
“description”: “شاورما دجاج مميزة من إعداد مطعمنا مع الخلطة السرية.”,
“image”: “https://qr.twisttaste.com/t/image/z/شاورما دجاج تويست.jpg”
},
{
“id”: 90,
“name”: “شاورما دجاج سبايسي”,
“nameEn”: “Spicy Chicken Shawarma”,
“price”: 30,
“category”: “shawarma”,
“calories”: 1399,
“rating”: 4.5,
“description”: “شاورما دجاج حارة مميزة من إعداد مطعمنا مع الخلطة السرية.”,
“image”: “https://qr.twisttaste.com/t/image/z/شاورما دجاج سبايسي.jpg”
},
{
“id”: 91,
“name”: “شاورما لحم تويست”,
“nameEn”: “NoWest Meat Shawarma”,
“price”: 32,
“category”: “shawarma”,
“calories”: 1377,
“rating”: 4.4,
“description”: “شاورما لحم مميزة من إعداد مطعمنا مع الخلطة السرية.”,
“image”: “https://qr.twisttaste.com/t/image/z/شاورما لحم تويست.jpg”
},
{
“id”: 92,
“name”: “شاورما لحم سبايسي”,
“nameEn”: “Spicy Meat Shawarma”,
“price”: 35,
“category”: “shawarma”,
“calories”: 1423,
“rating”: 4.3,
“description”: “شاورما لحم حارة مميزة من إعداد مطعمنا مع الخلطة السرية.”,
“image”: “https://qr.twisttaste.com/t/image/z/شاورما لحم سبايسي.jpg”
},
{
“id”: 93,
“name”: “ارز عنبر”,
“nameEn”: “Amber rice”,
“price”: 10,
“category”: “rice”,
“calories”: 520,
“rating”: 4.2,
“description”: “أرز عنبر عالي الجودة مطبوخ على الطريقة التقليدية.”,
“image”: “https://twisttaste.com/p/image/%D8%A3%D8%B1%D8%B2%20%D8%B9%D9%86%D8%A8%D8%B1.jpg”
},
{
“id”: 94,
“name”: “صوص الريز و”,
“nameEn”: “Rice sauce and”,
“price”: 3,
“category”: “extras”,
“calories”: 254,
“rating”: 4.1,
“description”: “صوص خاص يقدم مع أطباق الأرز.”,
“image”: “https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSxRjK8oWlKLCOz02UhKrM2jgbo94E4EPzG1Q&s”
},
{
“id”: 95,
“name”: “صوص مشروم”,
“nameEn”: “Mushroom sauce”,
“price”: 3,
“category”: “extras”,
“calories”: 345,
“rating”: 4,
“description”: “صوص الفطر الكريمي اللذيذ.”,
“image”: “https://meats.com.sa/cdn/shop/articles/osfat-lthdyr-sos-almshrom-170896.jpg?v=1729256839&width=480”
},
{
“id”: 96,
“name”: “صوص بتر ليمون”,
“nameEn”: “Lemon butter sauce”,
“price”: 3,
“category”: “extras”,
“calories”: 322,
“rating”: 4.9,
“description”: “صوص الزبدة والليمون المنعش.”,
“image”: “https://qr.twisttaste.com/t/image/z/صوص بتر ليمون.jpg”
},
{
“id”: 97,
“name”: “صوص كردينالي”,
“nameEn”: “Cardinale sauce”,
“price”: 3,
“category”: “extras”,
“calories”: 457,
“rating”: 4.8,
“description”: “صوص الكاردينالي الخاص بمطعمنا.”,
“image”: “https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSsvTb80cwiMsy-d6sb7hmPmXDLVJ8E1fxwJg&s”
},
{
“id”: 98,
“name”: “صوص الترتار”,
“nameEn”: “Tartar sauce”,
“price”: 3,
“category”: “extras”,
“calories”: 398,
“rating”: 4.7,
“description”: “صوص الترتار الكلاسيكي.”,
“image”: “https://qr.twisttaste.com/t/image/z/صوص الترتار.jpg”
},
{
“id”: 99,
“name”: “كريم الثوم”,
“nameEn”: “Garlic cream”,
“price”: 5,
“category”: “extras”,
“calories”: 567,
“rating”: 4.6,
“description”: “كريمة الثوم اللذيذة التي تقدم مع المشويات.”,
“image”: “https://qr.twisttaste.com/t/image/z/كريم الثوم.jpg”
},
{
“id”: 100,
“name”: “موهيتو باشن فروت”,
“nameEn”: “Passion Fruit Mojito”,
“price”: 20,
“category”: “juices”,
“calories”: 745,
“rating”: 4.5,
“description”: “موهيتو منعش بنكهة فاكهة الباشن.”,
“image”: “https://images.taker.io/burger_site/1683316535_hdjoz7.jpg”
},
{
“id”: 101,
“name”: “موهيتو الأزرق”,
“nameEn”: “Blue Mojito”,
“price”: 18,
“category”: “juices”,
“calories”: 654,
“rating”: 4.4,
“description”: “موهيتو منعش باللون الأزرق.”,
“image”: “https://img.ananinja.com/media/ninja-catalog-42/restaurants/ysgn3a4mijg9vzg8tic4lap940cz/%D9%85%D9%88%D9%87%D9%8A%D8%AA%D9%88%20%D8%A8%D9%84%D9%88%D8%A8%D9%8A%D8%B1%D9%8A.png?w=1080&q=75”
},
{
“id”: 102,
“name”: “موهيتو الأناناس”,
“nameEn”: “Pineapple Mojito”,
“price”: 18,
“category”: “juices”,
“calories”: 652,
“rating”: 4.3,
“description”: “موهيتو منعش بنكهة الأناناس.”,
“image”: “https://static.aljamila.com/styles/640×426/public/2023-05/5103356-528837930.jpeg?h=e176a4a6”
},
{
“id”: 103,
“name”: “موهيتو الخوخ”,
“nameEn”: “Peach Mojito”,
“price”: 18,
“category”: “juices”,
“calories”: 532,
“rating”: 4.2,
“description”: “موهيتو منعش بنكهة الخوخ.”,
“image”: “https://unareceta.com/wp-content/uploads/2016/08/mojito-de-maracuya.jpg”
},
{
“id”: 104,
“name”: “كركديه سبيشل”,
“nameEn”: “Special Hibiscus”,
“price”: 18,
“category”: “juices”,
“calories”: 653,
“rating”: 4.1,
“description”: “كركديه خاص من إعداد مطعمنا.”,
“image”: “https://img.ananinja.com/media/ninja-catalog-42/restaurants/alq1kxyy7oll6jhyckg3z6fizst8/-.jpeg?w=1080&q=75”
},
{
“id”: 105,
“name”: “برتقال فريش”,
“nameEn”: “Fresh Orange”,
“price”: 15,
“category”: “juices”,
“calories”: 532,
“rating”: 4,
“description”: “عصير برتقال طازج 100%.”,
“image”: “https://qr.twisttaste.com/t/image/z/برتقال فريش.jpg”
},
{
“id”: 106,
“name”: “كوكتيل تويست”,
“nameEn”: “Twist Cocktail”,
“price”: 17,
“category”: “juices”,
“calories”: 851,
“rating”: 4.9,
“description”: “كوكتيل فواكه خاص من إعداد مطعمنا.”,
“image”: “k.jpg”
},
{
“id”: 107,
“name”: “عصير تفاح مع الفواكه”,
“nameEn”: “Apple Juice with Fruits”,
“price”: 17,
“category”: “juices”,
“calories”: 985,
“rating”: 4.8,
“description”: “عصير تفاح طازج مع قطع فواكه متنوعة.”,
“image”: “https://static.webteb.net/images/content/tbl_articles_article_25156_89328875a1f-f677-480e-aafe-702022faba74.jpg”
},
{
“id”: 108,
“name”: “عصير ليمون نعناع”,
“nameEn”: “Lemonade with Mint”,
“price”: 15,
“category”: “juices”,
“calories”: 621,
“rating”: 4.7,
“description”: “عصير ليمون منعش مع أوراق النعناع الطازجة.”,
“image”: “https://qr.twisttaste.com/t/image/z/عصير ليمون نعناع.jpg”
},
{
“id”: 109,
“name”: “مشروبات غازية”,
“nameEn”: “Soft Drinks”,
“price”: 5,
“category”: “juices”,
“calories”: 365,
“rating”: 4.6,
“description”: “مشروبات غازية متنوعة.”,
“image”: “d.jpg”
},
{
“id”: 110,
“name”: “مياه صحية”,
“nameEn”: “Healthy Water”,
“price”: 1,
“category”: “juices”,
“calories”: 0,
“rating”: 4.5,
“description”: “مياه معدنية صحية.”,
“image”: “w.jpg”
}
]
}
Twist Taste | مطعم تويست تيست
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<style>
:root {
--primary: #0a0a0a;
--primary-light: #1a1a1a;
--secondary: #D4AF37;
--secondary-light: #FFD700;
--accent: #D4AF37;
--text: #ffffff;
--text-secondary: #e0e0e0;
--bg: #121212;
--card-bg: #1e1e1e;
--shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
--gold-gradient: linear-gradient(135deg, #D4AF37 0%, #FFD700 50%, #D4AF37 100%);
--calorie-gradient: linear-gradient(135deg, #4CAF50 0%, #8BC34A 100%);
--popular-gradient: linear-gradient(135deg, #f44336 0%, #ff9800 100%);
--new-gradient: linear-gradient(135deg, #2196F3 0%, #64B5F6 100%);
--glow-color: rgba(212, 175, 55, 0.6);
--success-color: #4CAF50;
--error-color: #f44336;
--gold-glow: 0 0 15px rgba(212, 175, 55, 0.8);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Tajawal', sans-serif;
}
body {
background-color: var(--bg);
color: var(--text);
line-height: 1.6;
overflow-x: hidden;
padding-bottom: 70px;
}
/* Loading Animation */
.loading-screen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 9999;
animation: fadeOut 1.5s ease-out 3s forwards;
}
.logo-animation {
position: relative;
width: 180px;
height: 180px;
margin-bottom: 20px;
}
.logo-circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 4px solid transparent;
border-top-color: var(--secondary);
border-radius: 50%;
animation: rotate 1.5s linear infinite;
}
.logo-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 140px;
height: 140px;
border: 4px solid transparent;
border-bottom-color: var(--secondary-light);
border-radius: 50%;
animation: rotateReverse 1.2s linear infinite;
}
.logo-text-container {
position: relative;
overflow: hidden;
height: 60px;
}
.logo-text-animation {
font-size: 2.5rem;
font-weight: 800;
background: var(--gold-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: var(--gold-glow);
letter-spacing: 2px;
animation: pulse 2s infinite, typing 1.5s steps(20) forwards;
white-space: nowrap;
display: inline-block;
position: relative;
}
.logo-text-animation::after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 2px;
background: var(--secondary);
animation: blink 0.75s infinite;
}
.arabic-welcome {
font-size: 1.8rem;
background: var(--gold-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: var(--gold-glow);
margin-top: 10px;
opacity: 0;
animation: fadeIn 1s ease 1.5s forwards;
}
.slogan {
color: var(--text-secondary);
margin-top: 15px;
font-size: 1.1rem;
opacity: 0;
animation: fadeIn 1s ease 2s forwards;
}
.progress-bar {
width: 200px;
height: 4px;
background: rgba(255, 255, 255, 0.1);
border-radius: 2px;
margin-top: 20px;
overflow: hidden;
position: relative;
}
.progress-fill {
height: 100%;
width: 0;
background: var(--gold-gradient);
border-radius: 2px;
animation: progressFill 2.5s ease forwards;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
opacity: 0;
animation: fadeIn 0.5s ease 3s forwards;
}
/* Header Design */
.mobile-header {
background: linear-gradient(to right, #0a0a0a, #1a1a1a);
color: var(--secondary);
padding: 15px;
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid var(--secondary);
}
.logo-container {
display: flex;
align-items: center;
gap: 10px;
}
.logo-icon {
background: var(--secondary);
color: var(--primary);
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
box-shadow: var(--gold-glow);
}
.logo-text {
font-size: 1.2rem;
font-weight: 700;
background: var(--gold-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Banner Section */
.banner {
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://qr.twisttaste.com/admin/logo/twisttaste.jpg');
background-size: cover;
background-position: center;
height: 220px;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 20px;
color: white;
margin-bottom: 20px;
position: relative;
border-bottom: 2px solid var(--secondary);
overflow: hidden;
}
.banner::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(45deg,
transparent 48%,
rgba(212, 175, 55, 0.1) 49%,
rgba(212, 175, 55, 0.1) 51%,
transparent 52%);
background-size: 10px 10px;
opacity: 0.3;
pointer-events: none;
animation: shine 3s linear infinite;
}
.banner h1 {
font-size: 1.8rem;
margin-bottom: 5px;
color: var(--secondary);
text-shadow: var(--gold-glow);
position: relative;
z-index: 1;
}
.banner p {
font-size: 0.9rem;
color: var(--text-secondary);
position: relative;
z-index: 1;
}
/* Categories Section */
.categories-section {
margin: 20px 0;
}
.section-title {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
font-size: 1.3rem;
color: var(--secondary);
text-shadow: var(--gold-glow);
}
.section-title i {
color: var(--secondary);
font-size: 1.5rem;
}
.categories {
display: flex;
overflow-x: auto;
gap: 12px;
padding: 5px 0 15px;
scrollbar-width: none;
}
.categories::-webkit-scrollbar {
display: none;
}
.category-btn {
background: var(--card-bg);
border: 1px solid rgba(212, 175, 55, 0.3);
padding: 15px 20px;
border-radius: 15px;
font-weight: 600;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
min-width: 110px;
box-shadow: var(--shadow);
transition: all 0.3s ease;
color: var(--text-secondary);
flex-shrink: 0;
position: relative;
overflow: hidden;
}
.category-btn::before {
content: '';
position: absolute;
top: -100%;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, transparent, rgba(212, 175, 55, 0.1), transparent);
transition: all 0.5s ease;
}
.category-btn:hover::before {
top: 100%;
}
.category-btn.active {
background: var(--primary);
color: var(--secondary);
border-color: var(--secondary);
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(212, 175, 55, 0.3);
text-shadow: var(--gold-glow);
}
.category-btn:hover {
border-color: var(--secondary);
transform: translateY(-2px);
box-shadow: var(--gold-glow);
}
.category-icon {
font-size: 1.8rem;
color: var(--secondary);
}
/* Menu Filters */
.menu-filters {
display: flex;
gap: 10px;
margin-bottom: 15px;
flex-wrap: wrap;
justify-content: center;
}
.filter-btn {
background: var(--card-bg);
border: 1px solid rgba(212, 175, 55, 0.3);
padding: 10px 18px;
border-radius: 20px;
font-size: 0.9rem;
cursor: pointer;
transition: all 0.3s ease;
color: var(--text-secondary);
position: relative;
overflow: hidden;
}
.filter-btn::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 5px;
height: 5px;
background: rgba(212, 175, 55, 0.5);
opacity: 0;
border-radius: 100%;
transform: scale(1, 1) translate(-50%, -50%);
transform-origin: 50% 50%;
}
.filter-btn:focus:not(:active)::after {
animation: ripple 1s ease-out;
}
.filter-btn.active {
background: var(--secondary);
color: var(--primary);
border-color: var(--secondary);
font-weight: 700;
box-shadow: var(--gold-glow);
}
.filter-btn:hover {
border-color: var(--secondary);
box-shadow: var(--gold-glow);
}
/* Menu List */
.menu-section {
margin: 20px 0;
}
.menu-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 18px;
}
.menu-item {
background: var(--card-bg);
border-radius: 15px;
overflow: hidden;
box-shadow: var(--shadow);
transition: all 0.3s ease;
position: relative;
border: 1px solid rgba(212, 175, 55, 0.1);
transform: scale(1);
animation: fadeInUp 0.5s ease forwards;
animation-delay: calc(0.1s * var(--i));
opacity: 0;
}
.menu-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at center, transparent 0%, rgba(212, 175, 55, 0.05) 100%);
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.menu-item:hover::before {
opacity: 1;
}
.menu-item:hover {
transform: translateY(-5px) scale(1.03);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4), var(--gold-glow);
border-color: rgba(212, 175, 55, 0.5);
z-index: 2;
}
.item-image {
height: 140px;
background-color: #2a2a2a;
background-size: cover;
background-position: center;
position: relative;
transition: transform 0.3s ease;
}
.menu-item:hover .item-image {
transform: scale(1.05);
}
.item-header {
padding: 15px 12px 10px;
}
.item-title {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 5px;
}
.item-name {
font-size: 0.95rem;
font-weight: 700;
color: var(--text);
flex: 1;
line-height: 1.4;
}
.item-footer {
padding: 0 12px 12px;
display: flex;
justify-content: space-between;
align-items: center;
}
.price {
font-weight: 700;
color: var(--secondary);
font-size: 1rem;
text-shadow: var(--gold-glow);
}
.calories {
background: var(--calorie-gradient);
color: white;
padding: 3px 8px;
border-radius: 10px;
font-size: 0.75rem;
font-weight: 600;
}
.item-rating {
position: absolute;
top: 10px;
right: 10px;
background: rgba(0, 0, 0, 0.7);
color: var(--secondary);
padding: 3px 8px;
border-radius: 10px;
font-size: 0.75rem;
display: flex;
align-items: center;
gap: 3px;
z-index: 2;
text-shadow: var(--gold-glow);
}
.item-rating i {
color: var(--secondary);
font-size: 0.7rem;
}
.popular-badge {
position: absolute;
top: 10px;
left: 10px;
background: var(--popular-gradient);
color: white;
padding: 3px 8px;
border-radius: 10px;
font-size: 0.75rem;
font-weight: bold;
z-index: 2;
box-shadow: 0 0 10px rgba(244, 67, 54, 0.6);
}
.new-badge {
position: absolute;
top: 10px;
left: 10px;
background: var(--new-gradient);
color: white;
padding: 3px 8px;
border-radius: 10px;
font-size: 0.75rem;
font-weight: bold;
z-index: 2;
box-shadow: 0 0 10px rgba(33, 150, 243, 0.6);
}
.category-title {
font-size: 1.5rem;
margin: 25px 0 15px;
padding-bottom: 10px;
border-bottom: 2px solid var(--secondary);
color: var(--secondary);
text-align: right;
text-shadow: var(--gold-glow);
}
.category-description {
color: var(--text-secondary);
margin-bottom: 15px;
font-size: 0.9rem;
line-height: 1.6;
}
/* Bottom Navigation */
.bottom-nav {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(90deg, #D4AF37, #FFD700, #D4AF37);
background-size: 200% 200%;
display: flex;
justify-content: space-around;
padding: 10px 0;
z-index: 1000;
border-top: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.3);
animation: gradientShift 3s ease infinite;
}
.nav-item {
display: flex;
flex-direction: column;
align-items: center;
color: #000;
text-decoration: none;
font-size: 0.8rem;
transition: all 0.3s ease;
padding: 8px 15px;
border-radius: 20px;
background: rgba(0, 0, 0, 0.2);
position: relative;
}
.nav-item::after {
content: '';
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 3px;
background: #000;
transition: all 0.3s ease;
border-radius: 3px;
}
.nav-item.active::after {
width: 80%;
}
.nav-item i {
font-size: 1.4rem;
margin-bottom: 3px;
color: #000;
transition: all 0.3s ease;
}
.nav-item.active {
background: rgba(0, 0, 0, 0.4);
transform: translateY(-8px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.nav-item.active i {
color: #000;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.nav-item span {
font-weight: 600;
color: #000;
}
/* Scroll to Top Button */
.scroll-top {
position: fixed;
bottom: 20px;
right: 20px;
background: var(--secondary);
color: var(--primary);
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 2px 15px rgba(212, 175, 55, 0.5), var(--gold-glow);
z-index: 1000;
opacity: 0;
transition: all 0.3s ease;
}
.scroll-top.show {
opacity: 1;
}
.scroll-top:hover {
transform: translateY(-5px) rotate(5deg);
}
/* Footer */
.footer {
background: var(--primary);
padding: 30px 0;
margin-top: 40px;
border-top: 1px solid rgba(212, 175, 55, 0.2);
}
.footer-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.footer-section {
margin-bottom: 20px;
}
.footer-title {
color: var(--secondary);
margin-bottom: 15px;
font-size: 1.2rem;
text-shadow: var(--gold-glow);
}
.footer-links {
list-style: none;
}
.footer-links li {
margin-bottom: 8px;
}
.footer-links a {
color: var(--text-secondary);
text-decoration: none;
transition: color 0.3s ease;
display: flex;
align-items: center;
gap: 8px;
}
.footer-links a:hover {
color: var(--secondary);
}
.social-links {
display: flex;
gap: 15px;
margin-top: 15px;
}
.social-link {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--card-bg);
color: var(--secondary);
transition: all 0.3s ease;
box-shadow: var(--shadow);
}
.social-link:hover {
background: var(--secondary);
color: var(--primary);
transform: translateY(-3px);
box-shadow: var(--gold-glow);
}
.copyright {
text-align: center;
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
color: var(--text-secondary);
font-size: 0.85rem;
}
/* SEO Improvements */
.seo-text {
background: var(--card-bg);
padding: 20px;
border-radius: 15px;
margin: 30px 0;
border: 1px solid rgba(212, 175, 55, 0.2);
box-shadow: var(--shadow);
}
.seo-text h2 {
color: var(--secondary);
margin-bottom: 10px;
text-shadow: var(--gold-glow);
}
/* Search Bar */
.search-container {
margin: 20px 0;
position: relative;
}
.search-input {
width: 100%;
padding: 12px 20px;
border-radius: 30px;
border: 1px solid rgba(212, 175, 55, 0.3);
background: var(--card-bg);
color: var(--text);
font-size: 1rem;
transition: all 0.3s ease;
padding-right: 50px;
box-shadow: var(--shadow);
}
.search-input:focus {
outline: none;
border-color: var(--secondary);
box-shadow: var(--gold-glow);
}
.search-icon {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
color: var(--text-secondary);
}
/* Item Details Modal */
.modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 2000;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.modal-overlay.active {
opacity: 1;
visibility: visible;
}
.modal-content {
background: var(--card-bg);
border-radius: 15px;
width: 90%;
max-width: 500px;
max-height: 90vh;
overflow-y: auto;
padding: 20px;
position: relative;
border: 2px solid var(--secondary);
box-shadow: 0 0 30px rgba(212, 175, 55, 0.8);
animation: modalAppear 0.5s ease forwards;
}
.modal-close {
position: absolute;
top: 10px;
left: 10px;
background: var(--secondary);
color: var(--primary);
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: var(--gold-glow);
transition: all 0.3s ease;
}
.modal-close:hover {
transform: rotate(90deg);
}
.modal-image {
width: 100%;
height: 200px;
border-radius: 10px;
background-size: cover;
background-position: center;
margin-bottom: 15px;
box-shadow: var(--shadow);
border: 1px solid var(--secondary);
}
.modal-title {
font-size: 1.5rem;
color: var(--secondary);
margin-bottom: 10px;
text-shadow: var(--gold-glow);
}
.modal-description {
color: var(--text-secondary);
margin-bottom: 15px;
}
.modal-details {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.modal-price {
font-weight: 700;
color: var(--secondary);
font-size: 1.2rem;
text-shadow: var(--gold-glow);
}
.modal-calories {
background: var(--calorie-gradient);
color: white;
padding: 5px 10px;
border-radius: 15px;
font-size: 0.9rem;
font-weight: 600;
box-shadow: 0 0 10px rgba(76, 175, 80, 0.5);
}
.modal-rating {
display: flex;
align-items: center;
gap: 5px;
color: var(--secondary);
margin-bottom: 15px;
text-shadow: var(--gold-glow);
}
.modal-buttons {
display: flex;
gap: 10px;
}
.modal-btn {
flex: 1;
padding: 10px;
border-radius: 10px;
border: none;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
box-shadow: var(--shadow);
}
.modal-btn-primary {
background: var(--gold-gradient);
color: #000;
}
.modal-btn-secondary {
background: var(--card-bg);
color: var(--secondary);
border: 1px solid var(--secondary);
}
.modal-btn:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
/* Animations */
@keyframes rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes rotateReverse {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(-360deg); }
}
@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; visibility: hidden; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes pulse {
0% { text-shadow: 0 0 5px rgba(212, 175, 55, 0.5); }
50% { text-shadow: 0 0 20px rgba(212, 175, 55, 0.8); }
100% { text-shadow: 0 0 5px rgba(212, 175, 55, 0.5); }
}
@keyframes slideUp {
0% { transform: translate(-50%, 100px); opacity: 0; }
100% { transform: translate(-50%, 0); opacity: 1; }
}
@keyframes fadeInUp {
0% { opacity: 0; transform: translateY(20px); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes modalAppear {
0% { transform: scale(0.8); opacity: 0; }
100% { transform: scale(1); opacity: 1; }
}
@keyframes gradientShift {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@keyframes typing {
from { width: 0 }
to { width: 100% }
}
@keyframes blink {
0%, 100% { opacity: 1 }
50% { opacity: 0 }
}
@keyframes progressFill {
0% { width: 0 }
100% { width: 100% }
}
@keyframes ripple {
0% {
transform: scale(0, 0);
opacity: 1;
}
20% {
transform: scale(25, 25);
opacity: 1;
}
100% {
opacity: 0;
transform: scale(40, 40);
}
}
@keyframes shine {
0% { background-position: 0 0 }
100% { background-position: 100px 100px }
}
/* Responsive Design */
@media (min-width: 768px) {
.container {
max-width: 750px;
}
.banner {
height: 280px;
}
.banner h1 {
font-size: 2.2rem;
}
.menu-grid {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.item-image {
height: 160px;
}
.bottom-nav {
display: none;
}
}
@media (min-width: 992px) {
.container {
max-width: 970px;
}
.menu-grid {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
}
@media (max-width: 480px) {
.menu-grid {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.category-btn {
padding: 12px 15px;
min-width: 90px;
}
.banner h1 {
font-size: 1.5rem;
}
.logo-text-animation {
font-size: 2rem;
}
.arabic-welcome {
font-size: 1.5rem;
}
}
</style>Twist Taste
مطعم تويست تيست يرحب بكم
تجربة طعام لا تنسى
<!-- Toast Notification -->
<div class="toast" id="toast">
<i class="fas fa-check-circle"></i>
<span id="toastMessage">تم الحفظ بنجاح!</span>
</div>
<div class="mobile-header">
<div class="logo-container" id="logoContainer">
<div class="logo-icon">
<img src="https://qr.twisttaste.com/admin/logo/twisttaste.jpg" alt="Twist Taste Logo" style="height: 45px; width: 45px; border-radius: 50%; box-shadow: 0 0 12px #ff5722;">
</div>
<div class="logo-text">Twist Taste</div>
</div>
</div>
<div class="banner" id="mainBanner">
<h1>مطعم تويست تيست</h1>
<p>جازان - أبو عريش - دوار العشة - مقابل دانكن - بجوار صيدلية أوتلت بلاس</p>
</div>
<div class="container">
<div class="seo-text">
<h2>Twist Taste - تجربة طعام فريدة في جازان</h2>
<p>مطعم تويست تيست في أبو عريش بجازان يقدم تشكيلة واسعة من الأطباق العالمية والعربية مع توضيح السعرات الحرارية لكل وجبة. نقدم أشهى المأكولات من مشويات، بيتزا، معكرونات، سلطات، ومقبلات متنوعة بجودة عالية وخدمة مميزة.</p>
<p>للتواصل مع الإدارة: 0509352218 | حساب المطعم على تويتر/إنستغرام: @TWIST95567</p>
</div>
<div class="search-container">
<input type="text" class="search-input" id="searchInput" placeholder="ابحث عن الأطباق المفضلة لديك...">
<i class="fas fa-search search-icon"></i>
</div>
<div class="categories-section">
<div class="section-title">
<i class="fas fa-list"></i>
<h2>فئات القائمة</h2>
</div>
<div class="categories" id="categories-container">
<button class="category-btn active" data-category="all">
<i class="fas fa-utensils category-icon"></i>
<span>عرض الكل</span>
</button>
<button class="category-btn" data-category="soups">
<i class="fas fa-bowl-food category-icon"></i>
<span>الشوربة</span>
</button>
<button class="category-btn" data-category="cold-appetizers">
<i class="fas fa-leaf category-icon"></i>
<span>المقبلات والسلطات الباردة</span>
</button>
<button class="category-btn" data-category="hot-appetizers">
<i class="fas fa-fire category-icon"></i>
<span>المقبلات الساخنة</span>
</button>
<button class="category-btn" data-category="grills">
<i class="fas fa-fire-flame-curved category-icon"></i>
<span>المشويات</span>
</button>
<button class="category-btn" data-category="steak">
<i class="fas fa-drumstick-bite category-icon"></i>
<span>الستيك</span>
</button>
<button class="category-btn" data-category="pasta">
<i class="fas fa-plate-wheat category-icon"></i>
<span>الباستا</span>
</button>
<button class="category-btn" data-category="western">
<i class="fas fa-utensils category-icon"></i>
<span>الأطباق الغربية</span>
</button>
<button class="category-btn" data-category="tagines">
<i class="fas fa-pot-food category-icon"></i>
<span>الطواجن والفخاريات</span>
</button>
<button class="category-btn" data-category="pizza">
<i class="fas fa-pizza-slice category-icon"></i>
<span>البيتزا</span>
</button>
<button class="category-btn" data-category="burger">
<i class="fas fa-burger category-icon"></i>
<span>البرجر</span>
</button>
<button class="category-btn" data-category="shawarma">
<i class="fas fa-burrito category-icon"></i>
<span>الشاورما</span>
</button>
<button class="category-btn" data-category="rice">
<i class="fas fa-bowl-rice category-icon"></i>
<span>الأرز</span>
</button>
<button class="category-btn" data-category="juices">
<i class="fas fa-glass-water category-icon"></i>
<span>العصائر</span>
</button>
<button class="category-btn" data-category="extras">
<i class="fas fa-plus category-icon"></i>
<span>الإضافات</span>
</button>
<button class="category-btn" data-category="kids-meal">
<i class="fas fa-child category-icon"></i>
<span>وجبة أطفال</span>
</button>
<button class="category-btn" data-category="seafood">
<i class="fas fa-fish category-icon"></i>
<span>المأكولات البحرية</span>
</button>
</div>
</div>
<div class="menu-filters">
<button class="filter-btn active" data-filter="all">الكل</button>
<button class="filter-btn" data-filter="popular">الأكثر طلباً</button>
<button class="filter-btn" data-filter="new">الأصناف الجديدة</button>
<button class="filter-btn" data-filter="low-calorie">قليلة السعرات</button>
</div>
<div class="menu-section" id="menu-section">
<!-- سيتم ملؤها بالجافاسكريبت -->
</div>
<div class="seo-text">
<h2>لماذا تختار Twist Taste؟</h2>
<p>نحن في مطعم تويست تيست نؤمن بتقديم تجربة طعام متكاملة تبدأ من جودة المكونات وصولاً إلى التقديم الأنيق. فريقنا من الطهاة المحترفين يحرصون على تقديم أطباق مميزة تلبي جميع الأذواق مع الحفاظ على القيم الغذائية.</p>
<p>نقدم في قائمتنا تشكيلة واسعة من الأطباق مع توضيح السعرات الحرارية لكل وجبة، مما يتيح لك اختيار ما يناسب نظامك الغذائي. زورونا في فرعنا في أبو عريش بجازان واستمتع بتجربة طعام لا تنسى.</p>
</div>
</div>
<footer class="footer">
<div class="footer-container">
<div class="footer-section">
<h3 class="footer-title">تواصل معنا</h3>
<div class="social-links">
<a href="https://www.snapchat.com/add/twisttaste" class="social-link"><i class="fab fa-snapchat-ghost"></i></a>
<a href="https://www.instagram.com/TWIST95567" class="social-link"><i class="fab fa-instagram"></i></a>
<a href="https://www.tiktok.com/@TWIST95567" class="social-link"><i class="fab fa-tiktok"></i></a>
<a href="https://wa.me/966509352218" class="social-link"><i class="fab fa-whatsapp"></i></a>
</div>
</div>
<div class="footer-section">
<h3 class="footer-title">معلومات التواصل</h3>
<ul class="footer-links">
<li><i class="fas fa-map-marker-alt"></i> جازان - أبو عريش - دوار العشة</li>
<li><i class="fas fa-phone"></i> 0509352218</li>
<li><i class="fas fa-clock"></i> من 12 مساءاً الى 3 صباحاً</li>
</ul>
</div>
<div class="copyright">
© <span id="current-year"></span> Twist Taste. جميع الحقوق محفوظة.
</div>
</div>
</footer>
<!-- Bottom Navigation -->
<div class="bottom-nav">
<a href="#" class="nav-item active" data-section="home">
<i class="fas fa-home"></i>
<span>الرئيسية</span>
</a>
<a href="#" class="nav-item" data-section="menu">
<i class="fas fa-utensils"></i>
<span>القائمة</span>
</a>
<a href="#" class="nav-item" data-section="offers">
<i class="fas fa-percentage"></i>
<span>العروض</span>
</a>
<a href="#" class="nav-item" data-section="contact">
<i class="fas fa-phone-alt"></i>
<span>اتصل بنا</span>
</a>
</div>
<div class="scroll-top" id="scrollTopBtn">
<i class="fas fa-arrow-up"></i>
</div>
<!-- Item Details Modal -->
<div class="modal-overlay" id="itemModal">
<div class="modal-content">
<div class="modal-close" id="modalClose">
<i class="fas fa-times"></i>
</div>
<div class="modal-image" id="modalImage"></div>
<h2 class="modal-title" id="modalTitle"></h2>
<div class="modal-rating" id="modalRating"></div>
<p class="modal-description" id="modalDescription"></p>
<div class="modal-details">
<div class="modal-price" id="modalPrice"></div>
<div class="modal-calories" id="modalCalories"></div>
</div>
<div class="modal-buttons">
<button class="modal-btn modal-btn-primary" id="addToCartBtn">
<i class="fas fa-shopping-cart"></i> أضف للسلة
</button>
<button class="modal-btn modal-btn-secondary" id="shareItemBtn">
<i class="fas fa-share-alt"></i> مشاركة
</button>
</div>
</div>
</div>
<!-- Audio Elements for Sound Effects -->
<audio id="itemClickSound" src="https://assets.mixkit.co/sfx/preview/mixkit-select-click-1109.mp3"></audio>
<audio id="modalOpenSound" src="https://assets.mixkit.co/sfx/preview/mixkit-magic-sparkles-3003.mp3"></audio>
<audio id="addToCartSound" src="https://assets.mixkit.co/sfx/preview/mixkit-cash-register-purchase-889.mp3"></audio>
<audio id="notificationSound" src="https://assets.mixkit.co/sfx/preview/mixkit-bell-notification-933.mp3"></audio>
<audio id="welcomeSound" src="https://assets.mixkit.co/sfx/preview/mixkit-correct-answer-tone-2870.mp3"></audio>
<script>
// Restaurant data
const restaurant = {
name: "Twist Taste",
location: "جازان - أبو عريش - دوار العشة - مقابل دانكن - بجوار صيدلية أوتلت بلاس",
phone: "0509352218",
social: "@TWIST95567",
openingHours: "من 12 مساءاً الى 3 صباحاً"
};
// Menu categories with descriptions
const menuCategories = [
{
id: "soups",
name: "الشوربة",
icon: "fa-bowl-food",
description: "تشكيلة من الشوربات الدافئة والمغذية المحضرة من مكونات طازجة، مثالية لبدء وجبتك بطعم لذيذ وقيمة غذائية عالية."
},
{
id: "cold-appetizers",
name: "المقبلات والسلطات الباردة",
icon: "fa-leaf",
description: "مجموعة متنوعة من المقبلات والسلطات الطازجة التي تجمع بين النكهات العربية الأصيلة واللمسات العالمية المبتكرة."
},
{
id: "hot-appetizers",
name: "المقبلات الساخنة",
icon: "fa-fire",
description: "أطباق مقبلات ساخنة ومقرمشة، محضرة بعناية لتعطي بداية مميزة لوجبتك مع نكهات غنية ومتنوعة."
},
{
id: "grills",
name: "المشويات",
icon: "fa-fire-flame-curved",
description: "أطباق مشوية على الفحم بطرق مختلفة مع خلطات التوابل الخاصة بمطعمنا."
},
{
id: "steak",
name: "الستيك",
icon: "fa-drumstick-bite",
description: "قطع ستيك ممتازة من اللحوم الفاخرة، مطهوة حسب طلبك مع صلصات وتتبيلات خاصة تمنحك تجربة طعام راقية."
},
{
id: "pasta",
name: "الباستا",
icon: "fa-plate-wheat",
description: "أطباق باستا إيطالية أصيلة مع لمسات مبتكرة، محضرة بصلصات طازجة ومعكرونة عالية الجودة."
},
{
id: "western",
name: "الأطباق الغربية",
icon: "fa-utensils",
description: "تشكيلة من الأطباق الغربية الكلاسيكية والمعاصرة، تجمع بين الجودة العالية والنكهات العالمية المميزة."
},
{
id: "tagines",
name: "الطواجن والفخاريات",
icon: "fa-pot-food",
description: "أطباق طواجن وفخاريات لذيذة محضرة بطرق تقليدية وأصيلة في أواني فخارية، تمنحك نكهة مميزة لا تنسى."
},
{
id: "seafood",
name: "البحريات",
icon: "fa-fish",
description: "تشكيلة طازجة من الأسماك والمأكولات البحرية، محضرة بطرق متعددة تلبي جميع الأذواق."
},
{
id: "pizza",
name: "البيتزا",
icon: "fa-pizza-slice",
description: "بيتزا محضرة بعجينة طازجة يومياً، مع طبقات من الجبن والمكونات الطازجة، تُخبز في فرن الحطب لتعطي نكهة مميزة."
},
{
id: "burger",
name: "البرجر",
icon: "fa-burger",
description: "برجر منزلي الصنع من أجود أنواع اللحوم، مع خبز طازج وإضافات مميزة تمنحك تجربة برجر لا تُنسى."
},
{
id: "kids-meal",
name: "وجبة اطفال",
icon: "fa-child",
description: "أطباق مصممة خصيصاً للأطفال، تجمع بين التغذية الصحية والمذاق اللذيذ الذي يحبه الصغار."
},
{
id: "shawarma",
name: "الشاورما",
icon: "fa-burrito",
description: "شاورما لذيذة محضرة بتوابل سرية خاصة، تقدم طازجة مع خبز عربي أصيل وصلصات مميزة."
},
{
id: "rice",
name: "الرز",
icon: "fa-bowl-rice",
description: "أطباق أرز متنوعة من المطبخ العربي والهندي، محضرة بأجود أنواع الأرز والتوابل المميزة."
},
{
id: "extras",
name: "اضافات",
icon: "fa-plus",
description: "تشكيلة من الصلصات والإضافات الجانبية التي تكمل وجبتك وتضيف نكهات إضافية مميزة."
},
{
id: "juices",
name: "العصيرات",
icon: "fa-glass-water",
description: "عصائر طبيعية 100% محضرة يومياً من الفواكه الطازجة، لتعطيك انتعاشاً طبيعياً وصحياً."
}
];
// Menu items with images, calories, and prices
const menuItems = [
// Soups
{
id: 1,
name: "فطر مع الدجاج الفرنسية",
nameEn: "Mushrooms with French Chicken",
price: 20,
category: "soups",
calories: 365,
popular: true,
rating: 4.8,
description: "شوربة كريمية غنية بنكهة الفطر الطازج مع قليل من الكريمة والثوم، تقدّم ساخنة مع خبز التوست.",
image: "https://kitchen.sayidaty.net/uploads/small/6c/6c231f622352e07f01915f7f58fbc177_w750_h750.jpg"
},
{
id: 2,
name: "شوربة خضار",
nameEn: "Vegetable Soup",
price: 18,
category: "soups",
calories: 322,
rating: 4.5,
description: "شوربة صحية غنية بأنواع مختلفة من الخضار الطازجة، محضرة بطريقة تقلل من فقدان القيمة الغذائية.",
image: "https://qr.twisttaste.com/t/image/z/شوربة خضار.jpg"
},
// Cold Appetizers
{
id: 3,
name: "سلطة تويست",
nameEn: "Twist Salad",
price: 44,
category: "cold-appetizers",
calories: 599,
popular: true,
rating: 4.9,
description: "سلطة مميزة من إعداد مطعمنا تجمع بين الخضار الطازجة والمكونات الخاصة.",
image: "https://twisttaste.com/p/image/%D8%B3%D9%84%D8%B7%D8%A9%20%D8%AA%D9%88%D8%B3%D8%AA.jpg"
},
{
id: 4,
name: "سلطة بوراتا",
nameEn: "Burrata Salad",
price: 35,
category: "cold-appetizers",
calories: 457,
popular: true,
rating: 4.9,
description: "سلطة إيطالية شهية تحتوي على جبنة البوراتا الطرية، طماطم كرزية، روكا، وزيتون مع صلصة البلساميك.",
image: "https://twisttaste.com/p/image/%D8%B3%D9%84%D8%B7%D8%A9%20%D8%A8%D9%88%D8%B1%D8%A7%D8%AA%D8%A7.jpg"
},
// Hot Appetizers
{
id: 16,
name: "كساديا دجاج",
nameEn: "Chicken Quesadilla",
price: 35,
category: "hot-appetizers",
calories: 854,
rating: 4.7,
description: "كساديا مكسيكية محشوة بدجاج مشوي، جبنة، فلفل حلو، وتوابل خاصة.",
image: "https://qr.twisttaste.com/t/image/z/كساديا دجاج.jpg"
},
// Grills
{
id: 28,
name: "كباب لحم تويست",
nameEn: "Lamb Twist Kebab",
price: 49,
category: "grills",
calories: 1369,
popular: true,
rating: 4.9,
description: "كباب لحم مميز من إعداد مطعمنا مع خلطة التوابل السرية.",
image: "https://qr.twisttaste.com/t/image/z/كباب لحم تويست.jpg"
},
// Steak
{
id: 46,
name: "ستيك انتركوت تويست",
nameEn: "Entrecote Twist Steak",
price: 85,
category: "steak",
calories: 1623,
popular: true,
rating: 4.9,
description: "ستيك انتركوت مميز من إعداد مطعمنا مع خلطة التوابل السرية.",
image: "https://qr.twisttaste.com/t/image/z/ستيك انتركوت تويست.jpg"
},
// Pasta
{
id: 50,
name: "ريزوتو بالدجاج والفطر",
nameEn: "Chicken and Mushroom Risotto",
price: 45,
category: "pasta",
calories: 574,
rating: 4.5,
description: "ريزوتو إيطالي كريمي مع دجاج مشوي وفطر طازج.",
image: "https://kitchen.sayidaty.net/uploads/small/b1/b1d6a1147e8045819354db843efe92da_w750_h500.jpg"
},
// Western Dishes
{
id: 58,
name: "كوردون بلو",
nameEn: "Cordon Bleu",
price: 49,
category: "western",
calories: 869,
rating: 4.7,
description: "شرائح دجاج محشوة بالجبن واللحم، مقلية ومغطاة ببقسماط.",
image: "https://qr.twisttaste.com/t/image/z/كوردون بلو.jpg"
},
// الطواجن والفخاريات
{
id: 1001,
name: "طاجن بحري",
nameEn: "Seafood Tagine",
price: 55,
category: "tagines",
calories: 856,
popular: true,
rating: 4.8,
description: "طاجن بحري مع مزيج من المأكولات البحرية الطازجة في صلصة خاصة، يقدم في إناء فخاري.",
image: "https://img-global.cpcdn.com/recipes/45fc5783f850fe1c/1200x630cq80/photo.jpg"
},
{
id: 1002,
name: "طاجن لحم مع الخضار",
nameEn: "Meat Tagine with Vegetables",
price: 50,
category: "tagines",
calories: 1104,
popular: true,
rating: 4.7,
description: "لحم ضأن طري مع خضار مشكلة في صلصة طماطم وتوابل خاصة، يقدم في إناء فخاري.",
image: "https://kitchen.sayidaty.net/uploads/small/93/938fd4872ac457c951e1309346c4127f_w750_h500.jpg"
},
{
id: 1003,
name: "طاجن دجاج",
nameEn: "Chicken Tagine",
price: 45,
category: "tagines",
calories: 876,
rating: 4.6,
description: "قطع دجاج طري مع الزيتون والليمون في صلصة توابل مميزة، يقدم في إناء فخاري.",
image: "https://cdn.al-ain.com/images/2019/6/08/47-113341-moroccan-chicken-casserole-recipe_700x400.jpeg"
},
{
id: 1004,
name: "طاجن خضار مشكلة",
nameEn: "Mixed Vegetable Tagine",
price: 40,
category: "tagines",
calories: 632,
rating: 4.5,
description: "خضار طازجة مشكلة مطهوة ببطء في صلصة طماطم وتوابل، يقدم في إناء فخاري.",
image: "https://recipe.sunrisediet.com/wp-content/uploads/2020/07/%D8%AC%D8%B1%D8%AC%D9%8A%D8%B1-%D8%B4%D9%85%D9%86%D8%AF%D8%B1.jpg"
},
// Seafood
{
id: 68,
name: "سلمون مشوي مع الصوص",
nameEn: "Grilled Salmon with Sauce",
price: 60,
category: "seafood",
calories: 1621,
rating: 4.7,
description: "شريحة سلمون طازجة مشوية مع صلصة الليمون والثوم.",
image: "https://qr.twisttaste.com/t/image/z/سلمون مشوي مع الصوص.jpg"
},
// Pizza
{
id: 72,
name: "بيتزا كواترو فورماجي",
nameEn: "Quarter Formaggi Pizza",
price: 45,
category: "pizza",
calories: 785,
rating: 4.3,
description: "بيتزا بأربعة أنواع من الجبن الإيطالي.",
image: "https://www.ajinomoto.com/cms_wp_ajnmt_global/wp-content/uploads/umamirecipes/jpg/PIZZA-QUATRO-QUEIJOS-659x371.jpg"
},
// Burger
{
id: 85,
name: "برجر لحم اورجينال",
nameEn: "Original beef burger",
price: 30,
category: "burger",
calories: 1035,
rating: 4.0,
description: "برجر لحم بقري مع الخضار الطازجة وصلصة خاصة.",
image: "https://img.ananinja.com/media/ninja-catalog-42/restaurants/x5icc9n268nc8ux259yqaqo5ypmu/%D9%83%D8%A7%D9%88%20%D8%A8%D9%88%D9%8A%20%D8%A8%D8%B1%D8%AC%D8%B1%20%D9%84%D8%AD%D9%85.png?w=1080&q=75"
},
// Kids Meal
{
id: 87,
name: "دجاج ستربس",
nameEn: "Chicken Strips",
price: 28,
category: "kids-meal",
calories: 899,
rating: 4.8,
description: "شرائح دجاج مقلية مع صلصة الباربكيو.",
image: "https://qr.twisttaste.com/t/image/z/دجاج ستربس.jpg"
},
// Shawarma
{
id: 89,
name: "شاورما دجاج تويست",
nameEn: "Chicken Twist Shawarma",
price: 28,
category: "shawarma",
calories: 1288,
rating: 4.6,
description: "شاورما دجاج مميزة من إعداد مطعمنا مع الخلطة السرية.",
image: "https://qr.twisttaste.com/t/image/z/شاورما دجاج تويست.jpg"
},
// Rice
{
id: 93,
name: "ارز عنبر",
nameEn: "Amber rice",
price: 10,
category: "rice",
calories: 520,
rating: 4.2,
description: "أرز عنبر عالي الجودة مطبوخ على الطريقة التقليدية.",
image: "https://twisttaste.com/p/image/%D8%A3%D8%B1%D8%B2%20%D8%B9%D9%86%D8%A8%D8%B1.jpg"
},
// Additions
{
id: 94,
name: "صوص الريز و",
nameEn: "Rice sauce and",
price: 3,
category: "extras",
calories: 254,
rating: 4.1,
description: "صوص خاص يقدم مع أطباق الأرز.",
image: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSxRjK8oWlKLCOz02UhKrM2jgbo94E4EPzG1Q&s"
},
// Juices
{
id: 100,
name: "موهيتو باشن فروت",
nameEn: "Passion Fruit Mojito",
price: 20,
category: "juices",
calories: 745,
rating: 4.5,
description: "موهيتو منعش بنكهة فاكهة الباشن.",
image: "https://images.taker.io/burger_site/1683316535_hdjoz7.jpg"
}
];
// Application variables
let currentCategory = "all";
let currentFilter = "all";
let searchQuery = "";
let selectedItemForModal = null;
// Initialize the page when loaded
document.addEventListener('DOMContentLoaded', () => {
// Play welcome sound
setTimeout(() => {
playSound('welcomeSound');
}, 1500);
// Create menu categories
createCategories();
// Create menu items
createMenuItems();
// Add event listeners
addEventListeners();
// Initialize scroll to top button
initScrollTopButton();
// Initialize search functionality
initSearch();
// Initialize bottom navigation
initBottomNav();
// Initialize item modal
initItemModal();
// Set current year in copyright
document.getElementById('current-year').textContent = new Date().getFullYear();
});
// Create menu categories
function createCategories() {
const container = document.getElementById('categories-container');
container.innerHTML = '';
// All items button
const allButton = document.createElement('button');
allButton.className = 'category-btn active';
allButton.dataset.category = 'all';
allButton.innerHTML = `
<i class="fas fa-utensils category-icon"></i>
<span>عرض الكل</span>
`;
container.appendChild(allButton);
// Menu categories
menuCategories.forEach(category => {
const button = document.createElement('button');
button.className = 'category-btn';
button.dataset.category = category.id;
button.innerHTML = `
<i class="fas ${category.icon} category-icon"></i>
<span>${category.name}</span>
`;
container.appendChild(button);
});
}
// Create menu items
function createMenuItems() {
const container = document.getElementById('menu-section');
container.innerHTML = '';
const filteredItems = filterMenuItems();
// Group items by category
const itemsByCategory = {};
menuCategories.forEach(category => {
itemsByCategory[category.id] = [];
});
filteredItems.forEach(item => {
if (itemsByCategory[item.category]) {
itemsByCategory[item.category].push(item);
}
});
// Create section for each category
let index = 0;
menuCategories.forEach(category => {
const categoryId = category.id;
if (itemsByCategory[categoryId] && itemsByCategory[categoryId].length > 0) {
const categoryTitle = document.createElement('h2');
categoryTitle.className = 'category-title';
categoryTitle.textContent = category.name;
container.appendChild(categoryTitle);
// Add category description
const categoryDesc = document.createElement('p');
categoryDesc.className = 'category-description';
categoryDesc.textContent = category.description;
container.appendChild(categoryDesc);
const categoryGrid = document.createElement('div');
categoryGrid.className = 'menu-grid';
itemsByCategory[categoryId].forEach(item => {
const menuItem = createMenuItemElement(item, index);
categoryGrid.appendChild(menuItem);
index++;
});
container.appendChild(categoryGrid);
}
});
// Show message if no items found
if (filteredItems.length === 0) {
const noItemsMessage = document.createElement('p');
noItemsMessage.textContent = 'لا توجد أصناف في هذا التصنيف حاليًا.';
noItemsMessage.style.textAlign = 'center';
noItemsMessage.style.marginTop = '30px';
noItemsMessage.style.color = 'var(--text-secondary)';
container.appendChild(noItemsMessage);
}
}
// Filter menu items based on category, filter and search
function filterMenuItems() {
let filtered = menuItems;
// Filter by category
if (currentCategory !== 'all') {
filtered = filtered.filter(item => item.category === currentCategory);
}
// Filter by type
if (currentFilter === 'popular') {
filtered = filtered.filter(item => item.popular);
} else if (currentFilter === 'new') {
// Filter items added recently
const maxId = Math.max(...menuItems.map(item => item.id));
filtered = filtered.filter(item => item.id >= (maxId - 20));
} else if (currentFilter === 'low-calorie') {
filtered = filtered.filter(item => item.calories <= 500);
}
// Filter by search query
if (searchQuery) {
const query = searchQuery.toLowerCase();
filtered = filtered.filter(item =>
item.name.toLowerCase().includes(query) ||
(item.description && item.description.toLowerCase().includes(query)) ||
(item.nameEn && item.nameEn.toLowerCase().includes(query))
);
}
return filtered;
}
// Create menu item element
function createMenuItemElement(item, index) {
const element = document.createElement('div');
element.className = 'menu-item';
element.dataset.id = item.id;
element.dataset.category = item.category;
element.style.setProperty('--i', index);
element.innerHTML = `
<div class="item-image" style="background-image: url('${item.image || 'https://qr.twisttaste.com/admin/logo/twisttaste.jpg'}')">
${item.popular ? `<div class="popular-badge"><i class="fas fa-fire"></i> الأكثر طلباً</div>` : ''}
${item.id >= 85 ? `<div class="new-badge"><i class="fas fa-star"></i> جديد</div>` : ''}
${item.rating ? `<div class="item-rating">
<i class="fas fa-star"></i> ${item.rating}
</div>` : ''}
</div>
<div class="item-header">
<div class="item-title">
<div class="item-name">${item.name}</div>
</div>
</div>
<div class="item-footer">
<div class="price">${item.price} ر.س</div>
<div class="calories">${item.calories} سعرة</div>
</div>
`;
return element;
}
// Add event listeners
function addEventListeners() {
// Filter by category
document.querySelectorAll('.category-btn').forEach(button => {
button.addEventListener('click', () => {
document.querySelectorAll('.category-btn').forEach(btn => {
btn.classList.remove('active');
});
button.classList.add('active');
currentCategory = button.dataset.category;
createMenuItems();
});
});
// Filter by type
document.querySelectorAll('.filter-btn').forEach(button => {
button.addEventListener('click', () => {
document.querySelectorAll('.filter-btn').forEach(btn => {
btn.classList.remove('active');
});
button.classList.add('active');
currentFilter = button.dataset.filter;
createMenuItems();
});
});
// Add click interaction for menu items
document.addEventListener('click', (e) => {
const menuItem = e.target.closest('.menu-item');
if (menuItem) {
const itemId = parseInt(menuItem.dataset.id);
const item = menuItems.find(i => i.id === itemId);
if (item) {
playSound('itemClickSound');
showItemDetails(item);
}
}
});
}
// Initialize scroll to top button
function initScrollTopButton() {
const scrollTopBtn = document.getElementById('scrollTopBtn');
// Show/hide button on scroll
window.addEventListener('scroll', () => {
if (window.pageYOffset > 300) {
scrollTopBtn.classList.add('show');
} else {
scrollTopBtn.classList.remove('show');
}
});
// Scroll to top when clicked
scrollTopBtn.addEventListener('click', () => {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
}
// Initialize search functionality
function initSearch() {
const searchInput = document.getElementById('searchInput');
let searchTimeout;
searchInput.addEventListener('input', (e) => {
clearTimeout(searchTimeout);
searchTimeout = setTimeout(() => {
searchQuery = e.target.value.trim();
createMenuItems();
}, 300);
});
// Search on Enter key press
searchInput.addEventListener('keypress', (e) => {
if (e.key === 'Enter') {
searchQuery = e.target.value.trim();
createMenuItems();
}
});
}
// Initialize bottom navigation
function initBottomNav() {
const navItems = document.querySelectorAll('.nav-item');
navItems.forEach(item => {
item.addEventListener('click', (e) => {
e.preventDefault();
navItems.forEach(nav => nav.classList.remove('active'));
item.classList.add('active');
const section = item.dataset.section;
// Add functionality for each section
switch(section) {
case 'home':
window.scrollTo({
top: 0,
behavior: 'smooth'
});
break;
case 'menu':
document.getElementById('menu-section').scrollIntoView({ behavior: 'smooth' });
break;
case 'offers':
currentFilter = 'popular';
document.querySelectorAll('.filter-btn').forEach(btn => {
btn.classList.remove('active');
if (btn.dataset.filter === 'popular') {
btn.classList.add('active');
}
});
createMenuItems();
document.getElementById('menu-section').scrollIntoView({ behavior: 'smooth' });
break;
case 'contact':
document.querySelector('footer').scrollIntoView({ behavior: 'smooth' });
break;
}
});
});
}
// Initialize item details modal
function initItemModal() {
const modal = document.getElementById('itemModal');
const modalClose = document.getElementById('modalClose');
modalClose.addEventListener('click', () => {
modal.classList.remove('active');
});
modal.addEventListener('click', (e) => {
if (e.target === modal) {
modal.classList.remove('active');
}
});
// Add to cart button
document.getElementById('addToCartBtn').addEventListener('click', () => {
if (selectedItemForModal) {
playSound('addToCartSound');
showToast(`تم إضافة ${selectedItemForModal.name} إلى السلة`, 'success');
}
});
// Share item button
document.getElementById('shareItemBtn').addEventListener('click', () => {
if (selectedItemForModal) {
playSound('notificationSound');
if (navigator.share) {
navigator.share({
title: selectedItemForModal.name,
text: `جرب ${selectedItemForModal.name} من مطعم Twist Taste - السعر: ${selectedItemForModal.price} ر.س`,
url: window.location.href
}).catch(err => {
showToast('تم إلغاء المشاركة', 'error');
});
} else {
// Fallback for browsers that don't support Web Share API
const shareText = `جرب ${selectedItemForModal.name} من مطعم Twist Taste - السعر: ${selectedItemForModal.price} ر.س`;
prompt('انسخ الرابط للمشاركة:', shareText);
showToast('تم نسخ النص للمشاركة', 'success');
}
}
});
}
// Show item details in modal
function showItemDetails(item) {
const modal = document.getElementById('itemModal');
const modalImage = document.getElementById('modalImage');
const modalTitle = document.getElementById('modalTitle');
const modalRating = document.getElementById('modalRating');
const modalDescription = document.getElementById('modalDescription');
const modalPrice = document.getElementById('modalPrice');
const modalCalories = document.getElementById('modalCalories');
selectedItemForModal = item;
modalImage.style.backgroundImage = `url('${item.image || 'https://qr.twisttaste.com/admin/logo/twisttaste.jpg'}')`;
modalTitle.textContent = item.name;
modalDescription.textContent = item.description || 'لا يوجد وصف متاح لهذا الصنف';
modalPrice.textContent = `${item.price} ر.س`;
modalCalories.textContent = `${item.calories} سعرة`;
if (item.rating) {
modalRating.innerHTML = `
<i class="fas fa-star"></i>
<span>${item.rating}</span>
`;
modalRating.style.display = 'flex';
} else {
modalRating.style.display = 'none';
}
modal.classList.add('active');
playSound('modalOpenSound');
}
// Show toast notification
function showToast(message, type = 'success') {
const toast = document.getElementById('toast');
const toastMessage = document.getElementById('toastMessage');
toast.className = `toast ${type}`;
toastMessage.textContent = message;
const icon = type === 'success' ? 'fa-check-circle' : 'fa-exclamation-circle';
toast.innerHTML = `<i class="fas ${icon}"></i> <span id="toastMessage">${message}</span>`;
toast.classList.add('show');
playSound('notificationSound');
setTimeout(() => {
toast.classList.remove('show');
}, 3000);
}
// Play sound effect
function playSound(id) {
const sound = document.getElementById(id);
if (sound) {
sound.currentTime = 0;
sound.play().catch(e => console.log('Sound play error:', e));
}
}
</script>إعادة كتابة كافة بيانات الكود كاملة وإعادة ترتيبها واضافتها كاملة
مع إضافة ايقونة للشوارما وايقونة للطواجن والفخاريات