{"id":4439,"date":"2021-10-12T16:27:24","date_gmt":"2021-10-12T16:27:24","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/elementor\/?page_id=4439"},"modified":"2026-08-20T13:50:46","modified_gmt":"2026-08-20T10:50:46","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.ayurdhara.ru\/en\/contact\/","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4439\" class=\"elementor elementor-4439\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-2e3f440 e-flex e-con-boxed e-con e-parent\" data-id=\"2e3f440\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a105c69 elementor-widget elementor-widget-html\" data-id=\"a105c69\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<script>\r\n  tailwind.config = {\r\n    theme: {\r\n      extend: {\r\n        colors: {\r\n          saffron: '#E47B25',\r\n          saffronlight: '#FFF2E8',\r\n          ayurgreen: '#2E6930',\r\n          ayurgreenlight: '#EAF3EA',\r\n          gold: '#D4AF37',\r\n          cream: '#FCFBF5',\r\n          charcoal: '#222222',\r\n          brandgray: '#F8F9FA'\r\n        },\r\n        fontFamily: {\r\n          sans: ['Metropolis', 'Inter', 'system-ui', 'sans-serif'],\r\n          serif: ['Playfair Display', 'serif'],\r\n        },\r\n        boxShadow: {\r\n          'premium': '0 10px 40px -10px rgba(0,0,0,0.08)',\r\n          'float': '0 20px 40px -5px rgba(46, 105, 48, 0.15)',\r\n        },\r\n        animation: {\r\n          blob: \"blob 7s infinite\",\r\n        },\r\n        keyframes: {\r\n          blob: {\r\n            \"0%\": { transform: \"translate(0px, 0px) scale(1)\" },\r\n            \"33%\": { transform: \"translate(30px, -50px) scale(1.1)\" },\r\n            \"66%\": { transform: \"translate(-20px, 20px) scale(0.9)\" },\r\n            \"100%\": { transform: \"translate(0px, 0px) scale(1)\" },\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');\r\n\r\n  \/* Smooth scrolling and hidden scrollbars *\/\r\n  html { scroll-behavior: smooth; }\r\n  .hide-scrollbar::-webkit-scrollbar { display: none; }\r\n  .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\r\n  \r\n  \/* Background Patterns & Gradients *\/\r\n  .bg-mandala {\r\n    background-image: radial-gradient(circle at center, #EAF3EA 2px, transparent 2px);\r\n    background-size: 24px 24px;\r\n  }\r\n  .bg-india-festive {\r\n    background: linear-gradient(135deg, #E47B25 0%, #D4AF37 100%);\r\n    background-size: cover;\r\n    background-attachment: fixed;\r\n  }\r\n  \r\n  \/* Animations *\/\r\n  .hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }\r\n  .hover-lift:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -10px rgba(0,0,0,0.1); }\r\n  \r\n  .glass-card {\r\n    background: rgba(255, 255, 255, 0.85);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(255,255,255,0.6);\r\n  }\r\n  \r\n  .animation-delay-2000 { animation-delay: 2s; }\r\n  .animation-delay-4000 { animation-delay: 4s; }\r\n<\/style>\r\n\r\n<div id=\"ayurdhara-landing\" class=\"bg-cream text-charcoal font-sans pb-24 lg:pb-0 overflow-hidden\">\r\n\r\n  <!-- SECTION 1: INDIA DAY HERO -->\r\n  <section class=\"relative pt-12 pb-20 lg:pt-20 lg:pb-28 px-4 bg-white overflow-hidden\">\r\n    <!-- Decorative background blobs -->\r\n    <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-saffron\/10 rounded-full blur-[80px] -translate-y-1\/2 translate-x-1\/3 z-0\"><\/div>\r\n    <div class=\"absolute bottom-0 left-0 w-[600px] h-[600px] bg-ayurgreen\/10 rounded-full blur-[100px] translate-y-1\/3 -translate-x-1\/4 z-0\"><\/div>\r\n    \r\n    <div class=\"max-w-7xl mx-auto relative z-10 grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\r\n      \r\n      <!-- Left: Typography -->\r\n      <div class=\"text-center lg:text-left\">\r\n        <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-saffronlight text-saffron font-bold text-sm uppercase tracking-widest mb-6 border border-saffron\/20 shadow-sm\">\r\n          <i class=\"fa-solid fa-om text-lg\"><\/i>\r\n          \u041e\u041e\u041e \u0410\u044e\u0440\u0434\u0430\u0440\u0430\r\n        <\/div>\r\n        \r\n        <h1 class=\"text-4xl lg:text-6xl font-extrabold text-charcoal mb-4 leading-tight uppercase font-serif\">\r\n          \u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c \u043d\u0430 <span class=\"text-saffron\">\u0414\u0435\u043d\u044c \u0418\u043d\u0434\u0438\u0438<\/span>\r\n        <\/h1>\r\n        <h2 class=\"text-xl lg:text-2xl font-bold text-gray-400 mb-6 uppercase tracking-wider\">\r\n          \u0424\u0435\u0441\u0442\u0438\u0432\u0430\u043b\u044c \u0438\u043d\u0434\u0438\u0439\u0441\u043a\u043e\u0439 \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u044b\r\n        <\/h2>\r\n        \r\n        <p class=\"text-xl lg:text-2xl text-ayurgreen font-medium mb-4 leading-relaxed\">\r\n          \u041e\u043f\u044b\u0442 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0447\u043d\u043e\u0439 \u0430\u044e\u0440\u0432\u0435\u0434\u044b \u0438 \u0432\u0435\u043b\u043d\u0435\u0441\u0430 \u0438\u0437 \u0418\u043d\u0434\u0438\u0438.\r\n        <\/p>\r\n        <p class=\"text-lg text-gray-600 mb-8 max-w-lg mx-auto lg:mx-0\">\r\n          \u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u0435 \u0438\u043d\u0434\u0438\u0439\u0441\u043a\u0438\u0435 \u0431\u0440\u0435\u043d\u0434\u044b \u0430\u044e\u0440\u0432\u0435\u0434\u044b \u0438 \u0432\u0435\u043b\u043d\u0435\u0441\u0430 \u0432 \u0420\u043e\u0441\u0441\u0438\u0438.<br>\r\n          <span class=\"text-sm font-normal\">\u041d\u0430\u0434\u0435\u0436\u043d\u044b\u0435 \u0438\u043d\u0434\u0438\u0439\u0441\u043a\u0438\u0435 \u0431\u0440\u0435\u043d\u0434\u044b \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0437\u0434\u043e\u0440\u043e\u0432\u044c\u044f \u0438 \u043a\u0440\u0430\u0441\u043e\u0442\u044b.<\/span>\r\n        <\/p>\r\n        \r\n        <div class=\"flex flex-wrap gap-4 justify-center lg:justify-start\">\r\n          <a href=\"#contacts\" class=\"bg-ayurgreen text-white px-8 py-4 rounded-full font-bold text-lg hover:bg-[#235325] transition-all hover:shadow-float flex items-center gap-2\">\r\n            \u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 <i class=\"fa-solid fa-arrow-down\"><\/i>\r\n          <\/a>\r\n          <a href=\"#brands\" class=\"bg-white text-charcoal border-2 border-gray-200 px-8 py-4 rounded-full font-bold text-lg hover:border-ayurgreen hover:text-ayurgreen transition-all\">\r\n            \u041d\u0430\u0448\u0438 \u0431\u0440\u0435\u043d\u0434\u044b\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Right: Abstract Glassmorphism UI -->\r\n      <div class=\"relative h-[450px] lg:h-[600px] hidden sm:flex items-center justify-center w-full\">\r\n        <!-- Animated CSS Blobs -->\r\n        <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-72 h-72 bg-saffron\/20 rounded-full mix-blend-multiply filter blur-3xl animate-blob\"><\/div>\r\n        <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/4 -translate-y-1\/3 w-72 h-72 bg-ayurgreen\/20 rounded-full mix-blend-multiply filter blur-3xl animate-blob animation-delay-2000\"><\/div>\r\n        <div class=\"absolute top-1\/2 left-1\/2 -translate-x-3\/4 -translate-y-2\/3 w-72 h-72 bg-gold\/20 rounded-full mix-blend-multiply filter blur-3xl animate-blob animation-delay-4000\"><\/div>\r\n\r\n        <!-- Central Premium UI Card -->\r\n        <div class=\"glass-card relative z-10 w-[80%] max-w-md p-10 rounded-[2rem] shadow-2xl flex flex-col items-center text-center hover-lift\">\r\n          <div class=\"w-24 h-24 bg-gradient-to-br from-ayurgreen to-green-800 rounded-full flex items-center justify-center text-white text-4xl shadow-xl mb-6\">\r\n            <i class=\"fa-solid fa-leaf\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"font-serif text-3xl font-extrabold text-charcoal mb-3\">\u041f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0410\u044e\u0440\u0432\u0435\u0434\u0430<\/h3>\r\n          <p class=\"text-gray-600 text-sm leading-relaxed\">\u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u0438\u0441\u0442\u0440\u0438\u0431\u044c\u044e\u0442\u043e\u0440 \u0441\u0430\u043c\u044b\u0445 \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0445 \u0438 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0447\u043d\u044b\u0445 \u0432\u0435\u043b\u043d\u0435\u0441-\u0431\u0440\u0435\u043d\u0434\u043e\u0432 \u0418\u043d\u0434\u0438\u0438.<\/p>\r\n\r\n          <!-- Inner stats\/badges -->\r\n          <div class=\"flex gap-4 mt-8 w-full justify-center\">\r\n             <div class=\"flex flex-col items-center p-4 bg-white\/60 rounded-2xl border border-white flex-1 shadow-sm\">\r\n                <i class=\"fa-solid fa-certificate text-saffron mb-2 text-2xl\"><\/i>\r\n                <span class=\"text-[10px] font-extrabold uppercase tracking-widest text-charcoal\">100% \u041e\u0440\u0438\u0433\u0438\u043d\u0430\u043b<\/span>\r\n             <\/div>\r\n             <div class=\"flex flex-col items-center p-4 bg-white\/60 rounded-2xl border border-white flex-1 shadow-sm\">\r\n                <i class=\"fa-solid fa-truck-fast text-ayurgreen mb-2 text-2xl\"><\/i>\r\n                <span class=\"text-[10px] font-extrabold uppercase tracking-widest text-charcoal\">\u041f\u0440\u044f\u043c\u043e\u0439 \u0438\u043c\u043f\u043e\u0440\u0442<\/span>\r\n             <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Floating badge -->\r\n        <div class=\"absolute top-1\/4 -right-4 glass-card px-6 py-4 rounded-2xl z-20 shadow-xl flex items-center gap-4 hover:-translate-y-2 transition-transform duration-300\">\r\n          <div class=\"w-12 h-12 bg-saffronlight text-saffron rounded-full flex items-center justify-center text-xl\">\r\n            <i class=\"fa-solid fa-star\"><\/i>\r\n          <\/div>\r\n          <div class=\"text-left\">\r\n            <p class=\"font-bold text-sm text-charcoal uppercase tracking-wide\">\u0412\u044b\u0441\u0448\u0435\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e<\/p>\r\n            <p class=\"text-xs text-gray-500\">\u0418\u0437 \u041a\u0435\u0440\u0430\u043b\u044b, \u0418\u043d\u0434\u0438\u044f<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 2: AUTHORIZED BRANDS -->\r\n  <section id=\"brands\" class=\"py-20 px-4 bg-brandgray bg-mandala border-y border-gray-200\">\r\n    <div class=\"max-w-7xl mx-auto text-center\">\r\n      <h2 class=\"text-3xl lg:text-4xl font-extrabold text-charcoal uppercase font-serif mb-2\">\r\n        \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u0438\u0441\u0442\u0440\u0438\u0431\u044c\u044e\u0442\u043e\u0440 \u0432 \u0420\u043e\u0441\u0441\u0438\u0438\r\n      <\/h2>\r\n      <p class=\"text-saffron font-bold uppercase tracking-widest text-sm mb-12\">\r\n        \u041f\u0440\u044f\u043c\u044b\u0435 \u0438 \u044d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438\r\n      <\/p>\r\n      \r\n      <!-- 3 + 2 Grid Layout for Brands -->\r\n      <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8 mb-6 lg:mb-8\">\r\n        \r\n        <!-- Kottakkal -->\r\n        <div class=\"bg-white rounded-3xl p-8 hover-lift shadow-sm flex flex-col items-center border border-gray-100 relative overflow-hidden group\">\r\n          <div class=\"absolute inset-0 bg-gradient-to-br from-green-50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n          <div class=\"relative z-10 w-full flex flex-col items-center\">\r\n            <div class=\"w-16 h-16 rounded-full bg-green-100 text-green-700 flex items-center justify-center text-2xl mb-6 border border-green-200 shadow-sm group-hover:scale-110 transition-transform\">\r\n              <i class=\"fa-solid fa-leaf\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"font-bold text-lg mb-2\">Kottakkal Ayurveda<\/h3>\r\n            <p class=\"text-sm text-gray-500 text-center leading-relaxed\">\u041b\u0435\u0433\u0435\u043d\u0434\u0430\u0440\u043d\u044b\u0435 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0440\u0435\u043f\u0430\u0440\u0430\u0442\u044b \u0438 \u043c\u0430\u0441\u043b\u0430 \u0438\u0437 \u041a\u0435\u0440\u0430\u043b\u044b.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Vaidyaratnam -->\r\n        <div class=\"bg-white rounded-3xl p-8 hover-lift shadow-sm flex flex-col items-center border border-gray-100 relative overflow-hidden group\">\r\n          <div class=\"absolute inset-0 bg-gradient-to-br from-orange-50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n          <div class=\"relative z-10 w-full flex flex-col items-center\">\r\n            <div class=\"w-16 h-16 rounded-full bg-orange-100 text-orange-700 flex items-center justify-center text-2xl mb-6 border border-orange-200 shadow-sm group-hover:scale-110 transition-transform\">\r\n              <i class=\"fa-solid fa-mortar-pestle\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"font-bold text-lg mb-2\">Vaidyaratnam<\/h3>\r\n            <p class=\"text-sm text-gray-500 text-center leading-relaxed\">\u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u0443\u043b\u044b \u0430\u0448\u0442\u0430\u0432\u0430\u0439\u0434\u044c\u0438 \u0432\u044b\u0441\u043e\u0447\u0430\u0439\u0448\u0435\u0433\u043e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- SKM -->\r\n        <div class=\"bg-white rounded-3xl p-8 hover-lift shadow-sm flex flex-col items-center border border-gray-100 relative overflow-hidden group\">\r\n          <div class=\"absolute inset-0 bg-gradient-to-br from-blue-50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n          <div class=\"relative z-10 w-full flex flex-col items-center\">\r\n            <div class=\"w-16 h-16 rounded-full bg-blue-100 text-blue-700 flex items-center justify-center text-2xl mb-6 border border-blue-200 shadow-sm group-hover:scale-110 transition-transform\">\r\n              <i class=\"fa-solid fa-seedling\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"font-bold text-lg mb-2\">SKM Siddha & Ayurveda<\/h3>\r\n            <p class=\"text-sm text-gray-500 text-center leading-relaxed\">\u0410\u0443\u0442\u0435\u043d\u0442\u0438\u0447\u043d\u044b\u0435 \u043f\u0440\u0435\u043f\u0430\u0440\u0430\u0442\u044b \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u044b \u0421\u0438\u0434\u0434\u0445\u0430 \u0438 \u0410\u044e\u0440\u0432\u0435\u0434\u044b.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8 max-w-4xl mx-auto\">\r\n        <!-- Phool -->\r\n        <div class=\"bg-white rounded-3xl p-8 hover-lift shadow-sm flex flex-col items-center border border-gray-100 relative overflow-hidden group\">\r\n          <div class=\"absolute inset-0 bg-gradient-to-br from-purple-50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n          <div class=\"relative z-10 w-full flex flex-col items-center\">\r\n            <div class=\"w-16 h-16 rounded-full bg-purple-100 text-purple-700 flex items-center justify-center text-2xl mb-6 border border-purple-200 shadow-sm group-hover:scale-110 transition-transform\">\r\n              <i class=\"fa-solid fa-wind\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"font-bold text-lg mb-2\">Phool<\/h3>\r\n            <p class=\"text-sm text-gray-500 text-center leading-relaxed\">\u0420\u043e\u0441\u043a\u043e\u0448\u043d\u044b\u0435 \u0431\u043b\u0430\u0433\u043e\u0432\u043e\u043d\u0438\u044f \u0431\u0435\u0437 \u0443\u0433\u043b\u044f, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 \u0445\u0440\u0430\u043c\u043e\u0432\u044b\u0445 \u0446\u0432\u0435\u0442\u043e\u0432.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Nymphora -->\r\n        <div class=\"bg-white rounded-3xl p-8 hover-lift shadow-sm flex flex-col items-center border border-gray-100 relative overflow-hidden group\">\r\n          <div class=\"absolute inset-0 bg-gradient-to-br from-pink-50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n          <div class=\"relative z-10 w-full flex flex-col items-center\">\r\n             <div class=\"w-16 h-16 rounded-full bg-pink-100 text-pink-700 flex items-center justify-center text-2xl mb-6 border border-pink-200 shadow-sm group-hover:scale-110 transition-transform\">\r\n              <i class=\"fa-solid fa-pump-soap\"><\/i>\r\n             <\/div>\r\n            <h3 class=\"font-bold text-lg mb-2\">Nymphora<\/h3>\r\n            <p class=\"text-sm text-gray-500 text-center leading-relaxed\">\u041d\u0430\u0442\u0443\u0440\u0430\u043b\u044c\u043d\u0430\u044f \u043a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\u0430 \u0438 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u0434\u043b\u044f \u0443\u0445\u043e\u0434\u0430 \u043f\u0440\u0435\u043c\u0438\u0443\u043c-\u043a\u043b\u0430\u0441\u0441\u0430.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 3: MAIN CONTACT CTA & QR CODES -->\r\n  <section class=\"py-20 px-4 bg-white relative\" id=\"contacts\">\r\n    <!-- Decorative background -->\r\n    <div class=\"absolute top-0 left-0 w-full h-1\/2 bg-gradient-to-b from-brandgray to-white\"><\/div>\r\n    \r\n    <div class=\"max-w-6xl mx-auto relative z-10\">\r\n      <div class=\"text-center mb-16\">\r\n        <h2 class=\"text-4xl lg:text-5xl font-extrabold text-charcoal uppercase mb-3 font-serif\">\u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438<\/h2>\r\n        <h3 class=\"text-xl text-saffron uppercase tracking-widest font-bold mb-6\">\u041c\u044b \u0432\u0441\u0435\u0433\u0434\u0430 \u043d\u0430 \u0441\u0432\u044f\u0437\u0438<\/h3>\r\n        <p class=\"text-gray-600 text-lg\">\r\n          \u0414\u043b\u044f \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438 \u2022 \u041e\u043f\u0442\u0430 \u2022 \u0420\u043e\u0437\u043d\u0438\u0446\u044b \u2022 \u0414\u0438\u0441\u0442\u0440\u0438\u0431\u0443\u0446\u0438\u0438 \u2022 \u0411\u0438\u0437\u043d\u0435\u0441-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432<br>\r\n          <span class=\"text-sm text-gray-500\">\u041f\u043e \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u043c \u043f\u043e\u043a\u0443\u043f\u043e\u043a, \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430<\/span>\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10\">\r\n        \r\n        <!-- CONTACT 1 CARD -->\r\n        <div class=\"bg-white rounded-3xl shadow-premium border border-gray-100 overflow-hidden flex flex-col\">\r\n          <div class=\"bg-gradient-to-r from-gray-900 to-charcoal p-8 text-center text-white relative\">\r\n            <div class=\"absolute top-0 right-0 w-32 h-32 bg-white\/5 rounded-bl-full\"><\/div>\r\n            <p class=\"text-sm font-bold text-gray-400 uppercase tracking-widest mb-2\">\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0442\u0435\u043b\u0435\u0444\u043e\u043d<\/p>\r\n            <a href=\"tel:+79153691875\" class=\"text-4xl lg:text-5xl font-extrabold tracking-tight hover:text-saffron transition-colors drop-shadow-md\">+7 915 369 1875<\/a>\r\n          <\/div>\r\n          \r\n          <div class=\"p-8 flex-grow flex flex-col justify-between\">\r\n            <div class=\"grid grid-cols-2 gap-4 mb-8\">\r\n              <a href=\"tel:+79153691875\" class=\"flex flex-col items-center justify-center bg-gray-50 text-gray-800 p-5 rounded-2xl hover:bg-gray-100 hover:shadow-md transition-all group\">\r\n                <i class=\"fa-solid fa-phone text-3xl mb-3 text-gray-400 group-hover:text-charcoal transition-colors\"><\/i>\r\n                <span class=\"font-bold text-sm tracking-wide\">\u041f\u041e\u0417\u0412\u041e\u041d\u0418\u0422\u042c<\/span>\r\n              <\/a>\r\n              <a href=\"https:\/\/wa.me\/79153691875?text=\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435,%20\u044f%20\u043f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u043b\u0441\u044f%20\u0441%20AYURDHARA%20\u043d\u0430%20\u0414\u043d\u0435%20\u0418\u043d\u0434\u0438\u0438%20\u0438%20\u0445\u043e\u0442\u0435\u043b%20\u0431\u044b%20\u0443\u0437\u043d\u0430\u0442\u044c%20\u0431\u043e\u043b\u044c\u0448\u0435%20\u043e%20\u0432\u0430\u0448\u0435\u0439%20\u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438.\" target=\"_blank\" class=\"flex flex-col items-center justify-center bg-[#25D366]\/10 text-[#25D366] p-5 rounded-2xl hover:bg-[#25D366] hover:text-white hover:shadow-md transition-all group\">\r\n                <i class=\"fa-brands fa-whatsapp text-3xl mb-3\"><\/i>\r\n                <span class=\"font-bold text-sm tracking-wide\">WHATSAPP<\/span>\r\n              <\/a>\r\n              <a href=\"https:\/\/t.me\/+79153691875\" target=\"_blank\" class=\"flex flex-col items-center justify-center bg-[#0088cc]\/10 text-[#0088cc] p-5 rounded-2xl hover:bg-[#0088cc] hover:text-white hover:shadow-md transition-all group\">\r\n                <i class=\"fa-brands fa-telegram text-3xl mb-3\"><\/i>\r\n                <span class=\"font-bold text-sm tracking-wide\">TELEGRAM<\/span>\r\n              <\/a>\r\n              <a href=\"#\" target=\"_blank\" class=\"flex flex-col items-center justify-center bg-purple-600\/10 text-purple-600 p-5 rounded-2xl hover:bg-purple-600 hover:text-white hover:shadow-md transition-all group\">\r\n                <i class=\"fa-solid fa-comment-dots text-3xl mb-3\"><\/i>\r\n                <span class=\"font-bold text-sm tracking-wide\">MAX MESSENGER<\/span>\r\n              <\/a>\r\n            <\/div>\r\n            \r\n            <!-- QR Code Section Inside Card -->\r\n            <div class=\"bg-gray-50 rounded-2xl p-6 border border-gray-100 flex items-center justify-between\">\r\n              <div class=\"text-left\">\r\n                <p class=\"font-bold text-charcoal text-sm uppercase tracking-wider mb-1\">\u041e\u0442\u0441\u043a\u0430\u043d\u0438\u0440\u0443\u0439\u0442\u0435 \u0434\u043b\u044f \u0441\u0432\u044f\u0437\u0438<\/p>\r\n                <p class=\"text-xs text-gray-500\">\u041e\u0442\u0441\u043a\u0430\u043d\u0438\u0440\u0443\u0439\u0442\u0435 \u044d\u0442\u043e\u0442 QR-\u043a\u043e\u0434 \u0432 Telegram, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043d\u0430\u043c.<\/p>\r\n              <\/div>\r\n              <!-- This is one of the requested QR codes -->\r\n              <img decoding=\"async\" src=\"https:\/\/www.ayurdhara.ru\/wp-content\/uploads\/2026\/08\/Telegram-QR.jpg\" alt=\"Telegram QR-\u043a\u043e\u0434\" class=\"w-20 h-20 object-cover rounded-xl shadow-sm bg-white p-1\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- CONTACT 2 CARD -->\r\n        <div class=\"bg-white rounded-3xl shadow-premium border border-gray-100 overflow-hidden flex flex-col\">\r\n          <div class=\"bg-gradient-to-r from-ayurgreen to-[#1b431c] p-8 text-center text-white relative\">\r\n            <div class=\"absolute top-0 right-0 w-32 h-32 bg-white\/5 rounded-bl-full\"><\/div>\r\n            <p class=\"text-sm font-bold text-green-200 uppercase tracking-widest mb-2\">\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0442\u0435\u043b\u0435\u0444\u043e\u043d<\/p>\r\n            <a href=\"tel:+79777647002\" class=\"text-4xl lg:text-5xl font-extrabold tracking-tight hover:text-gold transition-colors drop-shadow-md\">+7 977 764 7002<\/a>\r\n          <\/div>\r\n          \r\n          <div class=\"p-8 flex-grow flex flex-col justify-between\">\r\n            <div class=\"grid grid-cols-2 gap-4 mb-8\">\r\n              <a href=\"tel:+79777647002\" class=\"flex flex-col items-center justify-center bg-gray-50 text-gray-800 p-5 rounded-2xl hover:bg-gray-100 hover:shadow-md transition-all group\">\r\n                <i class=\"fa-solid fa-phone text-3xl mb-3 text-gray-400 group-hover:text-charcoal transition-colors\"><\/i>\r\n                <span class=\"font-bold text-sm tracking-wide\">\u041f\u041e\u0417\u0412\u041e\u041d\u0418\u0422\u042c<\/span>\r\n              <\/a>\r\n              <a href=\"https:\/\/wa.me\/79777647002?text=\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435,%20\u044f%20\u043f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u043b\u0441\u044f%20\u0441%20AYURDHARA%20\u043d\u0430%20\u0414\u043d\u0435%20\u0418\u043d\u0434\u0438\u0438%20\u0438%20\u0445\u043e\u0442\u0435\u043b%20\u0431\u044b%20\u0443\u0437\u043d\u0430\u0442\u044c%20\u0431\u043e\u043b\u044c\u0448\u0435%20\u043e%20\u0432\u0430\u0448\u0435\u0439%20\u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438.\" target=\"_blank\" class=\"flex flex-col items-center justify-center bg-[#25D366]\/10 text-[#25D366] p-5 rounded-2xl hover:bg-[#25D366] hover:text-white hover:shadow-md transition-all group\">\r\n                <i class=\"fa-brands fa-whatsapp text-3xl mb-3\"><\/i>\r\n                <span class=\"font-bold text-sm tracking-wide\">WHATSAPP<\/span>\r\n              <\/a>\r\n              <a href=\"https:\/\/t.me\/+79777647002\" target=\"_blank\" class=\"flex flex-col items-center justify-center bg-[#0088cc]\/10 text-[#0088cc] p-5 rounded-2xl hover:bg-[#0088cc] hover:text-white hover:shadow-md transition-all group\">\r\n                <i class=\"fa-brands fa-telegram text-3xl mb-3\"><\/i>\r\n                <span class=\"font-bold text-sm tracking-wide\">TELEGRAM<\/span>\r\n              <\/a>\r\n              <a href=\"#\" target=\"_blank\" class=\"flex flex-col items-center justify-center bg-purple-600\/10 text-purple-600 p-5 rounded-2xl hover:bg-purple-600 hover:text-white hover:shadow-md transition-all group\">\r\n                <i class=\"fa-solid fa-comment-dots text-3xl mb-3\"><\/i>\r\n                <span class=\"font-bold text-sm tracking-wide\">MAX MESSENGER<\/span>\r\n              <\/a>\r\n            <\/div>\r\n            \r\n            <!-- QR Code Section Inside Card -->\r\n            <div class=\"bg-gray-50 rounded-2xl p-6 border border-gray-100 flex items-center justify-between\">\r\n              <div class=\"text-left\">\r\n                <p class=\"font-bold text-charcoal text-sm uppercase tracking-wider mb-1\">\u041e\u0442\u0441\u043a\u0430\u043d\u0438\u0440\u0443\u0439\u0442\u0435 \u0434\u043b\u044f \u0441\u0432\u044f\u0437\u0438<\/p>\r\n                <p class=\"text-xs text-gray-500\">\u041e\u0442\u0441\u043a\u0430\u043d\u0438\u0440\u0443\u0439\u0442\u0435 \u044d\u0442\u043e\u0442 QR-\u043a\u043e\u0434 \u0432 MAX Messenger \u0434\u043b\u044f \u0441\u0432\u044f\u0437\u0438.<\/p>\r\n              <\/div>\r\n              <!-- This is the other requested QR code -->\r\n              <img decoding=\"async\" src=\"https:\/\/www.ayurdhara.ru\/wp-content\/uploads\/2026\/08\/Max-Messanger-Qr.jpg\" alt=\"Max Messenger QR-\u043a\u043e\u0434\" class=\"w-20 h-20 object-cover rounded-xl shadow-sm bg-white p-1\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 4: EMAIL & WEBSITE -->\r\n  <section class=\"py-12 px-4 bg-charcoal text-white border-b-4 border-saffron\">\r\n    <div class=\"max-w-5xl mx-auto flex flex-col md:flex-row items-center justify-center gap-8 md:gap-16\">\r\n      <div class=\"text-center md:text-left\">\r\n        <h3 class=\"text-2xl font-bold uppercase tracking-wider mb-2 font-serif\">\u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u0410\u044e\u0440\u0434\u0430\u0440\u0430<\/h3>\r\n        <p class=\"text-gray-400\">\u041e\u0431\u0440\u0430\u0449\u0430\u0439\u0442\u0435\u0441\u044c \u043f\u043e \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u043c \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 \u0438 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u043e\u0441\u0442\u0430\u0432\u043e\u043a.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"flex flex-col sm:flex-row gap-4\">\r\n        <a href=\"mailto:AYURDHARA@mail.ru\" class=\"flex items-center gap-4 bg-white\/10 hover:bg-white\/20 border border-white\/10 px-8 py-4 rounded-full transition-all\">\r\n          <i class=\"fa-regular fa-envelope text-2xl text-saffron\"><\/i>\r\n          <span class=\"font-bold tracking-wide\">AYURDHARA@mail.ru<\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.ayurdhara.ru\" target=\"_blank\" class=\"flex items-center gap-4 bg-white\/10 hover:bg-white\/20 border border-white\/10 px-8 py-4 rounded-full transition-all\">\r\n          <i class=\"fa-solid fa-globe text-2xl text-ayurgreenlight\"><\/i>\r\n          <span class=\"font-bold tracking-wide\">www.ayurdhara.ru<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 5: WHAT WE OFFER (Refined Bento Box using sleek CSS patterns) -->\r\n  <section class=\"py-24 px-4 bg-white\">\r\n    <div class=\"max-w-7xl mx-auto\">\r\n      <div class=\"text-center mb-16\">\r\n        <h2 class=\"text-3xl lg:text-4xl font-extrabold text-charcoal uppercase mb-3 font-serif\">\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0447\u043d\u044b\u0439 \u0438\u043d\u0434\u0438\u0439\u0441\u043a\u0438\u0439 \u0432\u0435\u043b\u043d\u0435\u0441<\/h2>\r\n        <h3 class=\"text-xl text-saffron uppercase tracking-widest font-bold\">\u041f\u043e\u0437\u043d\u0430\u0439\u0442\u0435 \u0441\u0438\u043b\u0443 \u0434\u0440\u0435\u0432\u043d\u0438\u0445 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u0439<\/h3>\r\n      <\/div>\r\n      \r\n      <!-- Bento Box Grid -->\r\n      <div class=\"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6 auto-rows-[250px]\">\r\n        \r\n        <!-- Large Tile (Refined with CSS geometric shapes) -->\r\n        <div class=\"md:col-span-2 lg:col-span-2 row-span-2 bg-gradient-to-br from-green-900 to-ayurgreen rounded-[2.5rem] p-10 text-white relative overflow-hidden group\">\r\n          <!-- Geometric overlay -->\r\n          <div class=\"absolute -right-20 -bottom-20 w-64 h-64 border-[30px] border-white\/10 rounded-full group-hover:scale-110 transition-transform duration-700\"><\/div>\r\n          <div class=\"absolute -right-10 -bottom-10 w-40 h-40 border-[20px] border-white\/10 rounded-full group-hover:scale-125 transition-transform duration-700\"><\/div>\r\n          \r\n          <div class=\"relative z-10 flex flex-col h-full justify-between\">\r\n            <div class=\"w-20 h-20 bg-white\/20 backdrop-blur-md rounded-2xl flex items-center justify-center border border-white\/30 shadow-lg\">\r\n              <i class=\"fa-solid fa-leaf text-4xl\"><\/i>\r\n            <\/div>\r\n            <div>\r\n              <h4 class=\"font-bold text-4xl mb-4 font-serif\">\u0410\u044e\u0440\u0432\u0435\u0434\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0440\u0435\u043f\u0430\u0440\u0430\u0442\u044b<\/h4>\r\n              <p class=\"text-green-100 text-lg leading-relaxed max-w-md\">\u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0430\u044e\u0440\u0432\u0435\u0434\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430 (\u041a\u0430\u0448\u0430\u044f\u043c\u044b, \u0422\u0430\u0439\u043b\u0430\u043c\u044b, \u0410\u0440\u0438\u0448\u0442\u044b) \u043e\u0442 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0445 \u0438\u043d\u0434\u0438\u0439\u0441\u043a\u0438\u0445 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439, \u0442\u0430\u043a\u0438\u0445 \u043a\u0430\u043a Kottakkal \u0438 Vaidyaratnam.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Medium Tile 1 -->\r\n        <div class=\"md:col-span-1 lg:col-span-2 row-span-1 bg-gradient-to-br from-saffronlight to-orange-100 rounded-[2.5rem] p-8 relative overflow-hidden group border border-orange-200 hover:shadow-premium transition-all\">\r\n          <div class=\"absolute -right-12 -top-12 w-48 h-48 bg-white\/40 rounded-full mix-blend-overlay group-hover:scale-110 transition-transform duration-500\"><\/div>\r\n          <div class=\"relative z-10 flex flex-col h-full justify-between\">\r\n            <div class=\"w-14 h-14 bg-white rounded-2xl shadow-sm flex items-center justify-center text-saffron\">\r\n              <i class=\"fa-solid fa-spa text-2xl\"><\/i>\r\n            <\/div>\r\n            <div>\r\n              <h4 class=\"font-bold text-2xl text-charcoal mb-2 font-serif\">\u041d\u0430\u0442\u0443\u0440\u0430\u043b\u044c\u043d\u0430\u044f \u043a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\u0430<\/h4>\r\n              <p class=\"text-gray-700 text-sm\">\u041d\u0430\u0442\u0443\u0440\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u0440\u0435\u043c\u044b, \u0433\u0435\u043b\u0438, \u043c\u0430\u0441\u043b\u0430, \u0442\u043e\u0432\u0430\u0440\u044b \u0434\u043b\u044f \u043a\u0440\u0430\u0441\u043e\u0442\u044b \u0438 \u0437\u0434\u043e\u0440\u043e\u0432\u044c\u044f \u043e\u0442 Nymphora \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u0431\u0440\u0435\u043d\u0434\u043e\u0432.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Medium Tile 2 -->\r\n        <div class=\"md:col-span-1 lg:col-span-1 row-span-1 bg-gradient-to-br from-blue-50 to-blue-100 rounded-[2.5rem] p-8 relative overflow-hidden border border-blue-200 hover:shadow-premium transition-all group\">\r\n          <div class=\"absolute -left-8 -bottom-8 w-32 h-32 bg-white\/50 rounded-full mix-blend-overlay group-hover:scale-110 transition-transform duration-500\"><\/div>\r\n          <div class=\"relative z-10 flex flex-col h-full justify-between\">\r\n            <div class=\"w-14 h-14 bg-white rounded-2xl shadow-sm flex items-center justify-center text-blue-600\">\r\n              <i class=\"fa-solid fa-heart-pulse text-2xl\"><\/i>\r\n            <\/div>\r\n            <div>\r\n              <h4 class=\"font-bold text-xl text-charcoal mb-2 font-serif\">\u0422\u0440\u0430\u0432\u044f\u043d\u044b\u0435 \u0434\u043e\u0431\u0430\u0432\u043a\u0438<\/h4>\r\n              <p class=\"text-gray-600 text-sm\">\u0414\u043e\u0431\u0430\u0432\u043a\u0438 \u0434\u043b\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f \u043e\u0431\u0449\u0435\u0433\u043e \u0437\u0434\u043e\u0440\u043e\u0432\u044c\u044f \u0438 \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0433\u043e \u0445\u043e\u0440\u043e\u0448\u0435\u0433\u043e \u0441\u0430\u043c\u043e\u0447\u0443\u0432\u0441\u0442\u0432\u0438\u044f.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Medium Tile 3 -->\r\n        <div class=\"md:col-span-2 lg:col-span-1 row-span-1 bg-gradient-to-br from-purple-50 to-purple-100 rounded-[2.5rem] p-8 relative overflow-hidden border border-purple-200 hover:shadow-premium transition-all group\">\r\n           <div class=\"absolute right-0 bottom-0 w-32 h-32 bg-white\/50 rounded-tl-full mix-blend-overlay group-hover:scale-110 transition-transform duration-500\"><\/div>\r\n          <div class=\"relative z-10 flex flex-col h-full justify-between\">\r\n             <div class=\"w-14 h-14 bg-white rounded-2xl shadow-sm flex items-center justify-center text-purple-600\">\r\n              <i class=\"fa-solid fa-om text-2xl\"><\/i>\r\n            <\/div>\r\n            <div>\r\n              <h4 class=\"font-bold text-xl text-charcoal mb-2 font-serif\">\u041f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u044f \u0421\u0438\u0434\u0434\u0445\u0430<\/h4>\r\n              <p class=\"text-gray-600 text-sm\">\u0410\u0443\u0442\u0435\u043d\u0442\u0438\u0447\u043d\u044b\u0435 \u043f\u0440\u0435\u043f\u0430\u0440\u0430\u0442\u044b \u043e\u0442 SKM Siddha & Ayurveda.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Wide Tile -->\r\n        <div class=\"md:col-span-3 lg:col-span-4 row-span-1 bg-charcoal rounded-[2.5rem] p-8 lg:p-10 text-white flex flex-col md:flex-row items-center justify-between gap-8 hover:shadow-premium transition-all relative overflow-hidden group\">\r\n          <div class=\"absolute right-0 top-0 w-2\/3 h-full bg-gradient-to-l from-pink-900\/60 to-transparent\"><\/div>\r\n          <div class=\"absolute -right-20 top-1\/2 -translate-y-1\/2 w-64 h-64 border-[40px] border-white\/5 rounded-full group-hover:scale-110 transition-transform duration-700\"><\/div>\r\n          \r\n          <div class=\"flex items-center gap-6 relative z-10\">\r\n            <div class=\"w-20 h-20 bg-white\/10 backdrop-blur-sm rounded-2xl flex items-center justify-center text-pink-400 shrink-0 border border-white\/20 shadow-lg\">\r\n              <i class=\"fa-solid fa-spray-can-sparkles text-3xl\"><\/i>\r\n            <\/div>\r\n            <div>\r\n              <h4 class=\"font-bold text-3xl mb-2 font-serif\">\u0411\u043b\u0430\u0433\u043e\u0432\u043e\u043d\u0438\u044f \u0438 \u0441\u0442\u0438\u043b\u044c \u0436\u0438\u0437\u043d\u0438<\/h4>\r\n              <p class=\"text-gray-300 text-lg\">\u0410\u0440\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0430\u043b\u043e\u0447\u043a\u0438 \u043f\u0440\u0435\u043c\u0438\u0443\u043c-\u043a\u043b\u0430\u0441\u0441\u0430, \u043a\u043e\u043d\u0443\u0441\u044b \u0438 \u0430\u043a\u0441\u0435\u0441\u0441\u0443\u0430\u0440\u044b \u043e\u0442 Phool.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a href=\"#contacts\" class=\"shrink-0 relative z-10 bg-white text-charcoal px-10 py-5 rounded-full font-bold hover:bg-saffron hover:text-white transition-colors shadow-lg\">\r\n            \u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 6: WHOLESALE + RETAIL -->\r\n  <section class=\"py-20 px-4 bg-brandgray border-t border-gray-200\">\r\n    <div class=\"max-w-6xl mx-auto\">\r\n      <div class=\"text-center mb-16\">\r\n        <h2 class=\"text-3xl lg:text-4xl font-extrabold text-charcoal uppercase mb-2 font-serif\">\u041e\u043f\u0442 \u0438 \u0440\u043e\u0437\u043d\u0438\u0446\u0430 \u0432 \u0420\u043e\u0441\u0441\u0438\u0438<\/h2>\r\n        <h3 class=\"text-lg text-saffron uppercase tracking-widest font-bold\">\u041f\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u043f\u043e \u0432\u0441\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0435<\/h3>\r\n      <\/div>\r\n      \r\n      <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 relative\">\r\n        <!-- Connecting Line for desktop -->\r\n        <div class=\"hidden md:block absolute top-12 left-[16%] right-[16%] h-0.5 bg-gradient-to-r from-gray-200 via-saffron\/30 to-gray-200 z-0\"><\/div>\r\n        \r\n        <div class=\"bg-white p-10 rounded-3xl shadow-sm hover:shadow-premium transition-all border border-gray-100 text-center relative z-10 group\">\r\n          <div class=\"w-24 h-24 bg-gray-50 rounded-2xl flex items-center justify-center mx-auto mb-6 text-4xl text-gray-400 group-hover:bg-charcoal group-hover:text-white transition-colors rotate-3 group-hover:rotate-0\">\r\n            <i class=\"fa-solid fa-shop\"><\/i>\r\n          <\/div>\r\n          <h4 class=\"text-xl font-bold mb-3 uppercase tracking-wide\">\u0420\u043e\u0437\u043d\u0438\u0447\u043d\u044b\u043c \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c<\/h4>\r\n          <p class=\"text-gray-600 leading-relaxed\">\u0410\u0443\u0442\u0435\u043d\u0442\u0438\u0447\u043d\u0430\u044f \u0438\u043d\u0434\u0438\u0439\u0441\u043a\u0430\u044f \u0430\u044e\u0440\u0432\u0435\u0434\u0430 \u0438 \u0442\u043e\u0432\u0430\u0440\u044b \u0434\u043b\u044f \u0437\u0434\u043e\u0440\u043e\u0432\u044c\u044f \u0441 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u043e\u0439 \u043f\u0440\u044f\u043c\u043e \u0434\u043e \u0432\u0430\u0448\u0435\u0439 \u0434\u0432\u0435\u0440\u0438 \u043f\u043e \u0432\u0441\u0435\u0439 \u0420\u043e\u0441\u0441\u0438\u0438.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"bg-white p-10 rounded-3xl shadow-sm hover:shadow-premium transition-all border border-gray-100 text-center relative z-10 group\">\r\n          <div class=\"w-24 h-24 bg-saffronlight rounded-2xl flex items-center justify-center mx-auto mb-6 text-4xl text-saffron group-hover:bg-saffron group-hover:text-white transition-colors -rotate-3 group-hover:rotate-0\">\r\n            <i class=\"fa-solid fa-boxes-stacked\"><\/i>\r\n          <\/div>\r\n          <h4 class=\"text-xl font-bold mb-3 uppercase tracking-wide\">\u041e\u043f\u0442\u043e\u0432\u044b\u043c \u043f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u044f\u043c<\/h4>\r\n          <p class=\"text-gray-600 leading-relaxed\">\u041a\u0440\u0443\u043f\u043d\u044b\u0435 \u043f\u0430\u0440\u0442\u0438\u0438 \u0434\u043b\u044f \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u043e\u0432, \u043e\u0437\u0434\u043e\u0440\u043e\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0446\u0435\u043d\u0442\u0440\u043e\u0432, \u043a\u043b\u0438\u043d\u0438\u043a \u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u0435\u0439.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"bg-white p-10 rounded-3xl shadow-sm hover:shadow-premium transition-all border border-gray-100 text-center relative z-10 group\">\r\n          <div class=\"w-24 h-24 bg-ayurgreenlight rounded-2xl flex items-center justify-center mx-auto mb-6 text-4xl text-ayurgreen group-hover:bg-ayurgreen group-hover:text-white transition-colors rotate-3 group-hover:rotate-0\">\r\n            <i class=\"fa-solid fa-handshake\"><\/i>\r\n          <\/div>\r\n          <h4 class=\"text-xl font-bold mb-3 uppercase tracking-wide\">\u0411\u0438\u0437\u043d\u0435\u0441-\u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0430\u043c<\/h4>\r\n          <p class=\"text-gray-600 leading-relaxed\">\u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0434\u0438\u0441\u0442\u0440\u0438\u0431\u0443\u0446\u0438\u044f \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0434\u043e\u043b\u0433\u043e\u0441\u0440\u043e\u0447\u043d\u043e\u0433\u043e \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u043f\u043e \u0432\u0441\u0435\u0439 \u0420\u043e\u0441\u0441\u0438\u0438 \u0438 \u0421\u041d\u0413.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 8: INDIA DAY SPECIAL BANNER -->\r\n  <section class=\"py-24 px-4 bg-india-festive relative border-y-8 border-saffron\">\r\n    <div class=\"absolute inset-0 bg-black\/10 backdrop-blur-[1px]\"><\/div>\r\n    \r\n    <div class=\"max-w-4xl mx-auto text-center relative z-10 text-white\">\r\n      <div class=\"flex justify-center items-center gap-6 mb-8 text-5xl\">\r\n        <span class=\"drop-shadow-lg\">\ud83c\uddee\ud83c\uddf3<\/span>\r\n        <div class=\"w-16 h-16 rounded-full border-2 border-white\/50 flex items-center justify-center backdrop-blur-sm bg-white\/10 shadow-lg\">\r\n           <i class=\"fa-solid fa-om text-white text-3xl\"><\/i>\r\n        <\/div>\r\n        <span class=\"drop-shadow-lg\">\ud83c\uddf7\ud83c\uddfa<\/span>\r\n      <\/div>\r\n      <h2 class=\"text-4xl lg:text-6xl font-extrabold uppercase mb-6 tracking-widest font-serif drop-shadow-md\">\r\n        \u041f\u0440\u0430\u0437\u0434\u043d\u0443\u0435\u043c \u0414\u0435\u043d\u044c \u0418\u043d\u0434\u0438\u0438 <br><span class=\"text-white\/90\">\u0432 \u0420\u043e\u0441\u0441\u0438\u0438<\/span>\r\n      <\/h2>\r\n      <p class=\"text-white font-bold text-xl uppercase tracking-widest mb-10 opacity-90\">\r\n        \u0410\u044e\u0440\u0432\u0435\u0434\u0430 \u2022 \u041a\u0443\u043b\u044c\u0442\u0443\u0440\u0430 \u2022 \u0417\u0434\u043e\u0440\u043e\u0432\u044c\u0435 \u2022 \u0422\u0440\u0430\u0434\u0438\u0446\u0438\u0438\r\n      <\/p>\r\n      \r\n      <div class=\"bg-white\/10 backdrop-blur-md p-8 md:p-12 rounded-3xl border border-white\/30 shadow-2xl\">\r\n        <p class=\"text-2xl font-bold mb-4 text-white font-serif\">\u0421\u043f\u0430\u0441\u0438\u0431\u043e, \u0447\u0442\u043e \u043f\u043e\u0441\u0435\u0442\u0438\u043b\u0438 \u0441\u0442\u0435\u043d\u0434 AYURDHARA \u043d\u0430 \u0414\u043d\u0435 \u0418\u043d\u0434\u0438\u0438.<\/p>\r\n        <p class=\"text-lg leading-relaxed opacity-95\">\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u0432\u043d\u0435\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0437\u043d\u0430\u043d\u0438\u044f \u0410\u044e\u0440\u0432\u0435\u0434\u044b \u0438 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0447\u043d\u044b\u0435 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u0438 \u0418\u043d\u0434\u0438\u0438. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043e\u0441\u0442\u0430\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u0432\u044f\u0437\u0438 \u0438 \u043f\u043e\u0441\u043b\u0435 \u0432\u044b\u0441\u0442\u0430\u0432\u043a\u0438!<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 9: FEATURED PRODUCTS CAROUSEL -->\r\n  <section class=\"py-24 px-4 bg-white overflow-hidden\">\r\n    <div class=\"max-w-7xl mx-auto\">\r\n      <div class=\"flex flex-col md:flex-row justify-between items-end mb-12 gap-6\">\r\n        <div>\r\n          <h2 class=\"text-3xl lg:text-4xl font-extrabold text-charcoal uppercase mb-2 font-serif\">\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b<\/h2>\r\n          <p class=\"text-gray-500 uppercase tracking-widest font-bold\">\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u043d\u0430\u0448\u0438 \u0445\u0438\u0442\u044b \u043f\u0440\u043e\u0434\u0430\u0436<\/p>\r\n        <\/div>\r\n        <div class=\"flex gap-2\">\r\n          <button class=\"w-12 h-12 rounded-full border border-gray-200 flex items-center justify-center hover:bg-charcoal hover:text-white transition-colors\" onclick=\"document.getElementById('product-carousel').scrollBy({left: -320, behavior: 'smooth'})\">\r\n            <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n          <\/button>\r\n          <button class=\"w-12 h-12 rounded-full border border-gray-200 flex items-center justify-center hover:bg-charcoal hover:text-white transition-colors\" onclick=\"document.getElementById('product-carousel').scrollBy({left: 320, behavior: 'smooth'})\">\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Horizontal Scroll Container -->\r\n      <div id=\"product-carousel\" class=\"flex overflow-x-auto hide-scrollbar gap-6 snap-x pb-8 -mx-4 px-4 lg:mx-0 lg:px-0\">\r\n        \r\n        <!-- Product 1 (Premium UI Card) -->\r\n        <div class=\"min-w-[320px] w-[320px] bg-white rounded-3xl shadow-sm hover:shadow-premium border border-gray-100 snap-center shrink-0 group transition-all p-8 flex flex-col relative overflow-hidden\">\r\n          <!-- Decorative Background Shape -->\r\n          <div class=\"absolute -right-8 -top-8 w-32 h-32 bg-green-50 rounded-full opacity-50 group-hover:scale-[2] transition-transform duration-700 ease-in-out\"><\/div>\r\n          \r\n          <div class=\"flex justify-between items-start mb-8 relative z-10\">\r\n            <div class=\"w-16 h-16 rounded-2xl bg-green-50 text-ayurgreen flex items-center justify-center text-3xl group-hover:bg-ayurgreen group-hover:text-white transition-colors duration-300 shadow-sm border border-green-100\">\r\n              <i class=\"fa-solid fa-bottle-droplet\"><\/i>\r\n            <\/div>\r\n            <span class=\"bg-white border border-gray-100 text-xs font-bold px-3 py-1.5 rounded-full uppercase tracking-wider text-ayurgreen shadow-sm\">Kottakkal<\/span>\r\n          <\/div>\r\n          \r\n          <div class=\"flex flex-col flex-grow relative z-10\">\r\n            <h4 class=\"font-bold text-2xl mb-3 font-serif text-charcoal\">\u041a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0422\u0430\u0439\u043b\u0430\u043c<\/h4>\r\n            <p class=\"text-gray-500 mb-8 flex-grow leading-relaxed\">\u0410\u0443\u0442\u0435\u043d\u0442\u0438\u0447\u043d\u043e\u0435 \u043c\u0430\u0441\u0441\u0430\u0436\u043d\u043e\u0435 \u043c\u0430\u0441\u043b\u043e, \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u043e \u043f\u0440\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0435 \u0432 \u041a\u0435\u0440\u0430\u043b\u0435 \u0434\u043b\u044f \u0437\u0434\u043e\u0440\u043e\u0432\u044c\u044f \u0441\u0443\u0441\u0442\u0430\u0432\u043e\u0432 \u0438 \u043c\u044b\u0448\u0446.<\/p>\r\n            <a href=\"https:\/\/wa.me\/79153691875?text=\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435,%20\u043c\u0435\u043d\u044f%20\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u0435\u0442%20Kottakkal%20Classical%20Thailam\" target=\"_blank\" class=\"w-full text-center py-3.5 rounded-xl bg-gray-50 text-charcoal font-bold hover:bg-saffron hover:text-white transition-all border border-transparent\">\r\n              \u0423\u0437\u043d\u0430\u0442\u044c \u0446\u0435\u043d\u0443\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Product 2 (Premium UI Card) -->\r\n        <div class=\"min-w-[320px] w-[320px] bg-white rounded-3xl shadow-sm hover:shadow-premium border border-gray-100 snap-center shrink-0 group transition-all p-8 flex flex-col relative overflow-hidden\">\r\n          <!-- Decorative Background Shape -->\r\n          <div class=\"absolute -right-8 -top-8 w-32 h-32 bg-orange-50 rounded-full opacity-50 group-hover:scale-[2] transition-transform duration-700 ease-in-out\"><\/div>\r\n          \r\n          <div class=\"flex justify-between items-start mb-8 relative z-10\">\r\n            <div class=\"w-16 h-16 rounded-2xl bg-orange-50 text-saffron flex items-center justify-center text-3xl group-hover:bg-saffron group-hover:text-white transition-colors duration-300 shadow-sm border border-orange-100\">\r\n              <i class=\"fa-solid fa-flask\"><\/i>\r\n            <\/div>\r\n            <span class=\"bg-white border border-gray-100 text-xs font-bold px-3 py-1.5 rounded-full uppercase tracking-wider text-saffron shadow-sm\">Vaidyaratnam<\/span>\r\n          <\/div>\r\n          \r\n          <div class=\"flex flex-col flex-grow relative z-10\">\r\n            <h4 class=\"font-bold text-2xl mb-3 font-serif text-charcoal\">\u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u041a\u0430\u0448\u0430\u044f\u043c<\/h4>\r\n            <p class=\"text-gray-500 mb-8 flex-grow leading-relaxed\">\u041c\u043e\u0449\u043d\u044b\u0435 \u0442\u0440\u0430\u0432\u044f\u043d\u044b\u0435 \u043e\u0442\u0432\u0430\u0440\u044b, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u0434\u043b\u044f \u0431\u0430\u043b\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u043a\u0438 \u0434\u043e\u0448 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f \u043e\u0431\u0449\u0435\u0433\u043e \u0437\u0434\u043e\u0440\u043e\u0432\u044c\u044f.<\/p>\r\n            <a href=\"https:\/\/wa.me\/79153691875?text=\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435,%20\u043c\u0435\u043d\u044f%20\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u0435\u0442%20Vaidyaratnam%20Kashayam\" target=\"_blank\" class=\"w-full text-center py-3.5 rounded-xl bg-gray-50 text-charcoal font-bold hover:bg-saffron hover:text-white transition-all border border-transparent\">\r\n              \u0423\u0437\u043d\u0430\u0442\u044c \u0446\u0435\u043d\u0443\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Product 3 (Premium UI Card) -->\r\n        <div class=\"min-w-[320px] w-[320px] bg-white rounded-3xl shadow-sm hover:shadow-premium border border-gray-100 snap-center shrink-0 group transition-all p-8 flex flex-col relative overflow-hidden\">\r\n          <!-- Decorative Background Shape -->\r\n          <div class=\"absolute -right-8 -top-8 w-32 h-32 bg-purple-50 rounded-full opacity-50 group-hover:scale-[2] transition-transform duration-700 ease-in-out\"><\/div>\r\n          \r\n          <div class=\"flex justify-between items-start mb-8 relative z-10\">\r\n             <div class=\"w-16 h-16 rounded-2xl bg-purple-50 text-purple-600 flex items-center justify-center text-3xl group-hover:bg-purple-600 group-hover:text-white transition-colors duration-300 shadow-sm border border-purple-100\">\r\n              <i class=\"fa-solid fa-spray-can-sparkles\"><\/i>\r\n            <\/div>\r\n            <span class=\"bg-white border border-gray-100 text-xs font-bold px-3 py-1.5 rounded-full uppercase tracking-wider text-purple-600 shadow-sm\">Phool<\/span>\r\n          <\/div>\r\n          \r\n          <div class=\"flex flex-col flex-grow relative z-10\">\r\n            <h4 class=\"font-bold text-2xl mb-3 font-serif text-charcoal\">\u042d\u043b\u0438\u0442\u043d\u044b\u0435 \u0411\u043b\u0430\u0433\u043e\u0432\u043e\u043d\u0438\u044f<\/h4>\r\n            <p class=\"text-gray-500 mb-8 flex-grow leading-relaxed\">\u0420\u043e\u0441\u043a\u043e\u0448\u043d\u044b\u0435 \u0431\u043b\u0430\u0433\u043e\u0432\u043e\u043d\u0438\u044f \u0431\u0435\u0437 \u0443\u0433\u043b\u044f, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 \u043f\u0435\u0440\u0435\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0445 \u0445\u0440\u0430\u043c\u043e\u0432\u044b\u0445 \u0446\u0432\u0435\u0442\u043e\u0432 \u0441 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u044d\u0444\u0438\u0440\u043d\u044b\u0445 \u043c\u0430\u0441\u0435\u043b.<\/p>\r\n            <a href=\"https:\/\/wa.me\/79153691875?text=\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435,%20\u043c\u0435\u043d\u044f%20\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u0435\u0442%20Phool%20Incense\" target=\"_blank\" class=\"w-full text-center py-3.5 rounded-xl bg-gray-50 text-charcoal font-bold hover:bg-saffron hover:text-white transition-all border border-transparent\">\r\n              \u0423\u0437\u043d\u0430\u0442\u044c \u0446\u0435\u043d\u0443\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Product 4 (Premium UI Card) -->\r\n        <div class=\"min-w-[320px] w-[320px] bg-white rounded-3xl shadow-sm hover:shadow-premium border border-gray-100 snap-center shrink-0 group transition-all p-8 flex flex-col relative overflow-hidden\">\r\n          <!-- Decorative Background Shape -->\r\n          <div class=\"absolute -right-8 -top-8 w-32 h-32 bg-blue-50 rounded-full opacity-50 group-hover:scale-[2] transition-transform duration-700 ease-in-out\"><\/div>\r\n          \r\n          <div class=\"flex justify-between items-start mb-8 relative z-10\">\r\n            <div class=\"w-16 h-16 rounded-2xl bg-blue-50 text-blue-600 flex items-center justify-center text-3xl group-hover:bg-blue-600 group-hover:text-white transition-colors duration-300 shadow-sm border border-blue-100\">\r\n              <i class=\"fa-solid fa-prescription-bottle-medical\"><\/i>\r\n            <\/div>\r\n            <span class=\"bg-white border border-gray-100 text-xs font-bold px-3 py-1.5 rounded-full uppercase tracking-wider text-blue-600 shadow-sm\">SKM Siddha<\/span>\r\n          <\/div>\r\n          \r\n          <div class=\"flex flex-col flex-grow relative z-10\">\r\n            <h4 class=\"font-bold text-2xl mb-3 font-serif text-charcoal\">\u0421\u0438\u0440\u043e\u043f\u044b \u0421\u0438\u0434\u0434\u0445\u0430<\/h4>\r\n            <p class=\"text-gray-500 mb-8 flex-grow leading-relaxed\">\u0414\u0440\u0435\u0432\u043d\u0438\u0435 \u0444\u043e\u0440\u043c\u0443\u043b\u044b \u0421\u0438\u0434\u0434\u0445\u0430, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f \u0434\u044b\u0445\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0438 \u043f\u0438\u0449\u0435\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c.<\/p>\r\n            <a href=\"https:\/\/wa.me\/79153691875?text=\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435,%20\u043c\u0435\u043d\u044f%20\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u044e\u0442%20\u0441\u0438\u0440\u043e\u043f\u044b%20SKM%20Siddha\" target=\"_blank\" class=\"w-full text-center py-3.5 rounded-xl bg-gray-50 text-charcoal font-bold hover:bg-saffron hover:text-white transition-all border border-transparent\">\r\n              \u0423\u0437\u043d\u0430\u0442\u044c \u0446\u0435\u043d\u0443\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n      \r\n      <!-- Catch-all CTA -->\r\n      <div class=\"mt-12 bg-saffronlight rounded-3xl p-8 lg:p-12 border border-orange-100 text-center flex flex-col md:flex-row items-center justify-between gap-8 shadow-sm\">\r\n        <div class=\"text-left\">\r\n          <h4 class=\"text-3xl font-bold text-charcoal font-serif mb-2\">\u0418\u0449\u0435\u0442\u0435 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439 \u0442\u043e\u0432\u0430\u0440?<\/h4>\r\n          <p class=\"text-gray-600 text-lg\">\u041d\u0430\u0448 \u043f\u043e\u043b\u043d\u044b\u0439 \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0441\u043e\u0442\u043d\u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0442\u043e\u0432\u0430\u0440\u043e\u0432.<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/wa.me\/79153691875?text=\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435,%20\u044f%20\u0438\u0449\u0443%20\u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439%20\u0442\u043e\u0432\u0430\u0440,%20\u043a\u043e\u0442\u043e\u0440\u044b\u0439%20\u0432\u0438\u0434\u0435\u043b%20\u043d\u0430%20\u0414\u043d\u0435%20\u0418\u043d\u0434\u0438\u0438.\" target=\"_blank\" class=\"shrink-0 bg-[#25D366] text-white font-bold text-lg py-5 px-10 rounded-full hover:bg-[#1ebe57] transition-all shadow-lg hover:shadow-float flex items-center gap-3\">\r\n          <i class=\"fa-brands fa-whatsapp text-3xl\"><\/i> \u041d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432 WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 10: STRONG FINAL CALL TO ACTION -->\r\n  <section class=\"py-24 px-4 bg-charcoal text-white text-center relative overflow-hidden\">\r\n    <!-- Decorative Circle -->\r\n    <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[800px] h-[800px] border border-white\/5 rounded-full z-0\"><\/div>\r\n    <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[600px] h-[600px] border border-white\/5 rounded-full z-0\"><\/div>\r\n    \r\n    <div class=\"max-w-3xl mx-auto relative z-10\">\r\n      <h2 class=\"text-4xl lg:text-6xl font-extrabold uppercase mb-6 text-saffron font-serif\">\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043e\u0431\u0441\u0443\u0434\u0438\u043c<\/h2>\r\n      <p class=\"text-xl text-gray-300 mb-12 leading-relaxed\">\r\n        \u0417\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u044b \u0432 \u0410\u044e\u0440\u0432\u0435\u0434\u0435, \u0442\u043e\u0432\u0430\u0440\u0430\u0445 \u0434\u043b\u044f \u0437\u0434\u043e\u0440\u043e\u0432\u044c\u044f, \u043e\u043f\u0442\u043e\u0432\u044b\u0445 \u0437\u0430\u043a\u0443\u043f\u043a\u0430\u0445 \u0438\u043b\u0438 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0435? \u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 AYURDHARA \u043f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441.\r\n      <\/p>\r\n      \r\n      <div class=\"flex flex-wrap justify-center gap-6 mb-12\">\r\n        <a href=\"https:\/\/wa.me\/79153691875\" target=\"_blank\" class=\"w-20 h-20 bg-white\/10 rounded-full flex items-center justify-center hover:bg-[#25D366] hover:scale-110 transition-all text-3xl shadow-lg border border-white\/10 backdrop-blur-sm\">\r\n          <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n        <\/a>\r\n        <a href=\"https:\/\/t.me\/+79153691875\" target=\"_blank\" class=\"w-20 h-20 bg-white\/10 rounded-full flex items-center justify-center hover:bg-[#0088cc] hover:scale-110 transition-all text-3xl shadow-lg border border-white\/10 backdrop-blur-sm\">\r\n          <i class=\"fa-brands fa-telegram\"><\/i>\r\n        <\/a>\r\n        <a href=\"tel:+79153691875\" class=\"w-20 h-20 bg-white\/10 rounded-full flex items-center justify-center hover:bg-ayurgreen hover:scale-110 transition-all text-3xl shadow-lg border border-white\/10 backdrop-blur-sm\">\r\n          <i class=\"fa-solid fa-phone\"><\/i>\r\n        <\/a>\r\n        <a href=\"mailto:AYURDHARA@mail.ru\" class=\"w-20 h-20 bg-white\/10 rounded-full flex items-center justify-center hover:bg-saffron hover:scale-110 transition-all text-3xl shadow-lg border border-white\/10 backdrop-blur-sm\">\r\n          <i class=\"fa-regular fa-envelope\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n      \r\n      <a href=\"https:\/\/www.ayurdhara.ru\" class=\"inline-block text-2xl font-bold text-white hover:text-gold transition-colors border-b-2 border-gold\/50 hover:border-gold pb-1 tracking-widest\">\r\n        WWW.AYURDHARA.RU\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FLOATING DESKTOP WHATSAPP BUTTON -->\r\n  <a href=\"https:\/\/wa.me\/79153691875\" target=\"_blank\" class=\"hidden lg:flex fixed bottom-8 right-8 bg-[#25D366] text-white w-16 h-16 rounded-full items-center justify-center text-3xl shadow-[0_10px_25px_rgba(37,211,102,0.4)] hover:scale-110 transition-transform z-[100]\">\r\n    <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n  <\/a>\r\n\r\n  <!-- STICKY MOBILE CONTACT BAR (Ultra Usable) -->\r\n  <div class=\"lg:hidden fixed bottom-0 left-0 w-full bg-white\/95 backdrop-blur-md border-t border-gray-200 shadow-[0_-10px_30px_rgba(0,0,0,0.1)] z-[100] pb-safe\">\r\n    <div class=\"flex justify-between items-stretch h-16\">\r\n      <a href=\"tel:+79153691875\" class=\"flex flex-col items-center justify-center flex-1 text-gray-600 hover:text-charcoal hover:bg-gray-50 transition-colors border-r border-gray-100\">\r\n        <i class=\"fa-solid fa-phone text-xl mb-1\"><\/i>\r\n        <span class=\"text-[9px] font-extrabold tracking-widest uppercase\">\u0417\u0432\u043e\u043d\u043e\u043a<\/span>\r\n      <\/a>\r\n      <a href=\"https:\/\/wa.me\/79153691875\" target=\"_blank\" class=\"flex flex-col items-center justify-center flex-1 text-[#25D366] hover:bg-green-50 transition-colors border-r border-gray-100\">\r\n        <i class=\"fa-brands fa-whatsapp text-2xl mb-1\"><\/i>\r\n        <span class=\"text-[9px] font-extrabold tracking-widest uppercase\">WhatsApp<\/span>\r\n      <\/a>\r\n      <a href=\"https:\/\/t.me\/+79153691875\" target=\"_blank\" class=\"flex flex-col items-center justify-center flex-1 text-[#0088cc] hover:bg-blue-50 transition-colors border-r border-gray-100\">\r\n        <i class=\"fa-brands fa-telegram text-2xl mb-1\"><\/i>\r\n        <span class=\"text-[9px] font-extrabold tracking-widest uppercase\">Telegram<\/span>\r\n      <\/a>\r\n      <a href=\"#\" target=\"_blank\" class=\"flex flex-col items-center justify-center flex-1 text-purple-600 hover:bg-purple-50 transition-colors\">\r\n        <i class=\"fa-solid fa-comment-dots text-2xl mb-1\"><\/i>\r\n        <span class=\"text-[9px] font-extrabold tracking-widest uppercase\">MAX<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- Add padding to bottom of page on mobile to account for sticky bar -->\r\n  <div class=\"h-16 lg:hidden\"><\/div>\r\n\r\n<\/div>\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>\u041e\u041e\u041e \u0410\u044e\u0440\u0434\u0430\u0440\u0430 \u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u0414\u0435\u043d\u044c \u0418\u043d\u0434\u0438\u0438 \u0424\u0435\u0441\u0442\u0438\u0432\u0430\u043b\u044c \u0438\u043d\u0434\u0438\u0439\u0441\u043a\u043e\u0439 \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u044b \u041e\u043f\u044b\u0442 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0447\u043d\u043e\u0439 \u0430\u044e\u0440\u0432\u0435\u0434\u044b \u0438 \u0432\u0435\u043b\u043d\u0435\u0441\u0430 \u0438\u0437 \u0418\u043d\u0434\u0438\u0438. \u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u0435 \u0438\u043d\u0434\u0438\u0439\u0441\u043a\u0438\u0435<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4439","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ayurdhara.ru\/en\/wp-json\/wp\/v2\/pages\/4439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ayurdhara.ru\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ayurdhara.ru\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ayurdhara.ru\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ayurdhara.ru\/en\/wp-json\/wp\/v2\/comments?post=4439"}],"version-history":[{"count":5,"href":"https:\/\/www.ayurdhara.ru\/en\/wp-json\/wp\/v2\/pages\/4439\/revisions"}],"predecessor-version":[{"id":17379,"href":"https:\/\/www.ayurdhara.ru\/en\/wp-json\/wp\/v2\/pages\/4439\/revisions\/17379"}],"wp:attachment":[{"href":"https:\/\/www.ayurdhara.ru\/en\/wp-json\/wp\/v2\/media?parent=4439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}