{"id":50,"date":"2026-06-11T12:40:31","date_gmt":"2026-06-11T09:40:31","guid":{"rendered":"https:\/\/naturpro.org\/?page_id=50"},"modified":"2026-06-18T08:08:58","modified_gmt":"2026-06-18T05:08:58","slug":"resonne","status":"publish","type":"page","link":"https:\/\/naturpro.org\/en\/brands\/resonne\/","title":{"rendered":"Resonne"},"content":{"rendered":"\n<section class=\"relative min-h-screen overflow-hidden bg-[#F8FAF5] flex items-center\">\n\n  <div class=\"absolute top-0 right-0 w-[520px] h-[520px] bg-[#98C83A]\/15 rounded-full blur-3xl\"><\/div>\n  <div class=\"absolute bottom-0 left-0 w-[420px] h-[420px] bg-white rounded-full blur-3xl\"><\/div>\n\n  <div class=\"relative max-w-[1500px] mx-auto px-4 sm:px-6 lg:px-8 w-full pt-32 pb-20\">\n\n    <div class=\"grid lg:grid-cols-12 gap-12 lg:gap-20 items-center\">\n\n      <div class=\"lg:col-span-6 text-left\">\n\n        <h1 class=\"text-black text-[48px] sm:text-[72px] lg:text-[108px] leading-[0.88] font-semibold tracking-[-0.07em] uppercase\">\n          RESONNE\n        <\/h1>\n\n        <p class=\"mt-8 text-slate-700 text-xl leading-relaxed max-w-2xl\">\n          RESONNE \u2014 \u0431\u0440\u0435\u043d\u0434 \u0441\u0443\u0447\u0430\u0441\u043d\u043e\u0457 \u043a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\u0438 \u0432\u0456\u0434 NATURPRO, \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u0442\u0438\u0445, \u0445\u0442\u043e \u0446\u0456\u043d\u0443\u0454 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0438\u0439 \u0434\u043e\u0433\u043b\u044f\u0434, \u0435\u0441\u0442\u0435\u0442\u0438\u043a\u0443 \u0442\u0430 \u0433\u0430\u0440\u043c\u043e\u043d\u0456\u044e \u043c\u0456\u0436 \u043a\u0440\u0430\u0441\u043e\u044e, \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043e\u043c \u0456 \u044f\u043a\u0456\u0441\u0442\u044e.\n        <\/p>\n\n        <div class=\"mt-10 flex flex-wrap gap-4\">\n\n          <a href=\"#about-brand\" class=\"inline-flex items-center justify-center gap-3 px-8 py-4 rounded-full bg-[#98C83A] text-black font-semibold shadow-xl shadow-[#98C83A]\/25 hover:bg-[#86B72F] transition\">\n            \u041f\u0440\u043e \u0431\u0440\u0435\u043d\u0434\n            <i class=\"bi bi-arrow-down\"><\/i>\n          <\/a>\n\n          <a href=\"#where-buy\" class=\"inline-flex items-center justify-center gap-3 px-8 py-4 rounded-full bg-black text-white font-semibold hover:bg-[#98C83A] hover:text-black transition\">\n            \u0414\u0435 \u043a\u0443\u043f\u0438\u0442\u0438\n            <i class=\"bi bi-bag\"><\/i>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"lg:col-span-6\">\n\n        <div class=\"relative\">\n\n          <div class=\"absolute -inset-8 bg-[#98C83A]\/20 rounded-[3rem] blur-3xl\"><\/div>\n\n          <div class=\"relative overflow-hidden rounded-[3rem] bg-white p-6 shadow-[0_30px_90px_rgba(0,0,0,0.10)]\">\n\n            <img decoding=\"async\" src=\"\/img\/resonne.webp\" alt=\"RESONNE \u043a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\u0430\" class=\"w-full h-[560px] object-cover rounded-[2.5rem]\">\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<section id=\"about-brand\" class=\"relative py-24 lg:py-32 overflow-hidden bg-white\">\n\n  <div class=\"absolute top-0 left-0 w-[420px] h-[420px] bg-[#98C83A]\/10 rounded-full blur-3xl\"><\/div>\n  <div class=\"absolute bottom-0 right-0 w-[520px] h-[520px] bg-slate-100 rounded-full blur-3xl\"><\/div>\n\n  <div class=\"relative max-w-[1500px] mx-auto px-4 sm:px-6 lg:px-8\">\n\n    <div class=\"grid lg:grid-cols-12 gap-12 lg:gap-20 items-start\">\n\n      <div class=\"lg:col-span-5\">\n\n        <div class=\"sticky top-32\">\n\n          <div class=\"inline-flex items-center gap-3 px-5 py-2 rounded-full bg-[#F4F8EA] border border-[#98C83A]\/20 text-black mb-7 shadow-sm\">\n            <span class=\"w-2.5 h-2.5 rounded-full bg-[#98C83A]\"><\/span>\n            <span class=\"text-sm font-semibold tracking-wide uppercase\">\n              \u041f\u0440\u043e \u0431\u0440\u0435\u043d\u0434\n            <\/span>\n          <\/div>\n\n          <h2 class=\"text-[42px] sm:text-[58px] lg:text-[76px] leading-[0.95] font-semibold tracking-[-0.05em] text-black uppercase\">\n            \u041d\u0430\u0442\u0445\u043d\u0435\u043d\u043d\u044f\n            <span class=\"text-[#98C83A]\">\n              \u043a\u0440\u0430\u0441\u043e\u044e\n            <\/span>\n          <\/h2>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"lg:col-span-7\">\n\n        <div class=\"space-y-7 text-slate-700 text-lg leading-relaxed text-left\">\n\n          <p>\n            RESONNE \u2014 \u0431\u0440\u0435\u043d\u0434, \u044f\u043a\u0438\u0439 \u043f\u043e\u0454\u0434\u043d\u0443\u0454 \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0439 \u043f\u0456\u0434\u0445\u0456\u0434 \u0434\u043e \u0434\u043e\u0433\u043b\u044f\u0434\u0443, \u0441\u0442\u0438\u043b\u044c\u043d\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0442\u0430 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0456 \u043a\u043e\u0441\u043c\u0435\u0442\u0438\u0447\u043d\u0456 \u0440\u0456\u0448\u0435\u043d\u043d\u044f \u0434\u043b\u044f \u0449\u043e\u0434\u0435\u043d\u043d\u043e\u0433\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f.\n          <\/p>\n\n          <p>\n            \u041f\u0440\u043e\u0434\u0443\u043a\u0446\u0456\u044f \u0431\u0440\u0435\u043d\u0434\u0443 \u0441\u0442\u0432\u043e\u0440\u044e\u0454\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u043b\u044e\u0434\u0435\u0439, \u044f\u043a\u0456 \u043f\u0440\u0430\u0433\u043d\u0443\u0442\u044c \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u0442\u0438 \u043f\u0440\u0438\u0440\u043e\u0434\u043d\u0443 \u043a\u0440\u0430\u0441\u0443 \u0442\u0430 \u043e\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u0442\u0438 \u0437\u0430\u0434\u043e\u0432\u043e\u043b\u0435\u043d\u043d\u044f \u0432\u0456\u0434 \u0432\u043b\u0430\u0441\u043d\u043e\u0433\u043e \u0434\u043e\u0433\u043b\u044f\u0434\u043e\u0432\u043e\u0433\u043e \u0440\u0438\u0442\u0443\u0430\u043b\u0443.\n          <\/p>\n\n          <p>\n            \u041a\u043e\u0436\u0435\u043d \u043f\u0440\u043e\u0434\u0443\u043a\u0442 RESONNE \u0440\u043e\u0437\u0440\u043e\u0431\u043b\u044f\u0454\u0442\u044c\u0441\u044f \u0437 \u0443\u0432\u0430\u0433\u043e\u044e \u0434\u043e \u044f\u043a\u043e\u0441\u0442\u0456, \u0442\u0435\u043a\u0441\u0442\u0443\u0440, \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0456\u0432 \u0442\u0430 \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 \u0442\u0435\u043d\u0434\u0435\u043d\u0446\u0456\u0439 \u043a\u043e\u0441\u043c\u0435\u0442\u0438\u0447\u043d\u043e\u0457 \u0456\u043d\u0434\u0443\u0441\u0442\u0440\u0456\u0457, \u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0443\u044e\u0447\u0438 \u043a\u043e\u043c\u0444\u043e\u0440\u0442 \u0456 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0443 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u0456.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<section class=\"relative py-24 lg:py-32 overflow-hidden bg-[#98C83A]\">\n\n  <div class=\"absolute inset-0 opacity-[0.06]\">\n    <div class=\"absolute inset-0 bg-[linear-gradient(to_right,#000_1px,transparent_1px),linear-gradient(to_bottom,#000_1px,transparent_1px)] bg-[size:60px_60px]\"><\/div>\n  <\/div>\n\n  <div class=\"relative max-w-[1500px] mx-auto px-4 sm:px-6 lg:px-8\">\n\n    <div class=\"max-w-5xl mb-16\">\n\n      <div class=\"inline-flex items-center gap-3 px-5 py-2 rounded-full bg-black\/10 border border-black\/10 text-black mb-7\">\n        <span class=\"w-2.5 h-2.5 rounded-full bg-black\"><\/span>\n        <span class=\"text-sm font-semibold tracking-wide uppercase\">\n          \u041f\u0435\u0440\u0435\u0432\u0430\u0433\u0438 \u0431\u0440\u0435\u043d\u0434\u0443\n        <\/span>\n      <\/div>\n\n      <h2 class=\"text-black text-[42px] sm:text-[58px] lg:text-[82px] leading-[0.92] font-semibold tracking-[-0.05em] uppercase\">\n        \u0427\u043e\u043c\u0443 \u043e\u0431\u0438\u0440\u0430\u044e\u0442\u044c\n        <span class=\"text-white\">\n          RESONNE\n        <\/span>\n      <\/h2>\n\n    <\/div>\n\n    <div class=\"grid md:grid-cols-2 xl:grid-cols-4 gap-5\">\n\n      <div class=\"group rounded-[2rem] bg-white hover:bg-black p-8 shadow-[0_15px_40px_rgba(0,0,0,0.08)] transition duration-500\">\n\n        <div class=\"w-16 h-16 rounded-3xl bg-black group-hover:bg-[#98C83A] text-[#98C83A] group-hover:text-black flex items-center justify-center text-3xl mb-7 transition duration-500\">\n          <i class=\"bi bi-stars\"><\/i>\n        <\/div>\n\n        <h3 class=\"text-black group-hover:text-white text-2xl font-semibold transition duration-500\">\n          \u041f\u0440\u0435\u043c\u0456\u0430\u043b\u044c\u043d\u0430 \u0435\u0441\u0442\u0435\u0442\u0438\u043a\u0430\n        <\/h3>\n\n        <p class=\"mt-5 text-slate-600 group-hover:text-white\/70 leading-relaxed transition duration-500\">\n          \u0421\u0443\u0447\u0430\u0441\u043d\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0442\u0430 \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u0430 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0456\u044f \u0431\u0440\u0435\u043d\u0434\u0443 \u0434\u043b\u044f \u0432\u0438\u043c\u043e\u0433\u043b\u0438\u0432\u0438\u0445 \u0441\u043f\u043e\u0436\u0438\u0432\u0430\u0447\u0456\u0432.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"group rounded-[2rem] bg-white hover:bg-black p-8 shadow-[0_15px_40px_rgba(0,0,0,0.08)] transition duration-500\">\n\n        <div class=\"w-16 h-16 rounded-3xl bg-black group-hover:bg-[#98C83A] text-[#98C83A] group-hover:text-black flex items-center justify-center text-3xl mb-7 transition duration-500\">\n          <i class=\"bi bi-droplet\"><\/i>\n        <\/div>\n\n        <h3 class=\"text-black group-hover:text-white text-2xl font-semibold transition duration-500\">\n          \u0415\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0438\u0439 \u0434\u043e\u0433\u043b\u044f\u0434\n        <\/h3>\n\n        <p class=\"mt-5 text-slate-600 group-hover:text-white\/70 leading-relaxed transition duration-500\">\n          \u0424\u043e\u0440\u043c\u0443\u043b\u0438 \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u0456 \u0434\u043b\u044f \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e\u0433\u043e \u0442\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0449\u043e\u0434\u0435\u043d\u043d\u043e\u0433\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"group rounded-[2rem] bg-white hover:bg-black p-8 shadow-[0_15px_40px_rgba(0,0,0,0.08)] transition duration-500\">\n\n        <div class=\"w-16 h-16 rounded-3xl bg-black group-hover:bg-[#98C83A] text-[#98C83A] group-hover:text-black flex items-center justify-center text-3xl mb-7 transition duration-500\">\n          <i class=\"bi bi-heart\"><\/i>\n        <\/div>\n\n        <h3 class=\"text-black group-hover:text-white text-2xl font-semibold transition duration-500\">\n          \u0413\u0430\u0440\u043c\u043e\u043d\u0456\u044f \u0442\u0430 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\n        <\/h3>\n\n        <p class=\"mt-5 text-slate-600 group-hover:text-white\/70 leading-relaxed transition duration-500\">\n          \u041f\u0440\u0438\u0454\u043c\u043d\u0456 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0438 \u0442\u0430 \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u0456 \u0440\u0456\u0448\u0435\u043d\u043d\u044f \u0434\u043b\u044f \u0449\u043e\u0434\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u043e\u0433\u043b\u044f\u0434\u0443 \u0437\u0430 \u0441\u043e\u0431\u043e\u044e.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"group rounded-[2rem] bg-white hover:bg-black p-8 shadow-[0_15px_40px_rgba(0,0,0,0.08)] transition duration-500\">\n\n        <div class=\"w-16 h-16 rounded-3xl bg-black group-hover:bg-[#98C83A] text-[#98C83A] group-hover:text-black flex items-center justify-center text-3xl mb-7 transition duration-500\">\n          <i class=\"bi bi-patch-check\"><\/i>\n        <\/div>\n\n        <h3 class=\"text-black group-hover:text-white text-2xl font-semibold transition duration-500\">\n          \u042f\u043a\u0456\u0441\u0442\u044c NATURPRO\n        <\/h3>\n\n        <p class=\"mt-5 text-slate-600 group-hover:text-white\/70 leading-relaxed transition duration-500\">\n          \u0412\u0438\u0440\u043e\u0431\u043d\u0438\u0446\u0442\u0432\u043e \u0437 \u0432\u0438\u0441\u043e\u043a\u0438\u043c\u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c\u0438 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044e \u044f\u043a\u043e\u0441\u0442\u0456 \u0442\u0430 \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u043c\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0456\u044f\u043c\u0438.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<div class=\"wpm_excerpt clearfix\"><p>RESONNE RESONNE \u2014 \u0431\u0440\u0435\u043d\u0434 \u0441\u0443\u0447\u0430\u0441\u043d\u043e\u0457 \u043a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\u0438 \u0432\u0456\u0434 NATURPRO, \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u0442\u0438\u0445, \u0445\u0442\u043e \u0446\u0456\u043d\u0443\u0454 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0438\u0439 \u0434\u043e\u0433\u043b\u044f\u0434, \u0435\u0441\u0442\u0435\u0442\u0438\u043a\u0443 \u0442\u0430 \u0433\u0430\u0440\u043c\u043e\u043d\u0456\u044e \u043c\u0456\u0436 \u043a\u0440\u0430\u0441\u043e\u044e, \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043e\u043c \u0456 \u044f\u043a\u0456\u0441\u0442\u044e. \u041f\u0440\u043e \u0431\u0440\u0435\u043d\u0434 \u0414\u0435 &hellip;<\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"parent":11,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/naturpro.org\/en\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naturpro.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naturpro.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naturpro.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naturpro.org\/en\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":3,"href":"https:\/\/naturpro.org\/en\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":80,"href":"https:\/\/naturpro.org\/en\/wp-json\/wp\/v2\/pages\/50\/revisions\/80"}],"up":[{"embeddable":true,"href":"https:\/\/naturpro.org\/en\/wp-json\/wp\/v2\/pages\/11"}],"wp:attachment":[{"href":"https:\/\/naturpro.org\/en\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}