{"id":4186,"date":"2025-05-19T04:51:52","date_gmt":"2025-05-19T04:51:52","guid":{"rendered":"https:\/\/wp.tonictheme.com\/wp026\/?page_id=4186"},"modified":"2025-07-15T05:54:00","modified_gmt":"2025-07-15T05:54:00","slug":"pricing-plan","status":"publish","type":"page","link":"https:\/\/wp.tonictheme.com\/wp026\/pricing-plan\/","title":{"rendered":"Pricing Plan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4186\" class=\"elementor elementor-4186\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa18f78 e-flex e-con-boxed e-con e-parent\" data-id=\"fa18f78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-dae2911 e-con-full e-flex e-con e-child\" data-id=\"dae2911\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0083401 elementor-invisible elementor-widget elementor-widget-fluffyu_pricing_table\" data-id=\"0083401\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"fluffyu_pricing_table.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"fluffyu-pricing-toggle-wrap\">\r\n            <span>Monthly<\/span>\r\n            <label class=\"fluffyu-switch\">\r\n                <input type=\"checkbox\" id=\"fluffyu-pricing-toggle\">\r\n                <span class=\"fluffyu-slider\"><\/span>\r\n            <\/label>\r\n            <span>Yearly <span\r\n                    class=\"fluffyu-discount\">(30% Off)<\/span><\/span>\r\n        <\/div>\r\n        <!-- <div class=\"fluffyu-pricing-tab\">\r\n            <div class=\"fluffyu-pricing-toggle-wrap segment-toggle\">\r\n                <input type=\"radio\" name=\"pricing-toggle\" id=\"monthly\" checked>\r\n                <label for=\"monthly\">Monthly<\/label>\r\n\r\n                <input type=\"radio\" name=\"pricing-toggle\" id=\"yearly\">\r\n                <label for=\"yearly\">\r\n                    Yearly                    <span class=\"fluffyu-discount\">(30% Off)<\/span>\r\n                <\/label>\r\n            <\/div>\r\n        <\/div> -->\r\n\r\n\r\n\r\n\r\n        <div class=\"fluffyu-pricing-table-grid\">\r\n                            <div\r\n                    class=\"fluffyu-pricing-card\">\r\n                    <h3>Basic Plan<\/h3>\r\n                    <!-- <h3>Basic Plan<\/h3>\r\n                    <div class=\"fluffyu-price\">\r\n                        <span class=\"fluffyu-currency\">$<\/span>\r\n                        <span class=\"fluffyu-amount\" data-month=\"$49.00\"\r\n                            data-year=\"$500\">$49.00<\/span>\r\n                        <span class=\"fluffyu-duration\">\/month<\/span>\r\n                    <\/div>\r\n                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit.<\/p>\r\n                    <a href=\"#\" class=\"fluffyu-purchase-btn\" >Get Now<\/a>  -->\r\n                    <div class=\"fluffyu-price\">\r\n                        <!-- <span class=\"fluffyu-currency\">$<\/span> -->\r\n                        <span class=\"fluffyu-amount\" data-month=\"$49.00\"\r\n                            data-year=\"$500\">$49.00<\/span>\r\n                        <span class=\"fluffyu-duration\">\/per month<\/span>\r\n                    <\/div>\r\n                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit.<\/p>\r\n                    <ul class=\"fluffyu-benefits\">\r\n                                                    <li class=\"available\">\r\n                                <span class=\"fluffyu-check\"><i class=\"fas fa-check\"><\/i><\/span> Comprehensive Eye Exam                            <\/li>\r\n                                                    <li class=\"available\">\r\n                                <span class=\"fluffyu-check\"><i class=\"fas fa-check\"><\/i><\/span> Vision Screening                            <\/li>\r\n                                                    <li class=\"available\">\r\n                                <span class=\"fluffyu-check\"><i class=\"fas fa-check\"><\/i><\/span> Glaucoma Testing                            <\/li>\r\n                                                    <li class=\"available\">\r\n                                <span class=\"fluffyu-check\"><i class=\"fas fa-check\"><\/i><\/span> Basic Lens Prescription                            <\/li>\r\n                                            <\/ul>\r\n\r\n\r\n                    \r\n                    <a href=\"#\" class=\"fluffyu-purchase-btn\" >Get Now<\/a>\r\n                <\/div>\r\n                            <div\r\n                    class=\"fluffyu-pricing-card\">\r\n                    <h3>Silver Plan<\/h3>\r\n                    <!-- <h3>Silver Plan<\/h3>\r\n                    <div class=\"fluffyu-price\">\r\n                        <span class=\"fluffyu-currency\">$<\/span>\r\n                        <span class=\"fluffyu-amount\" data-month=\"$59.00\"\r\n                            data-year=\"$630\">$59.00<\/span>\r\n                        <span class=\"fluffyu-duration\">\/month<\/span>\r\n                    <\/div>\r\n                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit.<\/p>\r\n                    <a href=\"#\" class=\"fluffyu-purchase-btn\" >Get Now<\/a>  -->\r\n                    <div class=\"fluffyu-price\">\r\n                        <!-- <span class=\"fluffyu-currency\">$<\/span> -->\r\n                        <span class=\"fluffyu-amount\" data-month=\"$59.00\"\r\n                            data-year=\"$630\">$59.00<\/span>\r\n                        <span class=\"fluffyu-duration\">\/per month<\/span>\r\n                    <\/div>\r\n                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit.<\/p>\r\n                    <ul class=\"fluffyu-benefits\">\r\n                                                    <li class=\"available\">\r\n                                <span class=\"fluffyu-check\"><i class=\"fas fa-check\"><\/i><\/span> Comprehensive Eye Exam                            <\/li>\r\n                                                    <li class=\"available\">\r\n                                <span class=\"fluffyu-check\"><i class=\"fas fa-check\"><\/i><\/span> Advanced Lens Prescription                            <\/li>\r\n                                                    <li class=\"available\">\r\n                                <span class=\"fluffyu-check\"><i class=\"fas fa-check\"><\/i><\/span> Contact Lens Fitting                            <\/li>\r\n                                                    <li class=\"available\">\r\n                                <span class=\"fluffyu-check\"><i class=\"fas fa-check\"><\/i><\/span> 20% Premium Frame Discount                            <\/li>\r\n                                            <\/ul>\r\n\r\n\r\n                    \r\n                    <a href=\"#\" class=\"fluffyu-purchase-btn\" >Get Now<\/a>\r\n                <\/div>\r\n                            <div\r\n                    class=\"fluffyu-pricing-card\">\r\n                    <h3>Gold Plan<\/h3>\r\n                    <!-- <h3>Gold Plan<\/h3>\r\n                    <div class=\"fluffyu-price\">\r\n                        <span class=\"fluffyu-currency\">$<\/span>\r\n                        <span class=\"fluffyu-amount\" data-month=\"$79.00\"\r\n                            data-year=\"$880\">$79.00<\/span>\r\n                        <span class=\"fluffyu-duration\">\/month<\/span>\r\n                    <\/div>\r\n                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit.<\/p>\r\n                    <a href=\"#\" class=\"fluffyu-purchase-btn\" >Get Now<\/a>  -->\r\n                    <div class=\"fluffyu-price\">\r\n                        <!-- <span class=\"fluffyu-currency\">$<\/span> -->\r\n                        <span class=\"fluffyu-amount\" data-month=\"$79.00\"\r\n                            data-year=\"$880\">$79.00<\/span>\r\n                        <span class=\"fluffyu-duration\">\/per month<\/span>\r\n                    <\/div>\r\n                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit.<\/p>\r\n                    <ul class=\"fluffyu-benefits\">\r\n                                                    <li class=\"available\">\r\n                                <span class=\"fluffyu-check\"><i class=\"fas fa-check\"><\/i><\/span> Premium Lens Prescription                            <\/li>\r\n                                                    <li class=\"available\">\r\n                                <span class=\"fluffyu-check\"><i class=\"fas fa-check\"><\/i><\/span> Contact Lens Fitting &amp; Supply                            <\/li>\r\n                                                    <li class=\"available\">\r\n                                <span class=\"fluffyu-check\"><i class=\"fas fa-check\"><\/i><\/span> 40% Premium Frame Discount                            <\/li>\r\n                                                    <li class=\"available\">\r\n                                <span class=\"fluffyu-check\"><i class=\"fas fa-check\"><\/i><\/span> Priority Scheduling                            <\/li>\r\n                                            <\/ul>\r\n\r\n\r\n                    \r\n                    <a href=\"#\" class=\"fluffyu-purchase-btn\" >Get Now<\/a>\r\n                <\/div>\r\n                    <\/div>\r\n\r\n        <script>\r\n            (function () {\r\n                var toggle = document.getElementById('fluffyu-pricing-toggle');\r\n                if (toggle) {\r\n                    toggle.addEventListener('change', function () {\r\n                        var amounts = document.querySelectorAll('.fluffyu-amount');\r\n                        var durations = document.querySelectorAll('.fluffyu-duration');\r\n                        if (this.checked) {\r\n                            amounts.forEach(function (el) {\r\n                                el.textContent = el.getAttribute('data-year');\r\n                            });\r\n                            durations.forEach(function (el) {\r\n                                el.textContent = '\/per year';\r\n                            });\r\n                        } else {\r\n                            amounts.forEach(function (el) {\r\n                                el.textContent = el.getAttribute('data-month');\r\n                            });\r\n                            durations.forEach(function (el) {\r\n                                el.textContent = '\/per month';\r\n                            });\r\n                        }\r\n                    });\r\n                }\r\n            })();\r\n        <\/script>\r\n\r\n        <!-- <script>\r\n        (function(){\r\n            const monthlyRadio = document.getElementById('monthly');\r\n            const yearlyRadio = document.getElementById('yearly');\r\n\r\n            function updatePricing(isYearly) {\r\n                const amounts = document.querySelectorAll('.fluffyu-amount');\r\n                const durations = document.querySelectorAll('.fluffyu-duration');\r\n\r\n                amounts.forEach(function(el){\r\n                    el.style.opacity = 0;\r\n                    setTimeout(() => {\r\n                        el.textContent = isYearly ? el.getAttribute('data-year') : el.getAttribute('data-month');\r\n                        el.style.opacity = 1;\r\n                    }, 200);\r\n                });\r\n\r\n                durations.forEach(function(el){\r\n                    el.style.opacity = 0;\r\n                    setTimeout(() => {\r\n                        el.textContent = isYearly ? '\/per year' : '\/per month';\r\n                        el.style.opacity = 1;\r\n                    }, 200);\r\n                });\r\n            }\r\n\r\n            if (monthlyRadio && yearlyRadio) {\r\n                monthlyRadio.addEventListener('change', function() {\r\n                    if (this.checked) updatePricing(false);\r\n                });\r\n\r\n                yearlyRadio.addEventListener('change', function() {\r\n                    if (this.checked) updatePricing(true);\r\n                });\r\n            }\r\n        })();\r\n        <\/script> -->\r\n\r\n\r\n\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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>Monthly Yearly (30% Off) Basic Plan $49.00 \/per month Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit. Comprehensive Eye Exam Vision Screening Glaucoma Testing Basic Lens Prescription Get Now Silver Plan $59.00 \/per month Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-4186","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.tonictheme.com\/wp026\/wp-json\/wp\/v2\/pages\/4186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.tonictheme.com\/wp026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.tonictheme.com\/wp026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.tonictheme.com\/wp026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.tonictheme.com\/wp026\/wp-json\/wp\/v2\/comments?post=4186"}],"version-history":[{"count":0,"href":"https:\/\/wp.tonictheme.com\/wp026\/wp-json\/wp\/v2\/pages\/4186\/revisions"}],"wp:attachment":[{"href":"https:\/\/wp.tonictheme.com\/wp026\/wp-json\/wp\/v2\/media?parent=4186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}