{"id":3034,"date":"2026-01-27T11:37:41","date_gmt":"2026-01-27T11:37:41","guid":{"rendered":"https:\/\/yarafresh.com\/?page_id=3034"},"modified":"2026-01-27T11:41:30","modified_gmt":"2026-01-27T11:41:30","slug":"faq","status":"publish","type":"page","link":"https:\/\/yarafresh.com\/my\/faq\/","title":{"rendered":"FAQ"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3034\" class=\"elementor elementor-3034\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfd2d2d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"cfd2d2d\" 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-f799bc5 elementor-widget elementor-widget-spacer\" data-id=\"f799bc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-abd7923 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"abd7923\" 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-e5d4823 elementor-widget elementor-widget-shortcode\" data-id=\"e5d4823\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <!-- Tailwind CSS CDN (Remove if your theme already includes Tailwind) -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        yara: {\r\n                            DEFAULT: '#005EE9',\r\n                            light: '#337EEC', \/\/ Lighter tint\r\n                            dark: '#004BB8',  \/\/ Darker shade for active\/hover\r\n                            bg: '#F0F7FF',    \/\/ Very light blue for backgrounds\r\n                        }\r\n                    },\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <!-- Lucide Icons -->\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n        .yara-faq-wrapper {\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n\r\n        \/* Smooth Accordion Animation *\/\r\n        .yara-faq-wrapper .accordion-content {\r\n            transition: max-height 0.4s ease-out, opacity 0.4s ease-out, padding 0.4s ease;\r\n            max-height: 0;\r\n            opacity: 0;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .yara-faq-wrapper .accordion-item.active .accordion-content {\r\n            opacity: 1;\r\n        }\r\n\r\n        .yara-faq-wrapper .accordion-icon {\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .yara-faq-wrapper .accordion-item.active .accordion-icon {\r\n            transform: rotate(180deg);\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"yara-faq-wrapper max-w-3xl mx-auto px-4 py-16 text-slate-800\">\r\n        \r\n        <div class=\"text-center mb-10\">\r\n            <h2 class=\"text-3xl font-extrabold text-slate-900\">\r\n                Frequently Asked <span class=\"text-yara\">Questions<\/span>\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"space-y-4\" id=\"yara-faq-list\">\r\n\r\n                        <div class=\"accordion-item bg-white rounded-xl shadow-sm border border-slate-100 overflow-hidden group\">\r\n                <button class=\"accordion-header w-full text-left p-5 flex justify-between items-center transition-all duration-300 hover:bg-slate-50 group-hover:text-yara\">\r\n                    <span class=\"font-semibold text-lg text-slate-800 group-hover:text-yara transition-colors\">\r\n                        What makes Yara Water different from regular bottled water?                    <\/span>\r\n                    <span class=\"accordion-icon text-slate-400 group-hover:text-yara transition-colors p-1 rounded-full\">\r\n                        <i data-lucide=\"chevron-down\" class=\"w-6 h-6\"><\/i>\r\n                    <\/span>\r\n                <\/button>\r\n                <div class=\"accordion-content bg-slate-50\/50\">\r\n                    <div class=\"p-5 pt-0 text-slate-600 leading-relaxed\">\r\n                        Yara Water undergoes a rigorous 7-step purification process that adds essential minerals back into the water for optimal hydration. Unlike standard water, our pH-balanced formula ensures faster absorption and a crisp, refreshing taste without the flat finish.                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"accordion-item bg-white rounded-xl shadow-sm border border-slate-100 overflow-hidden group\">\r\n                <button class=\"accordion-header w-full text-left p-5 flex justify-between items-center transition-all duration-300 hover:bg-slate-50 group-hover:text-yara\">\r\n                    <span class=\"font-semibold text-lg text-slate-800 group-hover:text-yara transition-colors\">\r\n                        How much Yara Water should I drink daily?                    <\/span>\r\n                    <span class=\"accordion-icon text-slate-400 group-hover:text-yara transition-colors p-1 rounded-full\">\r\n                        <i data-lucide=\"chevron-down\" class=\"w-6 h-6\"><\/i>\r\n                    <\/span>\r\n                <\/button>\r\n                <div class=\"accordion-content bg-slate-50\/50\">\r\n                    <div class=\"p-5 pt-0 text-slate-600 leading-relaxed\">\r\n                        While individual needs vary based on activity level and climate, health experts generally recommend the &quot;8x8 rule&quot;\u2014eight 8-ounce glasses a day (about 2 liters). With Yara Water&#039;s electrolyte balance, you might feel hydrated faster, making it perfect for active lifestyles.                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"accordion-item bg-white rounded-xl shadow-sm border border-slate-100 overflow-hidden group\">\r\n                <button class=\"accordion-header w-full text-left p-5 flex justify-between items-center transition-all duration-300 hover:bg-slate-50 group-hover:text-yara\">\r\n                    <span class=\"font-semibold text-lg text-slate-800 group-hover:text-yara transition-colors\">\r\n                        Is the packaging eco-friendly?                    <\/span>\r\n                    <span class=\"accordion-icon text-slate-400 group-hover:text-yara transition-colors p-1 rounded-full\">\r\n                        <i data-lucide=\"chevron-down\" class=\"w-6 h-6\"><\/i>\r\n                    <\/span>\r\n                <\/button>\r\n                <div class=\"accordion-content bg-slate-50\/50\">\r\n                    <div class=\"p-5 pt-0 text-slate-600 leading-relaxed\">\r\n                        Absolutely. We are committed to the planet. All Yara Water bottles are made from 100% rPET (recycled polyethylene terephthalate) and are fully recyclable. We also offer a glass bottle line for zero-plastic hydration.                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"accordion-item bg-white rounded-xl shadow-sm border border-slate-100 overflow-hidden group\">\r\n                <button class=\"accordion-header w-full text-left p-5 flex justify-between items-center transition-all duration-300 hover:bg-slate-50 group-hover:text-yara\">\r\n                    <span class=\"font-semibold text-lg text-slate-800 group-hover:text-yara transition-colors\">\r\n                        Does Yara Water contain any added sugars or calories?                    <\/span>\r\n                    <span class=\"accordion-icon text-slate-400 group-hover:text-yara transition-colors p-1 rounded-full\">\r\n                        <i data-lucide=\"chevron-down\" class=\"w-6 h-6\"><\/i>\r\n                    <\/span>\r\n                <\/button>\r\n                <div class=\"accordion-content bg-slate-50\/50\">\r\n                    <div class=\"p-5 pt-0 text-slate-600 leading-relaxed\">\r\n                        No. Our classic Yara Hydration water is 100% pure water with added minerals for taste. It contains zero calories, zero sugars, and zero artificial sweeteners. We also offer a &quot;Splash&quot; line with natural fruit essences that are also calorie-free.                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"accordion-item bg-white rounded-xl shadow-sm border border-slate-100 overflow-hidden group\">\r\n                <button class=\"accordion-header w-full text-left p-5 flex justify-between items-center transition-all duration-300 hover:bg-slate-50 group-hover:text-yara\">\r\n                    <span class=\"font-semibold text-lg text-slate-800 group-hover:text-yara transition-colors\">\r\n                        Where is Yara Water sourced?                    <\/span>\r\n                    <span class=\"accordion-icon text-slate-400 group-hover:text-yara transition-colors p-1 rounded-full\">\r\n                        <i data-lucide=\"chevron-down\" class=\"w-6 h-6\"><\/i>\r\n                    <\/span>\r\n                <\/button>\r\n                <div class=\"accordion-content bg-slate-50\/50\">\r\n                    <div class=\"p-5 pt-0 text-slate-600 leading-relaxed\">\r\n                        We source our water from sustainable aquifers located in protected natural reserves. The water is then filtered naturally through volcanic rock before undergoing our final purification process to ensure absolute clarity and safety.                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n\r\n        <!-- Contact CTA -->\r\n        <div class=\"mt-16 bg-white rounded-2xl shadow-lg border border-slate-100 p-8 text-center relative overflow-hidden\">\r\n            <div class=\"absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-blue-300 via-yara to-blue-600\"><\/div>\r\n            <h3 class=\"text-2xl font-bold text-slate-900 mb-3\">Still have questions?<\/h3>\r\n            <p class=\"text-slate-600 mb-6\">Can't find the answer you're looking for? Our hydration team is here to help.<\/p>\r\n            <a href=\"https:\/\/yarafresh.com\/contact\/\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-yara hover:bg-yara-dark transition-all shadow-md hover:shadow-lg transform hover:-translate-y-0.5\">\r\n                Contact Support\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            \/\/ Initialize icons if library is loaded\r\n            if (typeof lucide !== 'undefined') {\r\n                lucide.createIcons();\r\n            }\r\n\r\n            const container = document.getElementById('yara-faq-list');\r\n            \/\/ Guard clause if shortcode isn't present\r\n            if (!container) return;\r\n\r\n            const accordionItems = container.querySelectorAll('.accordion-item');\r\n\r\n            accordionItems.forEach(item => {\r\n                const header = item.querySelector('.accordion-header');\r\n                const content = item.querySelector('.accordion-content');\r\n\r\n                header.addEventListener('click', () => {\r\n                    const isActive = item.classList.contains('active');\r\n\r\n                    \/\/ Exclusive Mode: Close all other items when one is clicked\r\n                    accordionItems.forEach(otherItem => {\r\n                         if (otherItem !== item && otherItem.classList.contains('active')) {\r\n                             otherItem.classList.remove('active');\r\n                             otherItem.querySelector('.accordion-content').style.maxHeight = null;\r\n                             \r\n                             \/\/ Reset styling for inactive items\r\n                             const otherHeader = otherItem.querySelector('.accordion-header');\r\n                             otherHeader.classList.remove('bg-yara', 'bg-opacity-5');\r\n                             otherItem.classList.remove('border-yara');\r\n                         }\r\n                    });\r\n\r\n                    if (isActive) {\r\n                        \/\/ Close clicked item\r\n                        item.classList.remove('active');\r\n                        content.style.maxHeight = null;\r\n                        \r\n                        \/\/ Styling Reset\r\n                        item.classList.remove('border-yara');\r\n                        header.classList.remove('bg-yara', 'bg-opacity-5');\r\n                    } else {\r\n                        \/\/ Open clicked item\r\n                        item.classList.add('active');\r\n                        content.style.maxHeight = content.scrollHeight + \"px\";\r\n                        \r\n                        \/\/ Active Styling\r\n                        item.classList.add('border-yara');\r\n                        header.classList.add('bg-yara', 'bg-opacity-5');\r\n                    }\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n    <\/div>\n\t\t\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-3034","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"info@myanprosolutions.com","author_link":"https:\/\/yarafresh.com\/my\/author\/infomyanprosolutions-com\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/yarafresh.com\/my\/wp-json\/wp\/v2\/pages\/3034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yarafresh.com\/my\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yarafresh.com\/my\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yarafresh.com\/my\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yarafresh.com\/my\/wp-json\/wp\/v2\/comments?post=3034"}],"version-history":[{"count":7,"href":"https:\/\/yarafresh.com\/my\/wp-json\/wp\/v2\/pages\/3034\/revisions"}],"predecessor-version":[{"id":3041,"href":"https:\/\/yarafresh.com\/my\/wp-json\/wp\/v2\/pages\/3034\/revisions\/3041"}],"wp:attachment":[{"href":"https:\/\/yarafresh.com\/my\/wp-json\/wp\/v2\/media?parent=3034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}