{"id":8,"date":"2026-10-08T12:44:42","date_gmt":"2026-10-08T12:44:42","guid":{"rendered":"https:\/\/foodi360.com\/?page_id=8"},"modified":"2026-10-08T13:41:24","modified_gmt":"2026-10-08T13:41:24","slug":"home","status":"publish","type":"page","link":"https:\/\/foodi360.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-883806c wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"883806c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb46bbf elementor-widget elementor-widget-html\" data-id=\"fb46bbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\n  Foodi360 Hero Slider (v3)  -  \u0634\u0631\u064a\u062d\u062a\u0627\u0646 \u0628\u062a\u0628\u062f\u064a\u0644 \u062a\u0644\u0642\u0627\u0626\u064a\r\n  \u0627\u0644\u0635\u0642 \u0627\u0644\u0643\u0648\u062f \u0643\u0627\u0645\u0644\u064b\u0627 \u0641\u064a \u0648\u062f\u062c\u062a (HTML) \u062f\u0627\u062e\u0644 Elementor\r\n  \u0639\u062f\u0651\u0644 \u0641\u0642\u0637: \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0635\u0648\u0631 + \u0627\u0644\u0646\u0635\u0648\u0635 + \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0623\u0632\u0631\u0627\u0631\r\n===================================================== -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap');\r\n\r\n.f360-hero {\r\n  --navy: #0A1A2F;\r\n  --orange: #FF6B00;\r\n  --yellow: #FFB800;\r\n\r\n  \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u0627\u0644 = \u0627\u0631\u062a\u0641\u0627\u0639 \u0635\u0648\u0631\u0629 \u0627\u0644\u062c\u0648\u0627\u0644 \u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0639\u0631\u0636\u0647\u0627.\r\n     \u0635\u0648\u0631\u0629 9:16 => 177vw  |  \u0635\u0648\u0631\u0629 4:5 => 125vw  |  \u0635\u0648\u0631\u0629 3:4 => 133vw *\/\r\n  --f360-m-height: 177vw;\r\n\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 9;\r\n  min-height: 520px;\r\n  max-height: 780px;\r\n  overflow: hidden;\r\n  font-family: 'Cairo', sans-serif;\r\n  direction: rtl;\r\n  background: #FFF8EE;\r\n}\r\n.f360-hero *, .f360-hero *::before, .f360-hero *::after { box-sizing: border-box; }\r\n\r\n\/* ================= \u0627\u0644\u0634\u0631\u0627\u0626\u062d ================= *\/\r\n.f360-slide {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  isolation: isolate;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: opacity .9s ease, visibility .9s ease;\r\n}\r\n\r\n\/* \u0637\u0628\u0642\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 (\u062a\u0643\u0628\u064a\u0631 \u062a\u062f\u0631\u064a\u062c\u064a + \u062d\u0631\u0643\u0629 \u0645\u0639 \u0627\u0644\u0645\u0627\u0648\u0633) *\/\r\n.f360-slide::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: -3%;                         \/* \u0647\u0627\u0645\u0634 \u0635\u063a\u064a\u0631 \u062d\u062a\u0649 \u0644\u0627 \u062a\u0638\u0647\u0631 \u0627\u0644\u062d\u0648\u0627\u0641 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062d\u0631\u0643\u0629 *\/\r\n  z-index: -1;\r\n  background-image: var(--bg);\r\n  background-size: cover;\r\n  background-position: right center;\r\n  background-repeat: no-repeat;\r\n  transform-origin: 75% 55%;\r\n  translate: var(--px, 0px) var(--py, 0px);\r\n  transition: translate .6s ease-out;\r\n  will-change: transform, translate;\r\n}\r\n.f360-slide.is-active::after {\r\n  animation: f360-kenburns 8s ease-out forwards;\r\n}\r\n@keyframes f360-kenburns {\r\n  from { scale: 1; }\r\n  to   { scale: 1.09; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .f360-slide.is-active::after { animation: none; }\r\n}\r\n.f360-slide.is-active {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  z-index: 2;\r\n}\r\n.f360-slide::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to right,\r\n      rgba(255,255,255,.6) 0%,\r\n      rgba(255,255,255,.3) 28%,\r\n      rgba(255,255,255,0) 46%);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* \u062d\u0631\u0643\u0629 \u062f\u062e\u0648\u0644 \u0627\u0644\u0646\u0635 *\/\r\n.f360-slide .f360-hero__content > * {\r\n  opacity: 0;\r\n  transform: translateY(18px);\r\n  transition: opacity .7s ease, transform .7s ease;\r\n}\r\n.f360-slide.is-active .f360-hero__content > * { opacity: 1; transform: none; }\r\n.f360-slide.is-active .f360-hero__content > *:nth-child(1) { transition-delay: .15s; }\r\n.f360-slide.is-active .f360-hero__content > *:nth-child(2) { transition-delay: .30s; }\r\n.f360-slide.is-active .f360-hero__content > *:nth-child(3) { transition-delay: .45s; }\r\n.f360-slide.is-active .f360-hero__content > *:nth-child(4) { transition-delay: .60s; }\r\n.f360-slide.is-active .f360-hero__content > *:nth-child(5) { transition-delay: .75s; }\r\n\r\n.f360-hero__inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 100%;\r\n  padding: 0 5%;\r\n}\r\n.f360-hero__content {\r\n  width: 40%;\r\n  max-width: 540px;\r\n  margin-right: auto;\r\n  margin-left: 0;\r\n  text-align: right;\r\n}\r\n\r\n.f360-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(255,107,0,.10);\r\n  color: var(--orange);\r\n  font-weight: 700;\r\n  font-size: clamp(12px, 1vw, 14px);\r\n  padding: 7px 16px;\r\n  border-radius: 50px;\r\n  margin-bottom: 18px;\r\n}\r\n.f360-badge::before {\r\n  content: \"\";\r\n  width: 8px; height: 8px;\r\n  background: var(--orange);\r\n  border-radius: 50%;\r\n  animation: f360-pulse 1.8s infinite;\r\n}\r\n\r\n.f360-title {\r\n  margin: 0 0 16px;\r\n  font-size: clamp(28px, 3.3vw, 52px);\r\n  line-height: 1.3;\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n}\r\n.f360-title span {\r\n  background: linear-gradient(90deg, var(--orange), var(--yellow));\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n.f360-text {\r\n  margin: 0 0 28px;\r\n  font-size: clamp(14px, 1.2vw, 18px);\r\n  line-height: 1.8;\r\n  color: #3b4a5e;\r\n}\r\n\r\n\/* ================= \u0627\u0644\u0623\u0632\u0631\u0627\u0631 ================= *\/\r\n.f360-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 30px; }\r\n.f360-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 13px 28px;\r\n  border-radius: 50px;\r\n  font-family: inherit;\r\n  font-size: clamp(14px, 1.15vw, 16px);\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n  text-decoration: none !important;\r\n  cursor: pointer;\r\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;\r\n}\r\n.f360-btn--primary {\r\n  background: linear-gradient(135deg, var(--orange), #FF8A1F);\r\n  color: #fff !important;\r\n  box-shadow: 0 10px 25px rgba(255,107,0,.35);\r\n}\r\n.f360-btn--primary:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(255,107,0,.45); }\r\n.f360-btn--secondary { background: #fff; color: var(--navy) !important; border: 2px solid var(--navy); }\r\n.f360-btn--secondary:hover { background: var(--navy); color: #fff !important; transform: translateY(-3px); }\r\n\r\n\/* ================= \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a ================= *\/\r\n.f360-stats { display: flex; flex-wrap: wrap; gap: 28px; }\r\n.f360-stat strong {\r\n  display: block;\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  font-weight: 800;\r\n  color: var(--orange);\r\n  line-height: 1.2;\r\n}\r\n.f360-stat span { font-size: clamp(12px, 1vw, 14px); color: #5b6b7f; }\r\n\r\n\/* ================= \u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u0646\u0642\u0644 ================= *\/\r\n.f360-dots {\r\n  position: absolute;\r\n  z-index: 5;\r\n  bottom: 22px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  display: flex;\r\n  gap: 10px;\r\n}\r\n.f360-dot {\r\n  width: 10px;\r\n  height: 10px;\r\n  padding: 0;\r\n  border: 0;\r\n  border-radius: 50px;\r\n  background: rgba(10,26,47,.25);\r\n  cursor: pointer;\r\n  transition: width .35s ease, background .35s ease;\r\n}\r\n.f360-dot.is-active { width: 34px; background: var(--orange); }\r\n\r\n@keyframes f360-pulse {\r\n  0%   { box-shadow: 0 0 0 0 rgba(255,107,0,.5); }\r\n  70%  { box-shadow: 0 0 0 10px rgba(255,107,0,0); }\r\n  100% { box-shadow: 0 0 0 0 rgba(255,107,0,0); }\r\n}\r\n\r\n\/* ================= \u062a\u0627\u0628\u0644\u062a ================= *\/\r\n@media (max-width: 1024px) {\r\n  .f360-hero { min-height: 480px; }\r\n  .f360-hero__content { width: 44%; }\r\n  .f360-stats { gap: 20px; }\r\n}\r\n\r\n\/* ================= \u062c\u0648\u0627\u0644 ================= *\/\r\n@media (max-width: 767px) {\r\n  .f360-hero {\r\n    aspect-ratio: auto;\r\n    height: var(--f360-m-height);\r\n    min-height: 0;\r\n    max-height: none;\r\n  }\r\n  .f360-slide { align-items: flex-start; }\r\n  .f360-slide::after {\r\n    inset: 0;\r\n    background-image: var(--bg-m);\r\n    background-size: 100% auto;       \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0628\u0639\u0631\u0636 \u0643\u0627\u0645\u0644 \u0641\u064a \u0627\u0644\u0623\u0633\u0641\u0644 *\/\r\n    background-position: center bottom;\r\n    transform-origin: 50% 85%;\r\n  }\r\n  .f360-slide.is-active::after { animation-name: f360-kenburns-m; }\r\n  @keyframes f360-kenburns-m {\r\n    from { scale: 1; }\r\n    to   { scale: 1.06; }\r\n  }\r\n  .f360-slide::before {\r\n    background: linear-gradient(to bottom,\r\n        rgba(255,255,255,.7) 0%,\r\n        rgba(255,255,255,.35) 40%,\r\n        rgba(255,255,255,0) 60%);\r\n  }\r\n  .f360-hero__inner { padding: 36px 20px 0; }\r\n  .f360-hero__content { width: 100%; max-width: 100%; margin: 0; text-align: center; }\r\n  .f360-title { font-size: 28px; }\r\n  .f360-text  { font-size: 15px; margin-bottom: 22px; }\r\n  .f360-buttons { justify-content: center; margin-bottom: 0; }\r\n  .f360-btn { width: 100%; max-width: 320px; }\r\n  .f360-stats { display: none; }\r\n  .f360-dots { bottom: 14px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"f360-hero\" id=\"f360-hero\">\r\n\r\n  <!-- ===================== \u0627\u0644\u0634\u0631\u064a\u062d\u0629 1: \u0627\u0644\u0645\u0637\u0627\u0639\u0645 ===================== -->\r\n  <div class=\"f360-slide is-active\"\r\n       style=\"--bg:url('https:\/\/foodi360.com\/wp-content\/uploads\/2026\/10\/hero-image.png');\r\n              --bg-m:url('https:\/\/foodi360.com\/wp-content\/uploads\/2026\/10\/mobile.png');\">\r\n    <div class=\"f360-hero__inner\">\r\n      <div class=\"f360-hero__content\">\r\n        <div class=\"f360-badge\">\u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0637\u0627\u0639\u0645<\/div>\r\n        <h2 class=\"f360-title\">\u0643\u0644 \u0645\u0627 \u064a\u062d\u062a\u0627\u062c\u0647 \u0645\u0637\u0639\u0645\u0643 <span>\u0631\u0642\u0645\u064a\u064b\u0627<\/span> \u0641\u064a \u0645\u0646\u0635\u0629 \u0648\u0627\u062d\u062f\u0629<\/h2>\r\n        <p class=\"f360-text\">\u0627\u0637\u0644\u0628 \u0623\u0648\u0646\u0644\u0627\u064a\u0646\u060c \u0642\u0627\u0626\u0645\u0629 QR\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0648\u0635\u064a\u0644\u060c \u0646\u0642\u0627\u0637 \u0627\u0644\u0628\u064a\u0639 \u0648\u062a\u0637\u0628\u064a\u0642 \u062c\u0648\u0627\u0644 \u062e\u0627\u0635 \u0628\u0645\u0637\u0639\u0645\u0643. \u0643\u0644 \u0634\u064a\u0621 \u0645\u062a\u0635\u0644 \u0648\u0645\u0646\u0638\u0645 \u0644\u062a\u0646\u0645\u0648 \u0645\u0628\u064a\u0639\u0627\u062a\u0643 \u0628\u0633\u0647\u0648\u0644\u0629.<\/p>\r\n        <div class=\"f360-buttons\">\r\n          <a href=\"#start\" class=\"f360-btn f360-btn--primary\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646 \u0645\u062c\u0627\u0646\u064b\u0627<\/a>\r\n          <a href=\"#demo\" class=\"f360-btn f360-btn--secondary\">\u0634\u0627\u0647\u062f \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u062a\u062c\u0631\u064a\u0628\u064a<\/a>\r\n        <\/div>\r\n        <div class=\"f360-stats\">\r\n          <div class=\"f360-stat\"><strong>+500<\/strong><span>\u0645\u0637\u0639\u0645 \u064a\u062b\u0642 \u0628\u0646\u0627<\/span><\/div>\r\n          <div class=\"f360-stat\"><strong>24\/7<\/strong><span>\u062f\u0639\u0645 \u0641\u0646\u064a<\/span><\/div>\r\n          <div class=\"f360-stat\"><strong>360\u00b0<\/strong><span>\u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ===================== \u0627\u0644\u0634\u0631\u064a\u062d\u0629 2: \u0627\u0644\u0643\u0627\u0641\u064a\u0647\u0627\u062a ===================== -->\r\n  <div class=\"f360-slide\"\r\n       style=\"--bg:url('https:\/\/foodi360.com\/wp-content\/uploads\/2026\/10\/cafe.png');\r\n              --bg-m:url('https:\/\/foodi360.com\/wp-content\/uploads\/2026\/10\/cafe-mobile.png');\">\r\n    <div class=\"f360-hero__inner\">\r\n      <div class=\"f360-hero__content\">\r\n        <div class=\"f360-badge\">\u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0630\u0643\u064a\u0629 \u0644\u0644\u0643\u0627\u0641\u064a\u0647\u0627\u062a<\/div>\r\n        <h2 class=\"f360-title\">\u0623\u062f\u0650\u0631 \u0643\u0627\u0641\u064a\u0647\u0643 <span>\u0628\u0630\u0643\u0627\u0621<\/span> \u0648\u0642\u062f\u0651\u0645 \u062a\u062c\u0631\u0628\u0629 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649<\/h2>\r\n        <p class=\"f360-text\">\u0642\u0627\u0626\u0645\u0629 QR\u060c \u0637\u0644\u0628\u0627\u062a \u0645\u0646 \u0627\u0644\u0637\u0627\u0648\u0644\u0629\u060c \u0643\u0627\u0634\u064a\u0631 \u0645\u062a\u0643\u0627\u0645\u0644\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0632\u0648\u0646 \u0648\u062a\u0637\u0628\u064a\u0642 \u062e\u0627\u0635 \u0628\u0643\u0627\u0641\u064a\u0647\u0643 \u0644\u062a\u0632\u064a\u062f \u0648\u0644\u0627\u0621 \u0639\u0645\u0644\u0627\u0626\u0643 \u0648\u0645\u0628\u064a\u0639\u0627\u062a\u0643.<\/p>\r\n        <div class=\"f360-buttons\">\r\n          <a href=\"#start\" class=\"f360-btn f360-btn--primary\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646 \u0645\u062c\u0627\u0646\u064b\u0627<\/a>\r\n          <a href=\"#demo\" class=\"f360-btn f360-btn--secondary\">\u0634\u0627\u0647\u062f \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u062a\u062c\u0631\u064a\u0628\u064a<\/a>\r\n        <\/div>\r\n        <div class=\"f360-stats\">\r\n          <div class=\"f360-stat\"><strong>QR<\/strong><span>\u0642\u0627\u0626\u0645\u0629 \u0631\u0642\u0645\u064a\u0629<\/span><\/div>\r\n          <div class=\"f360-stat\"><strong>POS<\/strong><span>\u0643\u0627\u0634\u064a\u0631 \u0645\u062a\u0643\u0627\u0645\u0644<\/span><\/div>\r\n          <div class=\"f360-stat\"><strong>360\u00b0<\/strong><span>\u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u0646\u0642\u0644 -->\r\n  <div class=\"f360-dots\"><\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var hero = document.getElementById('f360-hero');\r\n  if (!hero || hero.dataset.ready) return;\r\n  hero.dataset.ready = '1';\r\n\r\n  var DELAY = 6000;                 \/\/ \u0645\u062f\u0629 \u0628\u0642\u0627\u0621 \u0643\u0644 \u0634\u0631\u064a\u062d\u0629 \u0628\u0627\u0644\u0645\u0644\u0651\u064a \u062b\u0627\u0646\u064a\u0629\r\n  var slides = hero.querySelectorAll('.f360-slide');\r\n  var dotsBox = hero.querySelector('.f360-dots');\r\n  var current = 0, timer = null, dots = [];\r\n\r\n  slides.forEach(function (_, i) {\r\n    var b = document.createElement('button');\r\n    b.className = 'f360-dot' + (i === 0 ? ' is-active' : '');\r\n    b.setAttribute('aria-label', '\u0627\u0644\u0634\u0631\u064a\u062d\u0629 ' + (i + 1));\r\n    b.addEventListener('click', function () { go(i); restart(); });\r\n    dotsBox.appendChild(b);\r\n    dots.push(b);\r\n  });\r\n\r\n  function go(n) {\r\n    slides[current].classList.remove('is-active');\r\n    dots[current].classList.remove('is-active');\r\n    current = (n + slides.length) % slides.length;\r\n    slides[current].classList.add('is-active');\r\n    dots[current].classList.add('is-active');\r\n  }\r\n  function start()   { stop(); timer = setInterval(function () { go(current + 1); }, DELAY); }\r\n  function stop()    { if (timer) { clearInterval(timer); timer = null; } }\r\n  function restart() { start(); }\r\n\r\n  \/* \u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0645\u0633\u062a\u0645\u0631 \u062d\u062a\u0649 \u0645\u0639 \u0648\u062c\u0648\u062f \u0627\u0644\u0645\u0627\u0648\u0633 \u0641\u0648\u0642 \u0627\u0644\u0642\u0633\u0645 *\/\r\n  hero.addEventListener('mouseleave', function () {\r\n    hero.style.setProperty('--px', '0px');\r\n    hero.style.setProperty('--py', '0px');\r\n  });\r\n\r\n  \/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0645\u0639 \u0627\u0644\u0645\u0627\u0648\u0633 (\u0628\u0627\u0631\u0627\u0644\u064a\u0643\u0633 \u062e\u0641\u064a\u0641) \u0639\u0644\u0649 \u0627\u0644\u062f\u064a\u0633\u0643\u062a\u0648\u0628 *\/\r\n  hero.addEventListener('mousemove', function (e) {\r\n    if (window.innerWidth < 768) return;\r\n    var r = hero.getBoundingClientRect();\r\n    var dx = (e.clientX - r.left) \/ r.width  - 0.5;\r\n    var dy = (e.clientY - r.top)  \/ r.height - 0.5;\r\n    hero.style.setProperty('--px', (-dx * 26).toFixed(1) + 'px');\r\n    hero.style.setProperty('--py', (-dy * 16).toFixed(1) + 'px');\r\n  });\r\n\r\n  \/* \u0627\u0644\u0633\u062d\u0628 \u0628\u0627\u0644\u0644\u0645\u0633 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n  var x0 = null;\r\n  hero.addEventListener('touchstart', function (e) { x0 = e.touches[0].clientX; stop(); }, { passive: true });\r\n  hero.addEventListener('touchend', function (e) {\r\n    if (x0 !== null) {\r\n      var dx = e.changedTouches[0].clientX - x0;\r\n      if (Math.abs(dx) > 50) go(dx < 0 ? current + 1 : current - 1);\r\n    }\r\n    x0 = null; start();\r\n  }, { passive: true });\r\n\r\n  document.addEventListener('visibilitychange', function () { document.hidden ? stop() : start(); });\r\n\r\n  start();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0637\u0627\u0639\u0645 \u0643\u0644 \u0645\u0627 \u064a\u062d\u062a\u0627\u062c\u0647 \u0645\u0637\u0639\u0645\u0643 \u0631\u0642\u0645\u064a\u064b\u0627 \u0641\u064a \u0645\u0646\u0635\u0629 \u0648\u0627\u062d\u062f\u0629 \u0627\u0637\u0644\u0628 \u0623\u0648\u0646\u0644\u0627\u064a\u0646\u060c \u0642\u0627\u0626\u0645\u0629 QR\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0648\u0635\u064a\u0644\u060c \u0646\u0642\u0627\u0637 \u0627\u0644\u0628\u064a\u0639<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/foodi360.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/foodi360.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/foodi360.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/foodi360.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/foodi360.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":5,"href":"https:\/\/foodi360.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/foodi360.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/foodi360.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}