{"id":2668,"date":"2026-02-09T04:19:15","date_gmt":"2026-02-09T04:19:15","guid":{"rendered":"https:\/\/mm2.ezyqrmenu.com\/sample27\/?page_id=2668"},"modified":"2026-02-09T04:19:16","modified_gmt":"2026-02-09T04:19:16","slug":"customer-feedback","status":"publish","type":"page","link":"https:\/\/mm2.ezyqrmenu.com\/example27\/customer-feedback\/","title":{"rendered":"Customer Feedback"},"content":{"rendered":"\r\n        <section class=\"lux-feedback-section\">\r\n            <div class=\"lux-feedback-card\">\r\n\r\n                <div class=\"lux-feedback-header\">\r\n                    <h2>Customer Feedback<\/h2>\r\n\r\n                    <p>\r\n                        We value your experience. Share your thoughts<br>\r\n                        and help us serve you better.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <form\r\n                    id=\"lux_feedback_1\"\r\n                    class=\"lux-feedback-form\"\r\n                    data-ajax-url=\"https:\/\/mm2.ezyqrmenu.com\/example27\/wp-admin\/admin-ajax.php\"\r\n                >\r\n\r\n                    <input type=\"hidden\" name=\"security\" value=\"7f3538a61b\">\r\n\r\n                    <div class=\"lux-field\">\r\n                        <label><span>\ud83d\udc64<\/span> Your Name<\/label>\r\n                        <input\r\n                            type=\"text\"\r\n                            name=\"name\"\r\n                            placeholder=\"Enter your full name\"\r\n                            autocomplete=\"name\"\r\n                            required\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"lux-field\">\r\n                        <label><span>\u260e<\/span> Phone Number<\/label>\r\n                        <input\r\n                            type=\"tel\"\r\n                            name=\"phone\"\r\n                            placeholder=\"Enter your phone number\"\r\n                            autocomplete=\"tel\"\r\n                            inputmode=\"tel\"\r\n                            required\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"lux-rating-block\">\r\n                        <label><span>\u2b50<\/span> Rate Your Experience<\/label>\r\n\r\n                        <div class=\"lux-stars\">\r\n                            <input type=\"radio\" name=\"rating\" value=\"5\" id=\"lux_feedback_1_star5\" required>\r\n                            <label for=\"lux_feedback_1_star5\">\u2605<\/label>\r\n\r\n                            <input type=\"radio\" name=\"rating\" value=\"4\" id=\"lux_feedback_1_star4\">\r\n                            <label for=\"lux_feedback_1_star4\">\u2605<\/label>\r\n\r\n                            <input type=\"radio\" name=\"rating\" value=\"3\" id=\"lux_feedback_1_star3\">\r\n                            <label for=\"lux_feedback_1_star3\">\u2605<\/label>\r\n\r\n                            <input type=\"radio\" name=\"rating\" value=\"2\" id=\"lux_feedback_1_star2\">\r\n                            <label for=\"lux_feedback_1_star2\">\u2605<\/label>\r\n\r\n                            <input type=\"radio\" name=\"rating\" value=\"1\" id=\"lux_feedback_1_star1\">\r\n                            <label for=\"lux_feedback_1_star1\">\u2605<\/label>\r\n                        <\/div>\r\n\r\n                        <small>Tap a star to rate<\/small>\r\n                    <\/div>\r\n\r\n                    <div class=\"lux-field\">\r\n                        <label><span>\ud83d\udcac<\/span> Your Feedback<\/label>\r\n                        <textarea\r\n                            name=\"feedback\"\r\n                            placeholder=\"Share your feedback, suggestions, or comments...\"\r\n                            required\r\n                        ><\/textarea>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" class=\"lux-submit-btn\">\r\n                        \u2708 Submit Feedback\r\n                    <\/button>\r\n\r\n                    <p class=\"lux-feedback-msg\"><\/p>\r\n\r\n                    <div class=\"lux-footer-divider\">\r\n                        <span><\/span>\r\n                        <em>\u2661<\/em>\r\n                        <span><\/span>\r\n                    <\/div>\r\n\r\n                    <p class=\"lux-thank-text\">\r\n                        Thank you for being a valued part of our journey.\r\n                    <\/p>\r\n\r\n                <\/form>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <style>\r\n        .lux-feedback-section {\r\n            width: 100%;\r\n            padding: 0;\r\n            margin:0;\r\n            box-sizing: border-box;\r\n \t\t\tborder-radius: 55px;\r\n            background:\r\n\t\t\t\t\tradial-gradient(circle at 15% 20%, rgba(255, 139, 39, 0.28), transparent 30%),\r\n\t\t\t\t\tradial-gradient(circle at 90% 80%, rgba(255, 189, 89, 0.18), transparent 32%),\r\n\t\t\t\t\tlinear-gradient(145deg, #080808, #15100b 52%, #050505);\r\n\t\t\t\t  font-family: Arial, sans-serif;\r\n            font-family: Georgia, \"Times New Roman\", serif;\r\n        }\r\n\r\n\t\t\t#lux_feedback_1 {\r\n\t\t\t\t           color:\r\n\t\t\t\t\tradial-gradient(circle at 15% 20%, rgba(255, 139, 39, 0.28), transparent 30%),\r\n\t\t\t\t\tradial-gradient(circle at 90% 80%, rgba(255, 189, 89, 0.18), transparent 32%),\r\n\t\t\t\t\tlinear-gradient(145deg, #080808, #15100b 52%, #050505);\r\n}\r\n\r\n        .lux-feedback-section * {\r\n            \r\n            background: #fff;\r\n        }\r\n\r\n        .lux-feedback-card {\r\n            max-width: 620px;\r\n            margin: 0 auto;\r\n            padding: 0 42px 38px;\r\n            border-radius: 28px;\r\n \r\n\t\t\t\t  font-family: Arial, sans-serif;\r\n\t\t\t\t  color: #000;\r\n\t\t\t\t  margin: 10px 0 10px;\r\n                  border: 2px solid #000;\r\n                  box-shadow: 0 24px 65px rgba(35, 25, 15, 0.16);\r\n            \r\n\t\t\r\n        }\r\n\r\n        .lux-feedback-logo {\r\n            width: 72px;\r\n            height: 72px;\r\n            margin: 0 auto 18px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: #000;\r\n            color: #d9a84f;\r\n            border: 2px solid #d9a84f;\r\n            box-shadow: 0 10px 22px rgba(11, 28, 49, 0.22);\r\n            font-size: 30px;\r\n        }\r\n\r\n        .lux-feedback-header {\r\n            text-align: center;\r\n            margin-bottom: 28px;\r\n\t\t\t           background: #fff;\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\r\n        }\r\n\r\n        .lux-feedback-header h2 {\r\n            margin: 0;\r\n            font-size: 42px;\r\n            line-height: 1.1;\r\n            font-weight: 700;\r\n\t\t\tcolor:#000;\r\n\t\t\tbackground: #fff;\r\n        }\r\n\r\n        .lux-feedback-header p {\r\n            margin: 12px 0 0;\r\n\t\t\tcolor: #000;\r\n            font-family: Arial, sans-serif;\r\n            font-size: 16px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .lux-feedback-divider,\r\n        .lux-footer-divider {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            margin: 18px auto 0;\r\n\t\t\tbackground: #fff;\r\n            color: #000;\r\n        }\r\n\r\n        .lux-feedback-divider span,\r\n        .lux-footer-divider span {\r\n            width: 80px;\r\n            height: 1px;\r\n            background: #fff;\r\n        }\r\n\r\n        .lux-feedback-divider em,\r\n        .lux-footer-divider em {\r\n            font-style: normal;\r\n            font-size: 22px;\r\n        }\r\n\r\n        .lux-field {\r\n            margin-bottom: 22px;\r\n        }\r\n\r\n        .lux-field label,\r\n        .lux-rating-block > label {\r\n            display: block;\r\n            margin-bottom: 12px;\r\n            color: #0b1c31;\r\n            font-family: Arial, sans-serif;\r\n            font-size: 14px;\r\n            font-weight: 900;\r\n            letter-spacing: 1.6px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .lux-field label span,\r\n        .lux-rating-block > label span {\r\n            display: inline-block;\r\n            margin-right: 10px;\r\n            color: #d5a34d;\r\n            font-size: 20px;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        .lux-field input,\r\n        .lux-field textarea {\r\n            width: 100%;\r\n            padding: 15px 16px;\r\n            border: 1px solid #cfcfcf;\r\n            border-radius: 10px;\r\n            background: #ffffff;\r\n            color: #222;\r\n            font-family: Arial, sans-serif;\r\n            font-size: 16px;\r\n            outline: none;\r\n            box-shadow: none;\r\n            transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n        }\r\n\r\n        .lux-field textarea {\r\n            min-height: 130px;\r\n            resize: vertical;\r\n        }\r\n\r\n        .lux-field input:focus,\r\n        .lux-field textarea:focus {\r\n            border-color: #d5a34d;\r\n            box-shadow: 0 0 0 4px rgba(213, 163, 77, 0.14);\r\n        }\r\n\r\n        .lux-rating-block {\r\n            margin-bottom: 24px;\r\n            text-align: center;\r\n        }\r\n\r\n        .lux-rating-block > label {\r\n            text-align: left;\r\n        }\r\n\r\n        .lux-stars {\r\n            display: flex;\r\n            flex-direction: row-reverse;\r\n            justify-content: center;\r\n            gap: 22px;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .lux-stars input {\r\n            display: none;\r\n        }\r\n\r\n        .lux-stars label {\r\n            margin: 0;\r\n            color: #d5a34d;\r\n            font-size: 46px;\r\n            line-height: 1;\r\n            cursor: pointer;\r\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.18);\r\n            transition: transform 0.2s ease, color 0.2s ease;\r\n        }\r\n\r\n        .lux-stars label:hover,\r\n        .lux-stars label:hover ~ label,\r\n        .lux-stars input:checked ~ label {\r\n            color: #b77a23;\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        .lux-rating-block small {\r\n            display: block;\r\n            margin-top: 10px;\r\n            color: #777;\r\n            font-family: Arial, sans-serif;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .lux-submit-btn {\r\n            width: 100%;\r\n            padding: 17px 18px;\r\n            border: none;\r\n            border-radius: 10px;\r\n            background: linear-gradient(135deg, #06172a, #0f2740);\r\n            color: #d9a84f;\r\n            font-family: Arial, sans-serif;\r\n            font-size: 16px;\r\n            font-weight: 900;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            cursor: pointer;\r\n            box-shadow: 0 14px 28px rgba(6, 23, 42, 0.22);\r\n            transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;\r\n        }\r\n\r\n        .lux-submit-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 18px 34px rgba(6, 23, 42, 0.3);\r\n        }\r\n\r\n        .lux-submit-btn:disabled {\r\n            opacity: 0.65;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n        }\r\n\r\n        .lux-feedback-msg {\r\n            margin: 14px 0 0;\r\n            text-align: center;\r\n            font-family: Arial, sans-serif;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .lux-thank-text {\r\n            margin: 14px 0 0;\r\n            text-align: center;\r\n            color: #777;\r\n            font-family: Arial, sans-serif;\r\n            font-size: 15px;\r\n        }\r\n\r\n        @media (max-width: 520px) {\r\n            .lux-feedback-section {\r\n                border-radius: 99;\r\n            }\r\n\r\n            .lux-feedback-card {\r\n                padding: 28px 20px 30px;\r\n                border-radius: 22px;\r\n            }\r\n\r\n            .lux-feedback-header h2 {\r\n                font-size: 32px;\r\n            }\r\n\r\n            .lux-feedback-header p {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .lux-feedback-divider span,\r\n            .lux-footer-divider span {\r\n                width: 54px;\r\n            }\r\n\r\n            .lux-stars {\r\n                gap: 12px;\r\n            }\r\n\r\n            .lux-stars label {\r\n                font-size: 38px;\r\n            }\r\n        }\r\n        <\/style>\r\n\r\n        <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function () {\r\n            document.querySelectorAll(\".lux-feedback-form\").forEach(function (form) {\r\n                if (form.dataset.ready === \"1\") {\r\n                    return;\r\n                }\r\n\r\n                form.dataset.ready = \"1\";\r\n\r\n                const msg = form.querySelector(\".lux-feedback-msg\");\r\n                const button = form.querySelector(\".lux-submit-btn\");\r\n                const originalButtonText = button.textContent.trim();\r\n                const ajaxUrl = form.getAttribute(\"data-ajax-url\");\r\n\r\n                form.addEventListener(\"submit\", function (e) {\r\n                    e.preventDefault();\r\n\r\n                    msg.textContent = \"\";\r\n                    button.disabled = true;\r\n                    button.textContent = \"Sending...\";\r\n\r\n                    const formData = new FormData(form);\r\n                    formData.append(\"action\", \"qr_lux_feedback_submit\");\r\n\r\n                    fetch(ajaxUrl, {\r\n                        method: \"POST\",\r\n                        credentials: \"same-origin\",\r\n                        body: formData\r\n                    })\r\n                    .then(function (res) {\r\n                        return res.json();\r\n                    })\r\n                    .then(function (data) {\r\n                        if (data && data.success) {\r\n                            msg.style.color = \"#16a34a\";\r\n                            msg.textContent = \"\u101e\u1004\u1037\u103a Feedback \u1000\u102d\u102f \u1015\u102d\u102f\u1037\u1015\u103c\u102e\u1038\u1015\u102b\u1015\u103c\u102e\u104b \u1000\u103b\u1031\u1038\u1007\u1030\u1038\u1010\u1004\u103a\u1015\u102b\u1010\u101a\u103a!\";\r\n                            form.reset();\r\n                        } else {\r\n                            msg.style.color = \"#dc2626\";\r\n                            msg.textContent = data && data.data && data.data.message\r\n                                ? data.data.message\r\n                                : \"Feedback \u1015\u102d\u102f\u1037\u101b\u102c\u1010\u103d\u1004\u103a Error \u1016\u103c\u1005\u103a\u1001\u1032\u1037\u101e\u100a\u103a\u104b\";\r\n                        }\r\n                    })\r\n                    .catch(function () {\r\n                        msg.style.color = \"#dc2626\";\r\n                        msg.textContent = \"Feedback \u1015\u102d\u102f\u1037\u101b\u102c\u1010\u103d\u1004\u103a Error \u1016\u103c\u1005\u103a\u1001\u1032\u1037\u101e\u100a\u103a\u104b\";\r\n                    })\r\n                    .finally(function () {\r\n                        button.disabled = false;\r\n                        button.textContent = originalButtonText;\r\n                    });\r\n                });\r\n            });\r\n        });\r\n        <\/script>\r\n\r\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":56,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2668","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mm2.ezyqrmenu.com\/example27\/wp-json\/wp\/v2\/pages\/2668","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mm2.ezyqrmenu.com\/example27\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mm2.ezyqrmenu.com\/example27\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mm2.ezyqrmenu.com\/example27\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/mm2.ezyqrmenu.com\/example27\/wp-json\/wp\/v2\/comments?post=2668"}],"version-history":[{"count":1,"href":"https:\/\/mm2.ezyqrmenu.com\/example27\/wp-json\/wp\/v2\/pages\/2668\/revisions"}],"predecessor-version":[{"id":2669,"href":"https:\/\/mm2.ezyqrmenu.com\/example27\/wp-json\/wp\/v2\/pages\/2668\/revisions\/2669"}],"wp:attachment":[{"href":"https:\/\/mm2.ezyqrmenu.com\/example27\/wp-json\/wp\/v2\/media?parent=2668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}