{"id":19,"date":"2026-07-14T12:34:51","date_gmt":"2026-07-14T12:34:51","guid":{"rendered":"https:\/\/test.econexa.ir\/?page_id=19"},"modified":"2026-07-14T12:36:17","modified_gmt":"2026-07-14T12:36:17","slug":"%da%a9%d8%a7%d9%81%d9%87-%da%86%d8%b1%db%8c","status":"publish","type":"page","link":"https:\/\/test.econexa.ir\/","title":{"rendered":"\u06a9\u0627\u0641\u0647 \u0686\u0631\u06cc"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9971503 e-con-full e-flex e-con e-parent\" data-id=\"9971503\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ca286b elementor-widget elementor-widget-html\" data-id=\"4ca286b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0645\u0646\u0648 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u06a9\u0627\u0641\u0647 - \u06a9\u0627\u0641\u0647 \u0686\u0631\u06cc<\/title>\n    <!-- \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0641\u0648\u0646\u062a \u0648\u0632\u06cc\u0631\u0645\u062a\u0646 -->\n    <link href=\"https:\/\/cdn.jsdelivr.net\/gh\/rastikerdar\/vazirmatn@v33.003\/Vazirmatn-font-face.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n    <!-- Tailwind CSS \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u0633\u0631\u06cc\u0639 -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- FontAwesome \u0628\u0631\u0627\u06cc \u0622\u06cc\u06a9\u0648\u0646\u200c\u0647\u0627 -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        'cherry-dark': '#4A0404', \/* \u0632\u0631\u0634\u06a9\u06cc \u062a\u06cc\u0631\u0647 *\/\n                        'cherry-main': '#7B1113', \/* \u0632\u0631\u0634\u06a9\u06cc \u0627\u0635\u0644\u06cc *\/\n                        'cherry-light': '#A62125', \/* \u0622\u0644\u0628\u0627\u0644\u0648\u06cc\u06cc *\/\n                        'gold-accent': '#D4AF37', \/* \u0637\u0644\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u062a\u0632\u0626\u06cc\u0646 *\/\n                        'dark-bg': '#110202', \/* \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0628\u0633\u06cc\u0627\u0631 \u062a\u06cc\u0631\u0647 *\/\n                    },\n                    fontFamily: {\n                        sans: ['Vazirmatn', 'sans-serif'],\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        \/* \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u067e\u0627\u06cc\u0647 *\/\n        body {\n            font-family: 'Vazirmatn', sans-serif;\n            background-color: #fcf9f9;\n            color: #333;\n            scroll-behavior: smooth;\n        }\n\n        \/* \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0627\u0631 *\/\n        ::-webkit-scrollbar {\n            width: 8px;\n        }\n        ::-webkit-scrollbar-track {\n            background: #110202;\n        }\n        ::-webkit-scrollbar-thumb {\n            background: #7B1113;\n            border-radius: 4px;\n        }\n        ::-webkit-scrollbar-thumb:hover {\n            background: #A62125;\n        }\n\n        \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u067e\u062f\u06cc\u062f\u0627\u0631 \u0634\u062f\u0646 (Fade In) *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n        }\n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* \u0627\u0641\u06a9\u062a \u0634\u0646\u0627\u0648\u0631 \u0628\u0631\u0627\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 *\/\n        .float-hover {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        .float-hover:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px rgba(123, 17, 19, 0.2);\n        }\n\n        \/* \u06af\u0631\u0627\u062f\u06cc\u0627\u0646\u062a \u0645\u062a\u0646 *\/\n        .text-gradient {\n            background: linear-gradient(45deg, #A62125, #D4AF37);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        \/* \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0647\u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u06a9\u0631\u0648\u0644 *\/\n        .header-scrolled {\n            background-color: rgba(17, 2, 2, 0.95);\n            backdrop-filter: blur(10px);\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* \u0628\u062e\u0634 \u0647\u06cc\u0631\u0648 (Hero Section) \u0628\u0627 \u062a\u0635\u0648\u06cc\u0631 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u062a\u0627\u0631\u06cc\u06a9 *\/\n        .hero-bg {\n            background-image: linear-gradient(to bottom, rgba(17, 2, 2, 0.7), rgba(74, 4, 4, 0.8)), url('https:\/\/images.unsplash.com\/photo-1554118811-1e0d58224f24?auto=format&fit=crop&q=80&w=2000');\n            background-size: cover;\n            background-position: center;\n            background-attachment: fixed;\n        }\n\n        \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0646\u0648 *\/\n        .menu-item-card {\n            background: white;\n            border-right: 4px solid #7B1113;\n            transition: all 0.3s ease;\n        }\n        .menu-item-card:hover {\n            border-right-width: 8px;\n            background: #fdf5f5;\n        }\n        \n        \/* \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u062f\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc *\/\n        .category-btn.active {\n            background-color: #7B1113;\n            color: white;\n            border-color: #7B1113;\n        }\n    <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n    <header id=\"navbar\" class=\"fixed w-full top-0 z-50 transition-all duration-300 py-4 bg-transparent text-white\">\n        <div class=\"container mx-auto px-4 md:px-8\">\n            <div class=\"flex justify-between items-center\">\n                <!-- \u0644\u0648\u06af\u0648 -->\n                <div class=\"flex items-center gap-2\">\n                    <i class=\"fa-solid fa-mug-hot text-gold-accent text-2xl\"><\/i>\n                    <a href=\"#\" class=\"text-2xl font-bold tracking-tight\">\u06a9\u0627\u0641\u0647 <span class=\"text-cherry-light\">\u0686\u0631\u06cc<\/span><\/a>\n                <\/div>\n\n                <!-- \u0645\u0646\u0648\u06cc \u062f\u0633\u06a9\u062a\u0627\u067e -->\n                <nav class=\"hidden md:flex space-x-reverse space-x-8 items-center\">\n                    <a href=\"#home\" class=\"hover:text-gold-accent transition-colors font-medium\">\u062e\u0627\u0646\u0647<\/a>\n                    <a href=\"#about\" class=\"hover:text-gold-accent transition-colors font-medium\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n                    <a href=\"#menu\" class=\"hover:text-gold-accent transition-colors font-medium\">\u0645\u0646\u0648 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/a>\n                    <a href=\"#gallery\" class=\"hover:text-gold-accent transition-colors font-medium\">\u0641\u0636\u0627\u06cc \u06a9\u0627\u0641\u0647<\/a>\n                    <a href=\"#location\" class=\"hover:text-gold-accent transition-colors font-medium\">\u0645\u0633\u06cc\u0631\u06cc\u0627\u0628\u06cc<\/a>\n                    <a href=\"#menu\" class=\"bg-cherry-main hover:bg-cherry-light text-white px-5 py-2 rounded-full transition-colors text-sm font-bold shadow-lg shadow-cherry-main\/30\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u0646\u0648<\/a>\n                <\/nav>\n\n                <!-- \u062f\u06a9\u0645\u0647 \u0645\u0646\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 -->\n                <button id=\"mobile-menu-btn\" class=\"md:hidden text-2xl focus:outline-none\">\n                    <i class=\"fa-solid fa-bars\"><\/i>\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- \u0645\u0646\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u06a9\u0634\u0648\u06cc\u06cc -->\n        <div id=\"mobile-menu\" class=\"hidden md:hidden absolute top-full left-0 w-full bg-dark-bg border-t border-cherry-dark shadow-xl\">\n            <nav class=\"flex flex-col px-6 py-4 space-y-4\">\n                <a href=\"#home\" class=\"mobile-link text-white hover:text-cherry-light\">\u062e\u0627\u0646\u0647<\/a>\n                <a href=\"#about\" class=\"mobile-link text-white hover:text-cherry-light\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n                <a href=\"#menu\" class=\"mobile-link text-white hover:text-cherry-light\">\u0645\u0646\u0648 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/a>\n                <a href=\"#gallery\" class=\"mobile-link text-white hover:text-cherry-light\">\u0641\u0636\u0627\u06cc \u06a9\u0627\u0641\u0647<\/a>\n                <a href=\"#location\" class=\"mobile-link text-white hover:text-cherry-light\">\u0645\u0633\u06cc\u0631\u06cc\u0627\u0628\u06cc<\/a>\n            <\/nav>\n        <\/div>\n    <\/header>\n\n    <section id=\"home\" class=\"hero-bg min-h-screen flex items-center justify-center pt-20\">\n        <div class=\"container mx-auto px-4 text-center text-white\">\n            <div class=\"max-w-3xl mx-auto fade-in\">\n                <p class=\"text-gold-accent font-medium mb-4 tracking-widest text-sm md:text-base\">MENU DIGITAL<\/p>\n                <h1 class=\"text-5xl md:text-7xl font-bold mb-6 leading-tight\">\n                    \u0644\u062d\u0638\u0627\u062a\u06cc \u0645\u0627\u0646\u062f\u06af\u0627\u0631 \u062f\u0631 <br\/>\n                    <span class=\"text-transparent bg-clip-text bg-gradient-to-l from-cherry-light to-gold-accent\">\u06a9\u0627\u0641\u0647 \u0686\u0631\u06cc<\/span>\n                <\/h1>\n                <p class=\"text-lg md:text-xl text-gray-200 mb-10 leading-relaxed max-w-2xl mx-auto\">\n                    \u0641\u0636\u0627\u06cc\u06cc \u0634\u06cc\u06a9\u060c \u0645\u062f\u0631\u0646 \u0648 \u062f\u0646\u062c\u061b \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631 \u0628\u0631\u0627\u06cc \u062f\u06cc\u062a\u200c\u0647\u0627\u06cc \u0639\u0627\u0634\u0642\u0627\u0646\u0647 \u0634\u0645\u0627 \u0648 \u0642\u0631\u0627\u0631\u0647\u0627\u06cc \u06a9\u0627\u0631\u06cc \u0645\u0647\u0645. \u0637\u0639\u0645 \u0648\u0627\u0642\u0639\u06cc \u0642\u0647\u0648\u0647 \u0631\u0627 \u062f\u0631 \u0642\u0644\u0628 \u0634\u0647\u0631 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0646\u06cc\u062f.\n                <\/p>\n                <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n                    <a href=\"#menu\" class=\"bg-cherry-main hover:bg-cherry-light text-white px-8 py-3 rounded-full text-lg font-medium transition-all shadow-[0_0_20px_rgba(166,33,37,0.4)] hover:shadow-[0_0_30px_rgba(166,33,37,0.6)] transform hover:-translate-y-1\">\n                        \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u0646\u0648 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\n                    <\/a>\n                    <a href=\"#location\" class=\"bg-transparent border border-white hover:border-gold-accent hover:text-gold-accent text-white px-8 py-3 rounded-full text-lg font-medium transition-all\">\n                        \u0622\u062f\u0631\u0633 \u06a9\u0627\u0641\u0647\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- \u0622\u06cc\u06a9\u0648\u0646 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0647 \u067e\u0627\u06cc\u06cc\u0646 -->\n        <a href=\"#about\" class=\"absolute bottom-10 left-1\/2 transform -translate-x-1\/2 text-white\/70 hover:text-white animate-bounce\">\n            <i class=\"fa-solid fa-chevron-down text-2xl\"><\/i>\n        <\/a>\n    <\/section>\n\n    <section id=\"about\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-4 md:px-8\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n                <div class=\"fade-in order-2 md:order-1 relative\">\n                    <!-- \u06a9\u0644\u0627\u0698 \u062a\u0635\u0627\u0648\u06cc\u0631 -->\n                    <div class=\"relative h-[400px] md:h-[500px]\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600093463592-8e36ae95ef56?auto=format&fit=crop&q=80&w=800\" alt=\"\u0641\u0636\u0627\u06cc \u062f\u0646\u062c \u06a9\u0627\u0641\u0647\" class=\"absolute top-0 right-0 w-2\/3 h-2\/3 object-cover rounded-2xl shadow-xl float-hover z-10 border-4 border-white\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559925393-8be0ec4767c8?auto=format&fit=crop&q=80&w=800\" alt=\"\u0642\u0647\u0648\u0647 \u062a\u062e\u0635\u0635\u06cc\" class=\"absolute bottom-0 left-0 w-2\/3 h-2\/3 object-cover rounded-2xl shadow-xl float-hover z-20 border-4 border-white\">\n                    <\/div>\n                <\/div>\n                <div class=\"fade-in order-1 md:order-2\">\n                    <h4 class=\"text-cherry-main font-bold mb-2\">\u062f\u0627\u0633\u062a\u0627\u0646 \u0686\u0631\u06cc<\/h4>\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-6\">\u0645\u06a9\u0627\u0646\u06cc \u0628\u0631\u0627\u06cc \u062c\u0648\u0627\u0646\u0627\u0646 \u062e\u0648\u0634\u200c\u0633\u0644\u06cc\u0642\u0647<\/h2>\n                    <p class=\"text-gray-600 mb-6 leading-relaxed text-justify\">\n                        \u06a9\u0627\u0641\u0647 \u0686\u0631\u06cc \u0628\u0627 \u0637\u0631\u0627\u062d\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u062f\u0631\u0646 \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u0631\u06a9\u06cc\u0628 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u062c\u0630\u0627\u0628 \u0622\u0644\u0628\u0627\u0644\u0648\u06cc\u06cc \u0648 \u0632\u0631\u0634\u06a9\u06cc\u060c \u0641\u0636\u0627\u06cc\u06cc \u06af\u0631\u0645 \u0648 \u0635\u0645\u06cc\u0645\u06cc \u0631\u0627 \u062e\u0644\u0642 \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a. \u062a\u0645\u0631\u06a9\u0632 \u0645\u0627 \u0628\u0631 \u0627\u06cc\u062c\u0627\u062f \u0645\u062d\u06cc\u0637\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0647\u0645 \u0628\u0631\u0627\u06cc \u0642\u0631\u0627\u0631\u0647\u0627\u06cc \u06a9\u0627\u0631\u06cc \u062a\u0645\u0631\u06a9\u0632 \u0644\u0627\u0632\u0645 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u06a9\u0646\u062f \u0648 \u0647\u0645 \u0628\u0631\u0627\u06cc \u062f\u06cc\u062f\u0627\u0631\u0647\u0627\u06cc \u0639\u0627\u0634\u0642\u0627\u0646\u0647\u060c \u0627\u062a\u0645\u0633\u0641\u0631\u06cc \u0631\u0645\u0627\u0646\u062a\u06cc\u06a9 \u0648 \u0628\u0647\u200c\u06cc\u0627\u062f\u0645\u0627\u0646\u062f\u0646\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f.\n                    <\/p>\n                    <div class=\"grid grid-cols-2 gap-6 mt-8\">\n                        <div class=\"flex items-start gap-3\">\n                            <div class=\"bg-cherry-main\/10 p-3 rounded-lg text-cherry-main\">\n                                <i class=\"fa-solid fa-heart text-xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h3 class=\"font-bold text-gray-900\">\u0641\u0636\u0627\u06cc \u0631\u0645\u0627\u0646\u062a\u06cc\u06a9<\/h3>\n                                <p class=\"text-sm text-gray-500 mt-1\">\u0646\u0648\u0631\u067e\u0631\u062f\u0627\u0632\u06cc \u0645\u0644\u0627\u06cc\u0645 \u0648 \u062f\u0646\u062c<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <div class=\"bg-cherry-main\/10 p-3 rounded-lg text-cherry-main\">\n                                <i class=\"fa-solid fa-briefcase text-xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h3 class=\"font-bold text-gray-900\">\u0642\u0631\u0627\u0631\u0647\u0627\u06cc \u06a9\u0627\u0631\u06cc<\/h3>\n                                <p class=\"text-sm text-gray-500 mt-1\">\u0645\u062d\u06cc\u0637\u06cc \u0622\u0631\u0627\u0645 \u0628\u0627 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a \u067e\u0631\u0633\u0631\u0639\u062a<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"menu\" class=\"py-20 bg-gray-50 relative\">\n        <!-- \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u062a\u0632\u0626\u06cc\u0646\u06cc \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 -->\n        <div class=\"absolute top-0 right-0 w-64 h-64 bg-cherry-light\/5 rounded-full blur-3xl -z-10\"><\/div>\n        <div class=\"absolute bottom-0 left-0 w-80 h-80 bg-cherry-main\/5 rounded-full blur-3xl -z-10\"><\/div>\n\n        <div class=\"container mx-auto px-4 md:px-8 max-w-5xl\">\n            <div class=\"text-center mb-12 fade-in\">\n                <h2 class=\"text-4xl font-bold text-gray-900 mb-4\">\u0645\u0646\u0648 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 <span class=\"text-cherry-main\">\u0686\u0631\u06cc<\/span><\/h2>\n                <p class=\"text-gray-600 max-w-2xl mx-auto\">\u0628\u0647\u062a\u0631\u06cc\u0646 \u0637\u0639\u0645\u200c\u0647\u0627 \u0627\u0632 \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a\u200c\u062a\u0631\u06cc\u0646 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647. \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u0648 \u0627\u0632 \u0637\u0639\u0645 \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631 \u0622\u0646 \u0644\u0630\u062a \u0628\u0628\u0631\u06cc\u062f.<\/p>\n            <\/div>\n\n            <!-- \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u0646\u0648 -->\n            <div class=\"flex flex-wrap justify-center gap-3 mb-10 fade-in\">\n                <button class=\"category-btn active px-6 py-2 rounded-full border border-gray-300 text-gray-600 font-medium transition-all\" onclick=\"filterMenu('all')\">\u0647\u0645\u0647<\/button>\n                <button class=\"category-btn px-6 py-2 rounded-full border border-gray-300 text-gray-600 font-medium hover:border-cherry-light hover:text-cherry-light transition-all\" onclick=\"filterMenu('hot')\">\u06af\u0631\u0645 \u0648 \u0627\u0633\u067e\u0631\u0633\u0648<\/button>\n                <button class=\"category-btn px-6 py-2 rounded-full border border-gray-300 text-gray-600 font-medium hover:border-cherry-light hover:text-cherry-light transition-all\" onclick=\"filterMenu('cold')\">\u0646\u0648\u0634\u06cc\u062f\u0646\u06cc \u0633\u0631\u062f<\/button>\n                <button class=\"category-btn px-6 py-2 rounded-full border border-gray-300 text-gray-600 font-medium hover:border-cherry-light hover:text-cherry-light transition-all\" onclick=\"filterMenu('cake')\">\u06a9\u06cc\u06a9 \u0648 \u062f\u0633\u0631<\/button>\n            <\/div>\n\n            <!-- \u0644\u06cc\u0633\u062a \u0622\u06cc\u062a\u0645\u200c\u0647\u0627\u06cc \u0645\u0646\u0648 -->\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 fade-in\" id=\"menu-container\">\n                \n                <!-- \u0622\u06cc\u062a\u0645 \u06f1: \u06af\u0631\u0645 -->\n                <div class=\"menu-item-card p-4 rounded-xl shadow-sm flex items-center gap-4 menu-item hot\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511920170033-f8396924c348?auto=format&fit=crop&q=80&w=200\" alt=\"\u0627\u0633\u067e\u0631\u0633\u0648\" class=\"w-20 h-20 object-cover rounded-lg\">\n                    <div class=\"flex-1\">\n                        <div class=\"flex justify-between items-start mb-1\">\n                            <h3 class=\"font-bold text-lg text-gray-900\">\u0627\u0633\u067e\u0631\u0633\u0648 \u0633\u06cc\u0646\u06af\u0644 \/ \u062f\u0628\u0644<\/h3>\n                            <span class=\"text-cherry-main font-bold\">\u06f1\u06f8\u06f7 \/ \u06f2\u06f0\u06f9 \u062a<\/span>\n                        <\/div>\n                        <p class=\"text-sm text-gray-500 line-clamp-2\">\u0639\u0635\u0627\u0631\u0647 \u06af\u06cc\u0631\u06cc \u062f\u0642\u06cc\u0642 \u0627\u0632 \u062f\u0627\u0646\u0647 \u0647\u0627\u06cc \u06f1\u06f0\u06f0\u066a \u0639\u0631\u0628\u06cc\u06a9\u0627<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- \u0622\u06cc\u062a\u0645 \u06f2: \u06af\u0631\u0645 -->\n                <div class=\"menu-item-card p-4 rounded-xl shadow-sm flex items-center gap-4 menu-item hot\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1572442388796-11668a67e53d?auto=format&fit=crop&q=80&w=200\" alt=\"\u0644\u062a\u0647\" class=\"w-20 h-20 object-cover rounded-lg\">\n                    <div class=\"flex-1\">\n                        <div class=\"flex justify-between items-start mb-1\">\n                            <h3 class=\"font-bold text-lg text-gray-900\">\u06a9\u0627\u0641\u0647 \u0644\u0627\u062a\u0647 \u0622\u0631\u062a<\/h3>\n                            <span class=\"text-cherry-main font-bold\">\u06f2\u06f4\u06f7,\u06f0\u06f0\u06f0 \u062a<\/span>\n                        <\/div>\n                        <p class=\"text-sm text-gray-500 line-clamp-2\">\u062a\u0631\u06a9\u06cc\u0628 \u0627\u0633\u067e\u0631\u0633\u0648 \u0648 \u0634\u06cc\u0631 \u0641\u0648\u0645 \u06af\u0631\u0641\u062a\u0647 \u0634\u062f\u0647 \u0627\u0628\u0631\u06cc\u0634\u0645\u06cc<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- \u0622\u06cc\u062a\u0645 \u06f3: \u0633\u0631\u062f -->\n                <div class=\"menu-item-card p-4 rounded-xl shadow-sm flex items-center gap-4 menu-item cold\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517701604599-bb29b565090c?auto=format&fit=crop&q=80&w=200\" alt=\"\u0622\u06cc\u0633 \u0644\u062a\u0647\" class=\"w-20 h-20 object-cover rounded-lg\">\n                    <div class=\"flex-1\">\n                        <div class=\"flex justify-between items-start mb-1\">\n                            <h3 class=\"font-bold text-lg text-gray-900\">\u0622\u06cc\u0633 \u06a9\u0627\u0631\u0627\u0645\u0644 \u0645\u0627\u06a9\u06cc\u0627\u062a\u0648<\/h3>\n                            <span class=\"text-cherry-main font-bold\">\u06f2\u06f7\u06f8,\u06f0\u06f0\u06f0 \u062a<\/span>\n                        <\/div>\n                        <p class=\"text-sm text-gray-500 line-clamp-2\">\u0627\u0633\u067e\u0631\u0633\u0648\u060c \u0634\u06cc\u0631 \u0633\u0631\u062f\u060c \u06cc\u062e \u0648 \u0633\u0633 \u06a9\u0627\u0631\u0627\u0645\u0644 \u062f\u0633\u062a\u200c\u0633\u0627\u0632<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- \u0622\u06cc\u062a\u0645 \u06f4: \u0633\u0631\u062f -->\n                <div class=\"menu-item-card p-4 rounded-xl shadow-sm flex items-center gap-4 menu-item cold\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513558161293-cdaf765ed2fd?auto=format&fit=crop&q=80&w=200\" alt=\"\u0645\u0648\u0647\u06cc\u062a\u0648\" class=\"w-20 h-20 object-cover rounded-lg\">\n                    <div class=\"flex-1\">\n                        <div class=\"flex justify-between items-start mb-1\">\n                            <h3 class=\"font-bold text-lg text-gray-900\">\u0645\u0648\u0647\u06cc\u062a\u0648 \u06a9\u0644\u0627\u0633\u06cc\u06a9<\/h3>\n                            <span class=\"text-cherry-main font-bold\">\u06f2\u06f9\u06f5,\u06f0\u06f0\u06f0 \u062a<\/span>\n                        <\/div>\n                        <p class=\"text-sm text-gray-500 line-clamp-2\">\u0646\u0639\u0646\u0627\u06cc \u062a\u0627\u0632\u0647\u060c \u0644\u06cc\u0645\u0648 \u062a\u0631\u0634\u060c \u0633\u06cc\u0631\u0648\u067e \u0648 \u0633\u0648\u062f\u0627<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- \u0622\u06cc\u062a\u0645 \u06f5: \u06a9\u06cc\u06a9 -->\n                <div class=\"menu-item-card p-4 rounded-xl shadow-sm flex items-center gap-4 menu-item cake\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571115177098-24ec42ed204d?auto=format&fit=crop&q=80&w=200\" alt=\"\u0686\u06cc\u0632\u06a9\u06cc\u06a9\" class=\"w-20 h-20 object-cover rounded-lg\">\n                    <div class=\"flex-1\">\n                        <div class=\"flex justify-between items-start mb-1\">\n                            <h3 class=\"font-bold text-lg text-gray-900\">\u0686\u06cc\u0632 \u06a9\u06cc\u06a9 \u0622\u0644\u0628\u0627\u0644\u0648 (\u0648\u06cc\u0698\u0647)<\/h3>\n                            <span class=\"text-cherry-main font-bold\">\u06f2\u06f1\u06f0,\u06f0\u06f0\u06f0 \u062a<\/span>\n                        <\/div>\n                        <p class=\"text-sm text-gray-500 line-clamp-2\">\u0686\u06cc\u0632\u06a9\u06cc\u06a9 \u0646\u06cc\u0648\u06cc\u0648\u0631\u06a9\u06cc \u0628\u0627 \u0633\u0633 \u0622\u0644\u0628\u0627\u0644\u0648\u06cc \u0645\u062e\u0635\u0648\u0635 \u0686\u0631\u06cc<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- \u0622\u06cc\u062a\u0645 \u06f6: \u06a9\u06cc\u06a9 -->\n                <div class=\"menu-item-card p-4 rounded-xl shadow-sm flex items-center gap-4 menu-item cake\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606890737304-57a1ca8a5b62?auto=format&fit=crop&q=80&w=200\" alt=\"\u06a9\u06cc\u06a9 \u0634\u06a9\u0644\u0627\u062a\u06cc\" class=\"w-20 h-20 object-cover rounded-lg\">\n                    <div class=\"flex-1\">\n                        <div class=\"flex justify-between items-start mb-1\">\n                            <h3 class=\"font-bold text-lg text-gray-900\">\u06a9\u06cc\u06a9 \u0634\u06a9\u0644\u0627\u062a\u06cc \u062e\u06cc\u0633<\/h3>\n                            <span class=\"text-cherry-main font-bold\">\u06f1\u06f9\u06f5,\u06f0\u06f0\u06f0 \u062a<\/span>\n                        <\/div>\n                        <p class=\"text-sm text-gray-500 line-clamp-2\">\u06a9\u06cc\u06a9 \u062f\u0628\u0644 \u0686\u0627\u06a9\u0644\u062a \u062f\u0627\u063a \u0628\u0627 \u062a\u06a9\u0647 \u0647\u0627\u06cc \u0634\u06a9\u0644\u0627\u062a \u062a\u0644\u062e<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n            \n            <div class=\"text-center mt-10\">\n                <a href=\"#\" class=\"inline-flex items-center gap-2 text-cherry-main font-bold hover:text-cherry-light transition-colors\">\n                    \u062f\u0627\u0646\u0644\u0648\u062f \u0645\u0646\u0648\u06cc \u06a9\u0627\u0645\u0644 (PDF) <i class=\"fa-solid fa-download\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"gallery\" class=\"py-20 bg-dark-bg text-white\">\n        <div class=\"container mx-auto px-4 md:px-8\">\n            <div class=\"text-center mb-12 fade-in\">\n                <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">\u06af\u0627\u0644\u0631\u06cc <span class=\"text-cherry-light\">\u062a\u0635\u0627\u0648\u06cc\u0631<\/span><\/h2>\n                <p class=\"text-gray-400 max-w-2xl mx-auto\">\u0646\u06af\u0627\u0647\u06cc \u0628\u0647 \u06af\u0648\u0634\u0647 \u0648 \u06a9\u0646\u0627\u0631 \u0641\u0636\u0627\u06cc \u062f\u0646\u062c \u0648 \u0634\u06cc\u06a9 \u06a9\u0627\u0641\u0647 \u0686\u0631\u06cc<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 fade-in\">\n                <div class=\"col-span-2 row-span-2 overflow-hidden rounded-xl\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521017430055-16c0c2dc479b?auto=format&fit=crop&q=80&w=800\" alt=\"\u0646\u0645\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u06a9\u0627\u0641\u0647\" class=\"w-full h-full object-cover hover:scale-110 transition-transform duration-500 cursor-pointer\">\n                <\/div>\n                <div class=\"overflow-hidden rounded-xl h-48 md:h-auto\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497935586351-b67a49e012bf?auto=format&fit=crop&q=80&w=400\" alt=\"\u0642\u0647\u0648\u0647 \u0648 \u0644\u067e \u062a\u0627\u067e\" class=\"w-full h-full object-cover hover:scale-110 transition-transform duration-500 cursor-pointer\">\n                <\/div>\n                <div class=\"overflow-hidden rounded-xl h-48 md:h-auto\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509042239860-f550ce710b93?auto=format&fit=crop&q=80&w=400\" alt=\"\u062f\u0627\u0646\u0647 \u0642\u0647\u0648\u0647\" class=\"w-full h-full object-cover hover:scale-110 transition-transform duration-500 cursor-pointer\">\n                <\/div>\n                <div class=\"col-span-2 overflow-hidden rounded-xl h-48 md:h-auto\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559925393-8be0ec4767c8?auto=format&fit=crop&q=80&w=800\" alt=\"\u0628\u0627\u0631\u06cc\u0633\u062a\u0627\" class=\"w-full h-full object-cover hover:scale-110 transition-transform duration-500 cursor-pointer\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"location\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-4 md:px-8\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n                <!-- \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u0645\u0627\u0633 -->\n                <div class=\"fade-in flex flex-col justify-center\">\n                    <h2 class=\"text-3xl font-bold text-gray-900 mb-6\">\u0645\u0646\u062a\u0638\u0631 \u062d\u0636\u0648\u0631 \u06af\u0631\u0645\u062a\u0627\u0646 \u0647\u0633\u062a\u06cc\u0645<\/h2>\n                    <p class=\"text-gray-600 mb-8 leading-relaxed\">\n                        \u0628\u0631\u0627\u06cc \u0642\u0631\u0627\u0631\u0647\u0627\u06cc \u06a9\u0627\u0631\u06cc\u060c \u062f\u06cc\u062f\u0627\u0631\u0647\u0627\u06cc \u0639\u0627\u0634\u0642\u0627\u0646\u0647\u060c \u06cc\u0627 \u0635\u0631\u0641\u0627\u064b \u06cc\u06a9 \u0641\u0646\u062c\u0627\u0646 \u0642\u0647\u0648\u0647 \u0639\u0627\u0644\u06cc \u062f\u0631 \u0622\u0631\u0627\u0645\u0634\u060c \u06a9\u0627\u0641\u0647 \u0686\u0631\u06cc \u0628\u0647\u062a\u0631\u06cc\u0646 \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u0645\u0627\u0633\u062a.\n                    <\/p>\n                    \n                    <div class=\"space-y-6\">\n                        <div class=\"flex items-start gap-4\">\n                            <div class=\"w-12 h-12 bg-cherry-main\/10 rounded-full flex items-center justify-center text-cherry-main shrink-0\">\n                                <i class=\"fa-solid fa-location-dot text-xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-bold text-gray-900\">\u0622\u062f\u0631\u0633 \u0645\u0627<\/h4>\n                                <p class=\"text-gray-600 mt-1\">\u062a\u0647\u0631\u0627\u0646\u060c \u0632\u0639\u0641\u0631\u0627\u0646\u06cc\u0647\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0627\u0635\u0644\u06cc\u060c \u067e\u0644\u0627\u06a9 \u06f1\u06f2\u06f3\u060c \u06a9\u0627\u0641\u0647 \u0686\u0631\u06cc<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"flex items-start gap-4\">\n                            <div class=\"w-12 h-12 bg-cherry-main\/10 rounded-full flex items-center justify-center text-cherry-main shrink-0\">\n                                <i class=\"fa-solid fa-phone text-xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-bold text-gray-900\">\u062a\u0644\u0641\u0646 \u0631\u0632\u0631\u0648<\/h4>\n                                <p class=\"text-gray-600 mt-1\" dir=\"ltr\">\u06f0\u06f2\u06f1 - \u06f2\u06f6\u06f8\u06f5 \u06f3\u06f3\u06f5\u06f1<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"flex items-start gap-4\">\n                            <div class=\"w-12 h-12 bg-cherry-main\/10 rounded-full flex items-center justify-center text-cherry-main shrink-0\">\n                                <i class=\"fa-solid fa-clock text-xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-bold text-gray-900\">\u0633\u0627\u0639\u0627\u062a \u06a9\u0627\u0631\u06cc<\/h4>\n                                <p class=\"text-gray-600 mt-1\">\u0647\u0645\u0647\u200c\u0631\u0648\u0632\u0647 \u0627\u0632 \u0633\u0627\u0639\u062a \u06f8:\u06f0\u06f0 \u0635\u0628\u062d \u0627\u0644\u06cc \u06f2\u06f3:\u06f3\u06f0 \u0634\u0628<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u0646\u0642\u0634\u0647 \u06af\u0648\u06af\u0644 -->\n                <div class=\"fade-in h-[400px] md:h-auto rounded-2xl overflow-hidden shadow-lg border-2 border-gray-100\">\n                    <!-- \u0628\u0647 \u062c\u0627\u06cc API Key \u0648\u0627\u0642\u0639\u06cc \u0627\u0632 iframe \u06af\u0648\u06af\u0644 \u0645\u067e \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u062f\u0647 \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0639\u0645\u0648\u0645\u06cc \u0628\u0647\u062a\u0631 \u0627\u0633\u062a -->\n                    <iframe \n                        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d12948.467885449272!2d51.4116!3d35.8078!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3f8e07a6eb1a3c77%3A0xc6eb1545bb16e15!2sZaferanieh%2C%20Tehran%2C%20Iran!5e0!3m2!1sen!2s!4v1650000000000!5m2!1sen!2s\" \n                        width=\"100%\" \n                        height=\"100%\" \n                        style=\"border:0;\" \n                        allowfullscreen=\"\" \n                        loading=\"lazy\" \n                        referrerpolicy=\"no-referrer-when-downgrade\">\n                    <\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <footer class=\"bg-dark-bg text-gray-300 py-10 border-t border-cherry-dark\">\n        <div class=\"container mx-auto px-4 md:px-8\">\n            <div class=\"flex flex-col md:flex-row justify-between items-center gap-6\">\n                <div class=\"flex items-center gap-2\">\n                    <i class=\"fa-solid fa-mug-hot text-cherry-light text-xl\"><\/i>\n                    <span class=\"text-xl font-bold text-white\">\u06a9\u0627\u0641\u0647 <span class=\"text-cherry-light\">\u0686\u0631\u06cc<\/span><\/span>\n                <\/div>\n                \n                <div class=\"flex gap-4 text-2xl\">\n                    <a href=\"#\" class=\"hover:text-cherry-light transition-colors\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n                    <a href=\"#\" class=\"hover:text-cherry-light transition-colors\"><i class=\"fa-brands fa-telegram\"><\/i><\/a>\n                    <a href=\"#\" class=\"hover:text-cherry-light transition-colors\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/a>\n                <\/div>\n            <\/div>\n            \n            <div class=\"text-center mt-8 text-sm text-gray-500 border-t border-gray-800 pt-6\">\n                <p>\u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u0642\u0631\u0627\u0631\u06af\u06cc\u0631\u06cc \u062f\u0631 \u0633\u0627\u06cc\u062a \u0648\u0631\u062f\u067e\u0631\u0633\u06cc. \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0641\u0647 \u0686\u0631\u06cc \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a. \u00a9 2026<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ \u06f1. \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0633\u062a\u0627\u06cc\u0644 \u0647\u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u06a9\u0631\u0648\u0644\n        const navbar = document.getElementById('navbar');\n        window.addEventListener('scroll', () => {\n            if (window.scrollY > 50) {\n                navbar.classList.add('header-scrolled');\n                navbar.classList.remove('bg-transparent', 'py-4');\n                navbar.classList.add('py-2');\n            } else {\n                navbar.classList.remove('header-scrolled', 'py-2');\n                navbar.classList.add('bg-transparent', 'py-4');\n            }\n        });\n\n        \/\/ \u06f2. \u0645\u0646\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 (Toggle)\n        const mobileBtn = document.getElementById('mobile-menu-btn');\n        const mobileMenu = document.getElementById('mobile-menu');\n        const mobileLinks = document.querySelectorAll('.mobile-link');\n\n        mobileBtn.addEventListener('click', () => {\n            mobileMenu.classList.toggle('hidden');\n        });\n\n        \/\/ \u0628\u0633\u062a\u0646 \u0645\u0646\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0628\u0639\u062f \u0627\u0632 \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u0644\u06cc\u0646\u06a9\n        mobileLinks.forEach(link => {\n            link.addEventListener('click', () => {\n                mobileMenu.classList.add('hidden');\n            });\n        });\n\n        \/\/ \u06f3. \u0641\u06cc\u0644\u062a\u0631 \u06a9\u0631\u062f\u0646 \u0622\u06cc\u062a\u0645\u200c\u0647\u0627\u06cc \u0645\u0646\u0648\n        function filterMenu(category) {\n            \/\/ \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0627\u06a9\u062a\u06cc\u0648\n            const buttons = document.querySelectorAll('.category-btn');\n            buttons.forEach(btn => btn.classList.remove('active', 'bg-cherry-main', 'text-white', 'border-cherry-main'));\n            \n            \/\/ \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u062f\u06a9\u0645\u0647 \u06a9\u0644\u06cc\u06a9 \u0634\u062f\u0647 \u0648 \u0627\u06a9\u062a\u06cc\u0648 \u06a9\u0631\u062f\u0646\u0634\n            const clickedBtn = event.currentTarget;\n            clickedBtn.classList.add('active', 'bg-cherry-main', 'text-white', 'border-cherry-main');\n            clickedBtn.classList.remove('text-gray-600');\n\n            \/\/ \u0641\u06cc\u0644\u062a\u0631 \u06a9\u0631\u062f\u0646 \u0622\u06cc\u062a\u0645\u200c\u0647\u0627\n            const items = document.querySelectorAll('.menu-item');\n            items.forEach(item => {\n                if (category === 'all' || item.classList.contains(category)) {\n                    item.style.display = 'flex';\n                    \/\/ \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u06a9\u0645\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0647\u0646\u06af\u0627\u0645 \u0646\u0645\u0627\u06cc\u0634 \u0645\u062c\u062f\u062f\n                    item.classList.add('opacity-0');\n                    setTimeout(() => {\n                        item.classList.remove('opacity-0');\n                        item.classList.add('transition-opacity', 'duration-500');\n                    }, 50);\n                } else {\n                    item.style.display = 'none';\n                }\n            });\n        }\n\n        \/\/ \u06f4. \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u06a9\u0631\u0648\u0644 (Intersection Observer)\n        const observerOptions = {\n            root: null,\n            rootMargin: '0px',\n            threshold: 0.15\n        };\n\n        const observer = new IntersectionObserver((entries, observer) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                    observer.unobserve(entry.target); \/\/ \u0641\u0642\u0637 \u06cc\u06a9\u0628\u0627\u0631 \u0627\u062c\u0631\u0627 \u0634\u0648\u062f\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.fade-in').forEach(element => {\n            observer.observe(element);\n        });\n    <\/script>\n<\/body>\n<\/html>\n\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>\u0645\u0646\u0648 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u06a9\u0627\u0641\u0647 &#8211; \u06a9\u0627\u0641\u0647 \u0686\u0631\u06cc \u06a9\u0627\u0641\u0647 \u0686\u0631\u06cc \u062e\u0627\u0646\u0647 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u0645\u0646\u0648 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0641\u0636\u0627\u06cc \u06a9\u0627\u0641\u0647 \u0645\u0633\u06cc\u0631\u06cc\u0627\u0628\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u0646\u0648 \u062e\u0627\u0646\u0647 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u0645\u0646\u0648 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0641\u0636\u0627\u06cc \u06a9\u0627\u0641\u0647 \u0645\u0633\u06cc\u0631\u06cc\u0627\u0628\u06cc MENU DIGITAL \u0644\u062d\u0638\u0627\u062a\u06cc \u0645\u0627\u0646\u062f\u06af\u0627\u0631 \u062f\u0631 \u06a9\u0627\u0641\u0647 \u0686\u0631\u06cc \u0641\u0636\u0627\u06cc\u06cc \u0634\u06cc\u06a9\u060c \u0645\u062f\u0631\u0646 \u0648 \u062f\u0646\u062c\u061b \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631 \u0628\u0631\u0627\u06cc \u062f\u06cc\u062a\u200c\u0647\u0627\u06cc \u0639\u0627\u0634\u0642\u0627\u0646\u0647 \u0634\u0645\u0627 \u0648 \u0642\u0631\u0627\u0631\u0647\u0627\u06cc \u06a9\u0627\u0631\u06cc \u0645\u0647\u0645. \u0637\u0639\u0645 \u0648\u0627\u0642\u0639\u06cc \u0642\u0647\u0648\u0647 \u0631\u0627 \u062f\u0631 \u0642\u0644\u0628 \u0634\u0647\u0631 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.econexa.ir\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.econexa.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.econexa.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.econexa.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.econexa.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":7,"href":"https:\/\/test.econexa.ir\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/test.econexa.ir\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/test.econexa.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}