{"id":874,"date":"2026-04-08T13:43:13","date_gmt":"2026-04-08T13:43:13","guid":{"rendered":"https:\/\/herafoods.in\/?page_id=874"},"modified":"2026-04-08T13:49:11","modified_gmt":"2026-04-08T13:49:11","slug":"honeynuts","status":"publish","type":"page","link":"https:\/\/herafoods.in\/","title":{"rendered":"honeynuts"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Hera Foods - Premium Honey Nuts<\/title>\r\n \r\n <!-- Speed Optimization: Preconnect to Google Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <!-- Lucide Icons (Deferred for faster page load) -->\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\" defer><\/script>\r\n\r\n <!-- Tailwind Config for Luxury Theme -->\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Hind Siliguri', 'sans-serif'],\r\n },\r\n colors: {\r\n luxury: { black: '#050505', dark: '#111111', card: '#1A1A1A' },\r\n gold: { \r\n light: '#FCEEA7',\r\n DEFAULT: '#D4AF37', \r\n dark: '#996515',\r\n gradient1: '#BF953F',\r\n gradient2: '#FCF6BA',\r\n gradient3: '#B38728', \r\n }\r\n },\r\n backgroundImage: {\r\n 'gold-gradient': 'linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C)',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* CSS optimizations for faster rendering *\/\r\n * { -webkit-tap-highlight-color: transparent; }\r\n \r\n \/* Static Gradient Text (Animation Removed) *\/\r\n .gold-text-gradient {\r\n background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n \/* Elementor specific resets to FORCE FULL WIDTH *\/\r\n .hera-foods-wrapper {\r\n font-family: 'Hind Siliguri', sans-serif;\r\n background-color: #050505;\r\n color: #D1D5DB;\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Premium Card Static Hover Effect *\/\r\n .ingredient-card {\r\n background: linear-gradient(145deg, #111111 0%, #0a0a0a 100%);\r\n }\r\n .ingredient-card:hover {\r\n box-shadow: 0 15px 35px rgba(212, 175, 55, 0.15);\r\n border-color: rgba(212, 175, 55, 0.5);\r\n }\r\n .ingredient-card:hover .icon-wrapper {\r\n background: rgba(212, 175, 55, 0.15);\r\n border-color: rgba(212, 175, 55, 0.5);\r\n }\r\n\r\n \/* Luxury Button Static *\/\r\n .luxury-btn { position: relative; overflow: hidden; }\r\n\r\n \/* FAQ Static States *\/\r\n details > summary {\r\n list-style: none;\r\n }\r\n details > summary::-webkit-details-marker {\r\n display: none;\r\n }\r\n details[open] {\r\n background: linear-gradient(145deg, rgba(212, 175, 55, 0.05) 0%, rgba(5, 5, 5, 1) 100%);\r\n border-color: rgba(212, 175, 55, 0.4);\r\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.05);\r\n }\r\n\r\n \/* Sticky Bottom Bar Static Transition *\/\r\n #sticky-bottom-bar {\r\n padding-bottom: env(safe-area-inset-bottom, 16px);\r\n }\r\n\r\n \/* Optimization: Pre-defining visibility to prevent layout shift *\/\r\n .hero-img-container { min-height: 300px; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-luxury-black text-gray-300 antialiased overflow-x-hidden m-0 p-0 font-sans\">\r\n\r\n<div class=\"hera-foods-wrapper\">\r\n\r\n <!-- ================= HEADER \/ NAVBAR SECTION ================= -->\r\n <header class=\"w-full sticky top-0 z-[1000] flex flex-col shadow-xl\">\r\n <!-- Top Announcement Bar -->\r\n <div class=\"bg-gold-gradient text-black py-2 px-2 sm:px-6 w-full font-bold border-b border-gold\/50 relative overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto flex flex-col xl:flex-row items-center justify-center gap-2 xl:gap-4 relative z-10\">\r\n <div class=\"flex flex-row items-center justify-center gap-2 sm:gap-3 w-full xl:w-auto\">\r\n <div class=\"flex items-center gap-1.5 bg-luxury-black text-gold px-3 py-1 rounded-full border border-gold\/40 text-[11px] sm:text-sm md:text-base\">\r\n <i data-lucide=\"timer\" class=\"w-3.5 h-3.5 sm:w-4 sm:h-4\"><\/i>\r\n <span>\u0985\u09ab\u09be\u09b0 \u09b6\u09c7\u09b7: <span id=\"countdown-timer\" class=\"tracking-widest font-mono font-bold\">05:23:59<\/span><\/span>\r\n <\/div>\r\n <span class=\"flex items-center gap-1 sm:gap-1.5 bg-black\/10 px-2 py-1 rounded-full border border-black\/5 text-[11px] sm:text-sm md:text-base font-black\">\r\n <i data-lucide=\"tag\" class=\"w-3.5 h-3.5\"><\/i>\r\n <span class=\"line-through opacity-60\">\u20b91499<\/span> \r\n <span class=\"text-red-700 ml-0.5\">\u20b91299<\/span>\r\n <\/span>\r\n <\/div>\r\n <div class=\"flex flex-row items-center justify-center gap-2 sm:gap-3 w-full xl:w-auto text-[11px] sm:text-sm md:text-base\">\r\n <span class=\"flex items-center gap-1 sm:gap-1.5 bg-black\/10 px-2 py-1 rounded-full border border-black\/5\">\r\n <i data-lucide=\"credit-card\" class=\"w-3.5 h-3.5 text-red-700\"><\/i>\r\n \u09aa\u09cd\u09b0\u09bf\u09aa\u09c7\u0987\u09a1\u09c7 <span class=\"text-red-700 font-extrabold\">\u20b9100 \u099b\u09be\u09a1\u09bc<\/span>\r\n <\/span>\r\n <span class=\"flex items-center gap-1 sm:gap-1.5 bg-black\/10 px-2 py-1 rounded-full border border-black\/5\">\r\n <i data-lucide=\"truck\" class=\"w-3.5 h-3.5\"><\/i> \u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Main Navbar (Centered Logo) -->\r\n <nav class=\"bg-luxury-black\/95 backdrop-blur-md border-b border-gold\/20 w-full\">\r\n <div class=\"max-w-7xl mx-auto px-4 py-4 flex justify-center items-center\">\r\n <div class=\"flex items-center gap-2 md:gap-3\">\r\n <i data-lucide=\"crown\" class=\"text-gold w-6 h-6 md:w-8 md:h-8\"><\/i>\r\n <span class=\"text-xl md:text-3xl tracking-[0.2em] text-white font-extrabold uppercase\">Hera<span class=\"text-gold\">Foods<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n <\/header>\r\n\r\n <!-- ================= HERO SECTION ================= -->\r\n <section id=\"home\" class=\"relative min-h-[85vh] flex items-center pt-8 pb-20 overflow-hidden\">\r\n <!-- Glow Effect -->\r\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-full max-w-[800px] h-[500px] bg-gold\/10 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n\r\n <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full z-10\">\r\n <div class=\"flex flex-col lg:flex-row items-center gap-12 lg:gap-20\">\r\n \r\n <div class=\"lg:w-1\/2 text-center lg:text-left\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-gold\/30 bg-gold\/5 text-gold text-xs font-bold tracking-widest uppercase mb-8\">\r\n <i data-lucide=\"sparkles\" class=\"w-4 h-4\"><\/i> \u098f\u0995\u09cd\u09b8\u0995\u09cd\u09b2\u09c1\u09b8\u09bf\u09ad \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u09b8\u09bf\u09b2\u09c7\u0995\u09b6\u09a8\r\n <\/div>\r\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold mb-6 text-white leading-tight\">\r\n \u09a6\u09bf\u09a8\u09ad\u09b0 \u098f\u09a8\u09be\u09b0\u09cd\u099c\u09bf \u0993 \u09b8\u09c1\u09b8\u09cd\u09ac\u09be\u09b8\u09cd\u09a5\u09cd\u09af\u09c7\u09b0 \u099c\u09a8\u09cd\u09af <br>\r\n <span class=\"gold-text-gradient\">\u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u09b9\u09be\u09a8\u09bf \u09a8\u09be\u099f\u09b8<\/span>\r\n <\/h1>\r\n <p class=\"text-lg text-gray-400 mb-10 max-w-2xl mx-auto lg:mx-0 font-light leading-relaxed\">\r\n \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0\u09ac\u09a8\u09c7\u09b0 \u0996\u09be\u0981\u099f\u09bf \u09ae\u09a7\u09c1 \u098f\u09ac\u0982 \u09e7\u09ea\u099f\u09bf \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u09a1\u09cd\u09b0\u09be\u0987 \u09ab\u09cd\u09b0\u09c1\u099f\u09b8 \u0993 \u09b8\u09bf\u09a1\u09b8\u09c7\u09b0 \u098f\u0995 \u09b0\u09be\u099c\u0995\u09c0\u09af\u09bc \u09ae\u09bf\u09b6\u09cd\u09b0\u09a3\u0964 \u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u09cd\u09b0\u09a4\u09bf\u09a6\u09bf\u09a8\u09c7\u09b0 \u09aa\u09c1\u09b7\u09cd\u099f\u09bf\u09b0 \u099a\u09be\u09b9\u09bf\u09a6\u09be \u09ae\u09c7\u099f\u09be\u09a4\u09c7 \u0986\u099c\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09bf\u0997\u09a8\u09c7\u099a\u09be\u09b0 \u098f\u09a1\u09bf\u09b6\u09a8\u0964\r\n <\/p>\r\n \r\n <div class=\"flex flex-col sm:flex-row items-stretch gap-4 justify-center lg:justify-start mb-10\">\r\n <button data-wpc-product-id=\"478\" class=\"luxury-btn bg-gold-gradient text-black py-4 px-8 rounded-2xl shadow-xl flex flex-col justify-center items-center group\" onclick=\"document.getElementById('order-section').scrollIntoView()\">\r\n <div class=\"flex items-center gap-2 text-xl font-black uppercase mb-1\">\r\n <i data-lucide=\"shopping-bag\" class=\"w-6 h-6\"><\/i> \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\r\n <\/div>\r\n <div class=\"bg-black\/90 text-gold px-4 py-1 rounded-full text-[10px] sm:text-xs font-bold tracking-wide border border-gold\/30\">\r\n Prepaid Order 100 rupees Discount\r\n <\/div>\r\n <\/button>\r\n <a href=\"https:\/\/wa.me\/919836323209\" target=\"_blank\" class=\"luxury-btn bg-[#25D366] text-white py-4 px-8 rounded-2xl flex items-center justify-center gap-2 text-lg font-bold\">\r\n <i data-lucide=\"message-circle\" class=\"w-6 h-6\"><\/i> \u09b9\u09cb\u09af\u09bc\u09be\u099f\u09b8\u0985\u09cd\u09af\u09be\u09aa\u09c7 \u0985\u09b0\u09cd\u09a1\u09be\u09b0\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"flex flex-wrap justify-center lg:justify-start gap-4 text-sm text-gray-400 border-t border-white\/10 pt-8\">\r\n <div class=\"flex items-center gap-2 font-medium\"><i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-gold\"><\/i> 100% \u0996\u09be\u0981\u099f\u09bf \u09ae\u09a7\u09c1<\/div>\r\n <div class=\"flex items-center gap-2 font-medium\"><i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-gold\"><\/i> \u099c\u09bf\u09b0\u09cb \u0985\u09cd\u09af\u09be\u09a1\u09c7\u09a1 \u09b8\u09c1\u0997\u09be\u09b0<\/div>\r\n <div class=\"flex items-center gap-2 font-medium\"><i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-gold\"><\/i> \u0995\u09c7\u09ae\u09bf\u0995\u09cd\u09af\u09be\u09b2 \u09ae\u09c1\u0995\u09cd\u09a4<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:w-1\/2 relative hero-img-container\">\r\n <div class=\"relative w-full max-w-[450px] mx-auto rounded-[30px] bg-gold-gradient p-[2px] shadow-2xl\">\r\n <div class=\"bg-luxury-black rounded-[28px] overflow-hidden p-2\">\r\n <!-- Optimized Image Loading for Hero -->\r\n <img decoding=\"async\" src=\"https:\/\/herafoods.in\/wp-content\/uploads\/2026\/02\/Untitled-design-53-1-2.png\" \r\n alt=\"Premium Honey Nuts\" \r\n class=\"w-full h-auto object-contain\"\r\n loading=\"eager\"\r\n fetchpriority=\"high\">\r\n <\/div>\r\n <\/div>\r\n <!-- Rating Badge -->\r\n <div class=\"absolute -bottom-6 -left-4 md:-left-10 bg-luxury-black\/95 p-4 border border-gold\/30 flex items-center gap-3 shadow-2xl rounded-xl z-30\">\r\n <div class=\"text-gold\"><i data-lucide=\"star\" class=\"w-8 h-8 fill-gold\"><\/i><\/div>\r\n <div>\r\n <p class=\"font-bold text-white text-lg\">4.9\/5 \u09b0\u09c7\u099f\u09bf\u0982<\/p>\r\n <p class=\"text-[10px] text-gold uppercase tracking-tighter font-bold\">\u09e7\u09e6\u09e6\u09e6+ \u09b8\u09a8\u09cd\u09a4\u09c1\u09b7\u09cd\u099f \u0997\u09cd\u09b0\u09be\u09b9\u0995<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ================= 2. PROBLEM & SOLUTION SECTION ================= -->\r\n <section class=\"py-24 bg-luxury-dark border-t border-b border-gold\/10 relative overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <div class=\"text-center mb-16\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-gold\/20 bg-luxury-black text-gold text-xs font-bold tracking-widest uppercase mb-4 shadow-[0_0_15px_rgba(212,175,55,0.1)]\">\r\n <i data-lucide=\"target\" class=\"w-4 h-4\"><\/i> \u0995\u09c7\u09a8 \u0996\u09be\u09ac\u09c7\u09a8?\r\n <\/div>\r\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-bold text-white mb-6\">\r\n \u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u09cd\u09b0\u09a4\u09bf\u09a6\u09bf\u09a8\u09c7\u09b0 \u09b8\u09ae\u09b8\u09cd\u09af\u09be\u09b0 <br class=\"hidden md:block\">\r\n <span class=\"gold-text-gradient\">\u09aa\u09cd\u09b0\u09be\u0995\u09c3\u09a4\u09bf\u0995 \u09b8\u09ae\u09be\u09a7\u09be\u09a8<\/span>\r\n <\/h2>\r\n <div class=\"w-24 h-[2px] bg-gradient-to-r from-transparent via-gold to-transparent mx-auto\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n <!-- Problem 1 -->\r\n <div class=\"bg-luxury-black border border-white\/5 p-8 rounded-2xl relative group hover:border-gold\/30 shadow-lg\">\r\n <div class=\"flex flex-col items-center text-center\">\r\n <div class=\"w-14 h-14 bg-red-500\/10 rounded-full flex items-center justify-center mb-4 border border-red-500\/20\">\r\n <i data-lucide=\"battery-warning\" class=\"w-6 h-6 text-red-500\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-gray-300 mb-2\">\u09b6\u09be\u09b0\u09c0\u09b0\u09bf\u0995 \u09a6\u09c1\u09b0\u09cd\u09ac\u09b2\u09a4\u09be \u0993 \u0995\u09cd\u09b2\u09be\u09a8\u09cd\u09a4\u09bf?<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-6\">\u0985\u09b2\u09cd\u09aa \u09aa\u09b0\u09bf\u09b6\u09cd\u09b0\u09ae\u09c7 \u09b9\u09be\u0981\u09aa\u09bf\u09af\u09bc\u09c7 \u0993\u09a0\u09be \u098f\u09ac\u0982 \u09b8\u09be\u09b0\u09be\u09a6\u09bf\u09a8 \u098f\u09a8\u09be\u09b0\u09cd\u099c\u09bf\u09b0 \u0985\u09ad\u09be\u09ac\u0964<\/p>\r\n \r\n <div class=\"w-full h-px bg-gradient-to-r from-transparent via-gold\/30 to-transparent mb-6\"><\/div>\r\n \r\n <div class=\"flex items-center gap-3 text-gold font-bold\">\r\n <i data-lucide=\"zap\" class=\"w-5 h-5 fill-gold\/20\"><\/i>\r\n <span>\u0987\u09a8\u09b8\u09cd\u099f\u09cd\u09af\u09be\u09a8\u09cd\u099f \u098f\u09a8\u09be\u09b0\u09cd\u099c\u09bf \u09ac\u09c1\u09b8\u09cd\u099f<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Problem 2 -->\r\n <div class=\"bg-luxury-black border border-white\/5 p-8 rounded-2xl relative group hover:border-gold\/30 shadow-lg\">\r\n <div class=\"flex flex-col items-center text-center\">\r\n <div class=\"w-14 h-14 bg-orange-500\/10 rounded-full flex items-center justify-center mb-4 border border-orange-500\/20\">\r\n <i data-lucide=\"brain-circuit\" class=\"w-6 h-6 text-orange-500\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-gray-300 mb-2\">\u09b8\u09cd\u09ae\u09c3\u09a4\u09bf\u09b6\u0995\u09cd\u09a4\u09bf \u0993 \u09ab\u09cb\u0995\u09be\u09b8\u09c7\u09b0 \u0985\u09ad\u09be\u09ac?<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-6\">\u0995\u09be\u099c\u09c7 \u09ae\u09a8 \u09ac\u09b8\u09be\u09a4\u09c7 \u09a8\u09be \u09aa\u09be\u09b0\u09be \u098f\u09ac\u0982 \u09ad\u09c1\u09b2\u09c7 \u09af\u09be\u0993\u09df\u09be\u09b0 \u09aa\u09cd\u09b0\u09ac\u09a3\u09a4\u09be\u0964<\/p>\r\n \r\n <div class=\"w-full h-px bg-gradient-to-r from-transparent via-gold\/30 to-transparent mb-6\"><\/div>\r\n \r\n <div class=\"flex items-center gap-3 text-gold font-bold\">\r\n <i data-lucide=\"brain\" class=\"w-5 h-5 fill-gold\/20\"><\/i>\r\n <span>\u09ac\u09cd\u09b0\u09c7\u0987\u09a8\u09c7\u09b0 \u0995\u09be\u09b0\u09cd\u09af\u0995\u09cd\u09b7\u09ae\u09a4\u09be \u09ac\u09c3\u09a6\u09cd\u09a7\u09bf<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Problem 3 -->\r\n <div class=\"bg-luxury-black border border-white\/5 p-8 rounded-2xl relative group hover:border-gold\/30 shadow-lg\">\r\n <div class=\"flex flex-col items-center text-center\">\r\n <div class=\"w-14 h-14 bg-blue-500\/10 rounded-full flex items-center justify-center mb-4 border border-blue-500\/20\">\r\n <i data-lucide=\"shield-alert\" class=\"w-6 h-6 text-blue-500\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-gray-300 mb-2\">\u09b0\u09cb\u0997 \u09aa\u09cd\u09b0\u09a4\u09bf\u09b0\u09cb\u09a7 \u0995\u09cd\u09b7\u09ae\u09a4\u09be \u0995\u09ae?<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-6\">\u0998\u09a8 \u0998\u09a8 \u09b8\u09b0\u09cd\u09a6\u09bf, \u0995\u09be\u09b6\u09bf \u09ac\u09be \u0985\u09a8\u09cd\u09af\u09be\u09a8\u09cd\u09af \u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09b6\u09be\u09b0\u09c0\u09b0\u09bf\u0995 \u0985\u09b8\u09c1\u09b8\u09cd\u09a5\u09a4\u09be\u0964<\/p>\r\n \r\n <div class=\"w-full h-px bg-gradient-to-r from-transparent via-gold\/30 to-transparent mb-6\"><\/div>\r\n \r\n <div class=\"flex items-center gap-3 text-gold font-bold\">\r\n <i data-lucide=\"shield-check\" class=\"w-5 h-5 fill-gold\/20\"><\/i>\r\n <span>\u0987\u09ae\u09bf\u0989\u09a8\u09bf\u099f\u09bf \u09b8\u09bf\u09b8\u09cd\u099f\u09c7\u09ae \u09b6\u0995\u09cd\u09a4\u09bf\u09b6\u09be\u09b2\u09c0<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ================= 3. INGREDIENTS SECTION ================= -->\r\n <section class=\"py-24 bg-luxury-black border-b border-gold\/10 relative overflow-hidden\">\r\n <!-- Subtle Background Elements for Depth -->\r\n <div class=\"absolute top-20 left-10 w-72 h-72 bg-gold\/5 rounded-full blur-[80px] pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-20 right-10 w-96 h-96 bg-gold\/5 rounded-full blur-[100px] pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <!-- Section Heading -->\r\n <div class=\"text-center mb-20\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-gold\/20 bg-luxury-dark text-gold text-xs font-bold tracking-widest uppercase mb-4\">\r\n <i data-lucide=\"star\" class=\"w-3 h-3 fill-gold\"><\/i> Premium Selection\r\n <\/div>\r\n <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6 leading-tight\">\r\n \u09e7\u09ea\u099f\u09bf \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 <br class=\"hidden md:block\">\r\n <span class=\"gold-text-gradient\">\u09b8\u09bf\u0997\u09a8\u09c7\u099a\u09be\u09b0 \u09b8\u09c1\u09aa\u09be\u09b0\u09ab\u09c1\u09a1 \u09ae\u09bf\u09b6\u09cd\u09b0\u09a3<\/span>\r\n <\/h2>\r\n <div class=\"w-24 h-[2px] bg-gradient-to-r from-transparent via-gold to-transparent mx-auto\"><\/div>\r\n <\/div>\r\n\r\n <!-- Luxury Ingredients Grid -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\r\n <!-- Card 1 -->\r\n <div class=\"ingredient-card border border-white\/5 p-8 flex flex-col items-center text-center group rounded-lg relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-20 h-20 bg-gold\/5 rounded-bl-full pointer-events-none group-hover:bg-gold\/10\"><\/div>\r\n <div class=\"icon-wrapper w-16 h-16 border border-gold\/20 rounded-2xl flex items-center justify-center mb-6 bg-luxury-black shadow-inner\">\r\n <i data-lucide=\"droplet\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-1\">\u09b8\u09c1\u09a8\u09cd\u09a6\u09b0\u09ac\u09a8\u09c7\u09b0 \u0996\u09be\u0981\u099f\u09bf \u09ae\u09a7\u09c1<\/h3>\r\n <p class=\"text-sm text-gold\/80 font-medium tracking-wide\">\u0987\u09a8\u09b8\u09cd\u099f\u09cd\u09af\u09be\u09a8\u09cd\u099f \u098f\u09a8\u09be\u09b0\u09cd\u099c\u09bf \u09b8\u09cb\u09b0\u09cd\u09b8<\/p>\r\n <\/div>\r\n <!-- Card 2 -->\r\n <div class=\"ingredient-card border border-white\/5 p-8 flex flex-col items-center text-center group rounded-lg relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-20 h-20 bg-gold\/5 rounded-bl-full pointer-events-none group-hover:bg-gold\/10\"><\/div>\r\n <div class=\"icon-wrapper w-16 h-16 border border-gold\/20 rounded-2xl flex items-center justify-center mb-6 bg-luxury-black shadow-inner\">\r\n <i data-lucide=\"nut\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-1\">\u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u0995\u09be\u099c\u09c1<\/h3>\r\n <p class=\"text-sm text-gold\/80 font-medium tracking-wide\">\u09b9\u09be\u09b0\u09cd\u099f\u09c7\u09b0 \u09b8\u09c1\u09b8\u09cd\u09a5\u09a4\u09be \u0993 \u09aa\u09cd\u09b0\u09cb\u099f\u09bf\u09a8<\/p>\r\n <\/div>\r\n <!-- Card 3 -->\r\n <div class=\"ingredient-card border border-white\/5 p-8 flex flex-col items-center text-center group rounded-lg relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-20 h-20 bg-gold\/5 rounded-bl-full pointer-events-none group-hover:bg-gold\/10\"><\/div>\r\n <div class=\"icon-wrapper w-16 h-16 border border-gold\/20 rounded-2xl flex items-center justify-center mb-6 bg-luxury-black shadow-inner\">\r\n <i data-lucide=\"leaf\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-1\">\u0995\u09be\u09a0\u09ac\u09be\u09a6\u09be\u09ae<\/h3>\r\n <p class=\"text-sm text-gold\/80 font-medium tracking-wide\">\u09ac\u09cd\u09b0\u09c7\u0987\u09a8\u09c7\u09b0 \u0995\u09be\u09b0\u09cd\u09af\u0995\u09cd\u09b7\u09ae\u09a4\u09be \u09ac\u09c3\u09a6\u09cd\u09a7\u09bf<\/p>\r\n <\/div>\r\n <!-- Card 4 -->\r\n <div class=\"ingredient-card border border-white\/5 p-8 flex flex-col items-center text-center group rounded-lg relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-20 h-20 bg-gold\/5 rounded-bl-full pointer-events-none group-hover:bg-gold\/10\"><\/div>\r\n <div class=\"icon-wrapper w-16 h-16 border border-gold\/20 rounded-2xl flex items-center justify-center mb-6 bg-luxury-black shadow-inner\">\r\n <i data-lucide=\"brain\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-1\">\u0986\u0996\u09b0\u09cb\u099f<\/h3>\r\n <p class=\"text-sm text-gold\/80 font-medium tracking-wide\">\u0993\u09ae\u09c7\u0997\u09be-\u09e9 \u0993 \u09ae\u09c7\u09ae\u09cb\u09b0\u09bf \u09b6\u09be\u09b0\u09cd\u09aa<\/p>\r\n <\/div>\r\n <!-- Card 5 -->\r\n <div class=\"ingredient-card border border-white\/5 p-8 flex flex-col items-center text-center group rounded-lg relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-20 h-20 bg-gold\/5 rounded-bl-full pointer-events-none group-hover:bg-gold\/10\"><\/div>\r\n <div class=\"icon-wrapper w-16 h-16 border border-gold\/20 rounded-2xl flex items-center justify-center mb-6 bg-luxury-black shadow-inner\">\r\n <i data-lucide=\"apple\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-1\">\u0986\u099e\u09cd\u099c\u09bf\u09b0 (Fig)<\/h3>\r\n <p class=\"text-sm text-gold\/80 font-medium tracking-wide\">\u0995\u09cd\u09af\u09be\u09b2\u09b8\u09bf\u09af\u09bc\u09be\u09ae \u0993 \u09b9\u09be\u09a1\u09bc \u09ae\u099c\u09ac\u09c1\u09a4<\/p>\r\n <\/div>\r\n <!-- Card 6 -->\r\n <div class=\"ingredient-card border border-white\/5 p-8 flex flex-col items-center text-center group rounded-lg relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-20 h-20 bg-gold\/5 rounded-bl-full pointer-events-none group-hover:bg-gold\/10\"><\/div>\r\n <div class=\"icon-wrapper w-16 h-16 border border-gold\/20 rounded-2xl flex items-center justify-center mb-6 bg-luxury-black shadow-inner\">\r\n <i data-lucide=\"citrus\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-1\">\u0985\u09cd\u09af\u09be\u09aa\u09cd\u09b0\u09bf\u0995\u099f<\/h3>\r\n <p class=\"text-sm text-gold\/80 font-medium tracking-wide\">\u09ad\u09bf\u099f\u09be\u09ae\u09bf\u09a8 \u098f \u0993 \u099a\u09cb\u0996\u09c7\u09b0 \u09a6\u09c3\u09b7\u09cd\u099f\u09bf<\/p>\r\n <\/div>\r\n <!-- Card 7 -->\r\n <div class=\"ingredient-card border border-white\/5 p-8 flex flex-col items-center text-center group rounded-lg relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-20 h-20 bg-gold\/5 rounded-bl-full pointer-events-none group-hover:bg-gold\/10\"><\/div>\r\n <div class=\"icon-wrapper w-16 h-16 border border-gold\/20 rounded-2xl flex items-center justify-center mb-6 bg-luxury-black shadow-inner\">\r\n <i data-lucide=\"palmtree\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-1\">\u09ae\u09b0\u09bf\u09af\u09bc\u09ae \u0996\u09c7\u099c\u09c1\u09b0<\/h3>\r\n <p class=\"text-sm text-gold\/80 font-medium tracking-wide\">\u09b0\u0995\u09cd\u09a4\u09b6\u09c2\u09a8\u09cd\u09af\u09a4\u09be \u09a6\u09c2\u09b0 \u0993 \u0986\u09af\u09bc\u09b0\u09a8<\/p>\r\n <\/div>\r\n <!-- Card 8 -->\r\n <div class=\"ingredient-card border border-white\/5 p-8 flex flex-col items-center text-center group rounded-lg relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-20 h-20 bg-gold\/5 rounded-bl-full pointer-events-none group-hover:bg-gold\/10\"><\/div>\r\n <div class=\"icon-wrapper w-16 h-16 border border-gold\/20 rounded-2xl flex items-center justify-center mb-6 bg-luxury-black shadow-inner\">\r\n <i data-lucide=\"grape\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-1\">\u0995\u09be\u09b2\u09cb \u0995\u09bf\u09b8\u09ae\u09bf\u09b8<\/h3>\r\n <p class=\"text-sm text-gold\/80 font-medium tracking-wide\">\u0985\u09cd\u09af\u09be\u09a8\u09cd\u099f\u09bf\u0985\u0995\u09cd\u09b8\u09bf\u09a1\u09c7\u09a8\u09cd\u099f \u0993 \u0987\u09ae\u09bf\u0989\u09a8\u09bf\u099f\u09bf<\/p>\r\n <\/div>\r\n <!-- Card 9 -->\r\n <div class=\"ingredient-card border border-white\/5 p-8 flex flex-col items-center text-center group rounded-lg relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-20 h-20 bg-gold\/5 rounded-bl-full pointer-events-none group-hover:bg-gold\/10\"><\/div>\r\n <div class=\"icon-wrapper w-16 h-16 border border-gold\/20 rounded-2xl flex items-center justify-center mb-6 bg-luxury-black shadow-inner\">\r\n <i data-lucide=\"sparkles\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-1\">\u0997\u09cb\u09b2\u09cd\u09a1\u09c7\u09a8 \u0995\u09bf\u09b8\u09ae\u09bf\u09b8<\/h3>\r\n <p class=\"text-sm text-gold\/80 font-medium tracking-wide\">\u09b8\u09c1\u09b8\u09cd\u09a5 \u09aa\u09b0\u09bf\u09aa\u09be\u0995\u09a4\u09a8\u09cd\u09a4\u09cd\u09b0 \u0993 \u09b9\u099c\u09ae<\/p>\r\n <\/div>\r\n <!-- Card 10 -->\r\n <div class=\"ingredient-card border border-white\/5 p-8 flex flex-col items-center text-center group rounded-lg relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-20 h-20 bg-gold\/5 rounded-bl-full pointer-events-none group-hover:bg-gold\/10\"><\/div>\r\n <div class=\"icon-wrapper w-16 h-16 border border-gold\/20 rounded-2xl flex items-center justify-center mb-6 bg-luxury-black shadow-inner\">\r\n <i data-lucide=\"sun\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-1\">\u0995\u09c1\u09ae\u09a1\u09bc\u09be\u09b0 \u0993 \u09b8\u09c2\u09b0\u09cd\u09af\u09ae\u09c1\u0996\u09c0 \u09ac\u09c0\u099c<\/h3>\r\n <p class=\"text-sm text-gold\/80 font-medium tracking-wide\">\u09ae\u09cd\u09af\u09be\u0997\u09a8\u09c7\u09b8\u09bf\u09af\u09bc\u09be\u09ae \u0993 \u099c\u09bf\u0982\u0995<\/p>\r\n <\/div>\r\n <!-- Card 11 -->\r\n <div class=\"ingredient-card border border-white\/5 p-8 flex flex-col items-center text-center group rounded-lg relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-20 h-20 bg-gold\/5 rounded-bl-full pointer-events-none group-hover:bg-gold\/10\"><\/div>\r\n <div class=\"icon-wrapper w-16 h-16 border border-gold\/20 rounded-2xl flex items-center justify-center mb-6 bg-luxury-black shadow-inner\">\r\n <i data-lucide=\"cherry\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-1\">\u09a1\u09cd\u09b0\u09be\u0987 \u0986\u09b2\u09c1\u09ac\u09cb\u0996\u09be\u09b0\u09be<\/h3>\r\n <p class=\"text-sm text-gold\/80 font-medium tracking-wide\">\u09a4\u09cd\u09ac\u0995\u09c7\u09b0 \u0989\u099c\u09cd\u099c\u09cd\u09ac\u09b2\u09a4\u09be \u0993 \u09b8\u09c1\u09b0\u0995\u09cd\u09b7\u09be<\/p>\r\n <\/div>\r\n <!-- Elevated CTA Card -->\r\n <div class=\"bg-gold-gradient p-[2px] group cursor-pointer rounded-lg shadow-[0_0_20px_rgba(212,175,55,0.2)] hover:shadow-[0_0_40px_rgba(212,175,55,0.4)]\" onclick=\"document.getElementById('order-section').scrollIntoView()\">\r\n <div class=\"bg-[#0a0a0a] h-full w-full flex flex-col items-center justify-center p-8 rounded-lg relative overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gold\/5 group-hover:bg-gold\/20\"><\/div>\r\n <i data-lucide=\"shopping-bag\" class=\"w-10 h-10 text-gold mb-4 relative z-10\"><\/i>\r\n <h3 class=\"text-xl font-bold text-white mb-1 relative z-10\">\u0986\u099c\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8<\/h3>\r\n <p class=\"text-sm text-gold font-medium tracking-wide relative z-10\">\u09b8\u09cd\u09aa\u09c7\u09b6\u09be\u09b2 \u09a1\u09bf\u09b8\u0995\u09be\u0989\u09a8\u09cd\u099f \u099a\u09b2\u099b\u09c7<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ================= 4. BENEFITS SECTION ================= -->\r\n <section class=\"py-24 bg-luxury-dark border-t border-b border-gold\/10 relative overflow-hidden\">\r\n <!-- Subtle Glow Elements -->\r\n <div class=\"absolute -left-40 top-1\/4 w-96 h-96 bg-gold\/5 rounded-full blur-[100px] pointer-events-none\"><\/div>\r\n <div class=\"absolute -right-40 bottom-1\/4 w-96 h-96 bg-gold\/5 rounded-full blur-[100px] pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <div class=\"flex flex-col lg:flex-row items-start gap-16\">\r\n <!-- Left Side: Sticky Image Wrapper -->\r\n <div class=\"lg:w-5\/12 w-full lg:sticky lg:top-10\">\r\n <div class=\"relative w-full flex items-center justify-center group\">\r\n <!-- Premium Glow Effect behind image on hover -->\r\n <div class=\"absolute inset-0 bg-gold\/20 blur-3xl rounded-xl opacity-0 group-hover:opacity-100 z-0\"><\/div>\r\n \r\n <!-- Speed Optimization: Added loading=\"lazy\" and decoding=\"async\" -->\r\n <img src=\"https:\/\/herafoods.in\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-10-at-9.52.56-PM-2.jpeg\" alt=\"Benefits of Hera Foods Honey Nuts\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-auto object-cover rounded-2xl border border-gold\/40 shadow-[0_0_50px_rgba(212,175,55,0.2)] relative z-10\">\r\n \r\n <!-- Floating Badge -->\r\n <div class=\"absolute -bottom-6 -right-6 bg-luxury-black border border-gold\/50 p-4 rounded-xl shadow-2xl z-20 hidden md:block\">\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 bg-gold rounded-full flex items-center justify-center text-black\">\r\n <i data-lucide=\"award\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs text-gold font-bold uppercase tracking-tighter\">Premium Quality<\/p>\r\n <p class=\"text-white font-bold\">\u09e7\u09e6\u09e6% \u09aa\u09cd\u09b0\u09be\u0995\u09c3\u09a4\u09bf\u0995<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right Side: Benefits Content -->\r\n <div class=\"lg:w-7\/12 w-full\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 border border-gold\/30 bg-gold\/5 rounded-full text-gold text-xs font-bold tracking-widest uppercase mb-6\">\r\n <i data-lucide=\"sparkles\" class=\"w-4 h-4\"><\/i> \u0995\u09c7\u09a8 \u09b8\u09c7\u09b0\u09be?\r\n <\/div>\r\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-bold text-white mb-12 leading-tight\">\r\n \u098f\u0987 \u09b9\u09be\u09a8\u09bf \u09a8\u09be\u099f\u09b8 \u0995\u09c7\u09a8 \u0986\u09aa\u09a8\u09be\u09b0 <br class=\"hidden md:block\">\r\n <span class=\"gold-text-gradient\">\u09aa\u09cd\u09b0\u09a4\u09bf\u09a6\u09bf\u09a8\u09c7\u09b0 \u09a1\u09be\u09af\u09bc\u09c7\u099f\u09c7 \u09b0\u09be\u0996\u09be \u0989\u099a\u09bf\u09a4?<\/span>\r\n <\/h2>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-1 gap-8\">\r\n <!-- Benefit 1: Energy -->\r\n <div class=\"benefit-card flex gap-6 group\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <div class=\"w-14 h-14 border border-gold\/20 bg-luxury-black rounded-xl flex items-center justify-center group-hover:bg-gold\/10 group-hover:border-gold\/50 shadow-lg\">\r\n <i data-lucide=\"zap\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-white mb-2 group-hover:text-gold\">\u0987\u09a8\u09b8\u09cd\u099f\u09cd\u09af\u09be\u09a8\u09cd\u099f \u098f\u09a8\u09be\u09b0\u09cd\u099c\u09bf \u09ac\u09c1\u09b8\u09cd\u099f\u09be\u09b0<\/h3>\r\n <p class=\"text-gray-400 font-light leading-relaxed text-lg\">\u0996\u09be\u0981\u099f\u09bf \u09ae\u09a7\u09c1 \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u09ae\u09be\u09a8\u09c7\u09b0 \u0996\u09c7\u099c\u09c1\u09b0 \u09ae\u09c1\u09b9\u09c2\u09b0\u09cd\u09a4\u09c7\u0987 \u09b6\u09b0\u09c0\u09b0\u09c7\u09b0 \u0995\u09cd\u09b2\u09be\u09a8\u09cd\u09a4\u09bf \u09a6\u09c2\u09b0 \u0995\u09b0\u09c7\u0964 \u098f\u099f\u09bf \u09a6\u09c0\u09b0\u09cd\u0998\u0995\u09cd\u09b7\u09a3 \u0995\u09be\u099c \u0995\u09b0\u09be\u09b0 \u0985\u09ab\u09c1\u09b0\u09a8\u09cd\u09a4 \u09aa\u09cd\u09b0\u09be\u0995\u09c3\u09a4\u09bf\u0995 \u09b6\u0995\u09cd\u09a4\u09bf \u099c\u09cb\u0997\u09be\u09af\u09bc\u0964<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- Benefit 2: Brain & Heart -->\r\n <div class=\"benefit-card flex gap-6 group border-t border-gold\/5 pt-8\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <div class=\"w-14 h-14 border border-gold\/20 bg-luxury-black rounded-xl flex items-center justify-center group-hover:bg-gold\/10 group-hover:border-gold\/50 shadow-lg\">\r\n <i data-lucide=\"brain\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-white mb-2 group-hover:text-gold\">\u09ac\u09cd\u09b0\u09c7\u0987\u09a8 \u0993 \u09b9\u09be\u09b0\u09cd\u099f\u09c7\u09b0 \u09b8\u09c1\u09b0\u0995\u09cd\u09b7\u09be<\/h3>\r\n <p class=\"text-gray-400 font-light leading-relaxed text-lg\">\u0993\u09ae\u09c7\u0997\u09be-\u09e9 \u09b8\u09ae\u09c3\u09a6\u09cd\u09a7 \u0986\u0996\u09b0\u09cb\u099f \u098f\u09ac\u0982 \u0995\u09be\u09a0\u09ac\u09be\u09a6\u09be\u09ae \u09ae\u09b8\u09cd\u09a4\u09bf\u09b7\u09cd\u0995\u09c7\u09b0 \u09b8\u09cd\u09ae\u09c3\u09a4\u09bf\u09b6\u0995\u09cd\u09a4\u09bf \u09a7\u09be\u09b0\u09be\u09b2\u09cb \u0995\u09b0\u09c7 \u098f\u09ac\u0982 \u09b0\u0995\u09cd\u09a4\u09c7\u09b0 \u09ac\u09be\u099c\u09c7 \u0995\u09cb\u09b2\u09c7\u09b8\u09cd\u099f\u09c7\u09b0\u09b2 \u0995\u09ae\u09bf\u09af\u09bc\u09c7 \u09b9\u09be\u09b0\u09cd\u099f \u09b8\u09c1\u09b8\u09cd\u09a5 \u09b0\u09be\u0996\u09c7\u0964<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- Benefit 3: Digestion -->\r\n <div class=\"benefit-card flex gap-6 group border-t border-gold\/5 pt-8\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <div class=\"w-14 h-14 border border-gold\/20 bg-luxury-black rounded-xl flex items-center justify-center group-hover:bg-gold\/10 group-hover:border-gold\/50 shadow-lg\">\r\n <i data-lucide=\"refresh-cw\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-white mb-2 group-hover:text-gold\">\u09b9\u099c\u09ae\u09b6\u0995\u09cd\u09a4\u09bf \u0993 \u09ac\u09bf\u09aa\u09be\u0995 \u09ac\u09c3\u09a6\u09cd\u09a7\u09bf<\/h3>\r\n <p class=\"text-gray-400 font-light leading-relaxed text-lg\">\u09ae\u09a7\u09c1\u09a4\u09c7 \u09a5\u09be\u0995\u09be \u09aa\u09cd\u09b0\u09be\u0995\u09c3\u09a4\u09bf\u0995 \u098f\u09a8\u099c\u09be\u0987\u09ae \u098f\u09ac\u0982 \u09ac\u09be\u09a6\u09be\u09ae\u09c7\u09b0 \u09ab\u09be\u0987\u09ac\u09be\u09b0 \u09b9\u099c\u09ae \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be\u0995\u09c7 \u0989\u09a8\u09cd\u09a8\u09a4 \u0995\u09b0\u09c7 \u098f\u09ac\u0982 \u0995\u09cb\u09b7\u09cd\u09a0\u0995\u09be\u09a0\u09bf\u09a8\u09cd\u09af \u09a6\u09c2\u09b0 \u0995\u09b0\u09a4\u09c7 \u09a6\u09be\u09b0\u09c1\u09a3 \u0995\u09be\u09b0\u09cd\u09af\u0995\u09b0\u09c0 \u09ad\u09c2\u09ae\u09bf\u0995\u09be \u09b0\u09be\u0996\u09c7\u0964<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- Benefit 4: Immunity -->\r\n <div class=\"benefit-card flex gap-6 group border-t border-gold\/5 pt-8\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <div class=\"w-14 h-14 border border-gold\/20 bg-luxury-black rounded-xl flex items-center justify-center group-hover:bg-gold\/10 group-hover:border-gold\/50 shadow-lg\">\r\n <i data-lucide=\"shield-check\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-white mb-2 group-hover:text-gold\">\u09b0\u09cb\u0997 \u09aa\u09cd\u09b0\u09a4\u09bf\u09b0\u09cb\u09a7 \u0995\u09cd\u09b7\u09ae\u09a4\u09be \u09ac\u09c3\u09a6\u09cd\u09a7\u09bf<\/h3>\r\n <p class=\"text-gray-400 font-light leading-relaxed text-lg\">\u0995\u09be\u09b2\u09cb\u099c\u09bf\u09b0\u09be \u0993 \u09ae\u09a7\u09c1\u09b0 \u0985\u09cd\u09af\u09be\u09a8\u09cd\u099f\u09bf-\u0985\u0995\u09cd\u09b8\u09bf\u09a1\u09c7\u09a8\u09cd\u099f \u09b6\u09b0\u09c0\u09b0\u09c7\u09b0 \u0987\u09ae\u09bf\u0989\u09a8\u09bf\u099f\u09bf \u09b8\u09bf\u09b8\u09cd\u099f\u09c7\u09ae\u0995\u09c7 \u09b6\u0995\u09cd\u09a4\u09bf\u09b6\u09be\u09b2\u09c0 \u0995\u09b0\u09c7, \u09af\u09be \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u099c\u09cd\u09ac\u09b0-\u09b8\u09b0\u09cd\u09a6\u09bf \u0993 \u09ad\u09be\u0987\u09b0\u09be\u09b8 \u09a5\u09c7\u0995\u09c7 \u09a6\u09c2\u09b0\u09c7 \u09b0\u09be\u0996\u09c7\u0964<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- Benefit 5: Skin & Hair -->\r\n <div class=\"benefit-card flex gap-6 group border-t border-gold\/5 pt-8\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <div class=\"w-14 h-14 border border-gold\/20 bg-luxury-black rounded-xl flex items-center justify-center group-hover:bg-gold\/10 group-hover:border-gold\/50 shadow-lg\">\r\n <i data-lucide=\"smile\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-white mb-2 group-hover:text-gold\">\u09a4\u09cd\u09ac\u0995\u09c7\u09b0 \u0989\u099c\u09cd\u099c\u09cd\u09ac\u09b2\u09a4\u09be \u0993 \u09a4\u09be\u09b0\u09c1\u09a3\u09cd\u09af<\/h3>\r\n <p class=\"text-gray-400 font-light leading-relaxed text-lg\">\u09ad\u09bf\u099f\u09be\u09ae\u09bf\u09a8-\u0987 \u098f\u09ac\u0982 \u09ab\u09cd\u09af\u09be\u099f\u09bf \u0985\u09cd\u09af\u09be\u09b8\u09bf\u09a1 \u09a4\u09cd\u09ac\u0995\u09c7\u09b0 \u09b6\u09c1\u09b7\u09cd\u0995\u09a4\u09be \u09a6\u09c2\u09b0 \u0995\u09b0\u09c7 \u09ad\u09c7\u09a4\u09b0 \u09a5\u09c7\u0995\u09c7 \u0989\u099c\u09cd\u099c\u09cd\u09ac\u09b2\u09a4\u09be \u09ac\u09be\u09a1\u09bc\u09be\u09af\u09bc \u098f\u09ac\u0982 \u0985\u0995\u09be\u09b2 \u09ac\u09be\u09b0\u09cd\u09a7\u0995\u09cd\u09af \u09ac\u09be \u09ac\u09b2\u09bf\u09b0\u09c7\u0996\u09be \u09b0\u09cb\u09a7 \u0995\u09b0\u09a4\u09c7 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0995\u09b0\u09c7\u0964<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- Benefit 6: Bone Health -->\r\n <div class=\"benefit-card flex gap-6 group border-t border-gold\/5 pt-8\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <div class=\"w-14 h-14 border border-gold\/20 bg-luxury-black rounded-xl flex items-center justify-center group-hover:bg-gold\/10 group-hover:border-gold\/50 shadow-lg\">\r\n <i data-lucide=\"activity\" class=\"w-7 h-7 text-gold\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-white mb-2 group-hover:text-gold\">\u09b9\u09be\u09a1\u09bc \u0993 \u09a6\u09be\u0981\u09a4\u09c7\u09b0 \u09ae\u099c\u09ac\u09c1\u09a4 \u0997\u09a0\u09a8<\/h3>\r\n <p class=\"text-gray-400 font-light leading-relaxed text-lg\">\u098f\u09a4\u09c7 \u09a5\u09be\u0995\u09be \u0995\u09cd\u09af\u09be\u09b2\u09b8\u09bf\u09af\u09bc\u09be\u09ae \u0993 \u09ab\u09b8\u09ab\u09b0\u09be\u09b8 \u09b9\u09be\u09a1\u09bc\u09c7\u09b0 \u0998\u09a8\u09a4\u09cd\u09ac \u09ac\u09c3\u09a6\u09cd\u09a7\u09bf \u0995\u09b0\u09c7 \u098f\u09ac\u0982 \u09a6\u09be\u0981\u09a4\u09c7\u09b0 \u09ae\u09be\u09a1\u09bc\u09bf \u09b6\u0995\u09cd\u09a4 \u0995\u09b0\u09a4\u09c7 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0995\u09b0\u09c7\u0964 \u09ac\u09be\u09a1\u09bc\u09a8\u09cd\u09a4 \u09b6\u09bf\u09b6\u09c1 \u0993 \u09ac\u09af\u09bc\u09b8\u09cd\u0995\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u099f\u09bf \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u0989\u09aa\u0995\u09be\u09b0\u09c0\u0964<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ================= 6. REVIEWS & OFFER SECTION ================= -->\r\n <section class=\"py-24 bg-luxury-black border-t border-gold\/10 relative overflow-hidden\">\r\n <!-- Subtle Background Glow -->\r\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-[600px] h-[600px] bg-gold\/5 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <!-- Section Heading -->\r\n <div class=\"text-center mb-20\">\r\n <p class=\"text-gold uppercase tracking-[0.3em] text-xs mb-4 font-bold\">What Our Clients Say<\/p>\r\n <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6\">\r\n \u09b8\u09a8\u09cd\u09a4\u09c1\u09b7\u09cd\u099f \u0997\u09cd\u09b0\u09be\u09b9\u0995\u09a6\u09c7\u09b0 <span class=\"gold-text-gradient\">\u09ae\u09a4\u09be\u09ae\u09a4<\/span>\r\n <\/h2>\r\n <div class=\"w-24 h-[2px] bg-gradient-to-r from-transparent via-gold to-transparent mx-auto\"><\/div>\r\n <\/div>\r\n \r\n <!-- Reviews Grid -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-24\">\r\n <!-- Review 1 -->\r\n <div class=\"bg-luxury-card p-8 rounded-xl border border-gold\/10 text-left relative group hover:border-gold\/40 shadow-xl\">\r\n <i data-lucide=\"quote\" class=\"absolute top-6 right-6 w-10 h-10 text-gold\/5 group-hover:text-gold\/10\"><\/i>\r\n <div class=\"flex gap-1 text-gold mb-6\">\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <\/div>\r\n <p class=\"text-gray-300 italic font-light mb-8 text-lg leading-relaxed\">\r\n \"\u0985\u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u0995\u09cb\u09af\u09bc\u09be\u09b2\u09bf\u099f\u09bf! \u09aa\u09cd\u09b0\u09a4\u09bf\u09a6\u09bf\u09a8 \u09b8\u0995\u09be\u09b2\u09c7 \u098f\u0995 \u099a\u09be\u09ae\u099a \u0996\u09be\u0987, \u09b8\u09be\u09b0\u09be\u09a6\u09bf\u09a8 \u0996\u09c1\u09ac \u09ab\u09cd\u09b0\u09c7\u09b6 \u09b2\u09be\u0997\u09c7\u0964 \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c\u09bf\u0982\u0993 \u0996\u09c1\u09ac \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u099b\u09bf\u09b2\u0964\"\r\n <\/p>\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-luxury-black border border-gold\/30 flex items-center justify-center text-gold font-bold\">S<\/div>\r\n <div>\r\n <p class=\"font-bold text-white tracking-wide\">\u09b8\u09cc\u09ae\u09bf\u09a4\u09cd\u09b0 \u099a\u09cd\u09af\u09be\u099f\u09be\u09b0\u09cd\u099c\u09c0<\/p>\r\n <p class=\"text-sm text-gold\/70\">\u0995\u09b2\u0995\u09be\u09a4\u09be<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Review 2 -->\r\n <div class=\"bg-luxury-card p-8 rounded-xl border border-gold\/10 text-left relative group hover:border-gold\/40 shadow-xl\">\r\n <i data-lucide=\"quote\" class=\"absolute top-6 right-6 w-10 h-10 text-gold\/5 group-hover:text-gold\/10\"><\/i>\r\n <div class=\"flex gap-1 text-gold mb-6\">\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <\/div>\r\n <p class=\"text-gray-300 italic font-light mb-8 text-lg leading-relaxed\">\r\n \"\u09ac\u09be\u09a1\u09bc\u09bf\u09a4\u09c7 \u09ac\u09af\u09bc\u09b8\u09cd\u0995\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09a8\u09bf\u09af\u09bc\u09c7\u099b\u09bf\u09b2\u09be\u09ae, \u0993\u09a8\u09be\u09b0\u09be \u0996\u09c1\u09ac \u09aa\u099b\u09a8\u09cd\u09a6 \u0995\u09b0\u09c7\u099b\u09c7\u09a8\u0964 \u09b9\u09be\u09a8\u09bf \u09a8\u09be\u099f\u09b8\u0997\u09c1\u09b2\u09cb \u098f\u0995\u09c7\u09ac\u09be\u09b0\u09c7 \u09ab\u09cd\u09b0\u09c7\u09b6 \u098f\u09ac\u0982 \u0995\u09cd\u09b0\u09be\u099e\u09cd\u099a\u09bf\u0964\"\r\n <\/p>\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-luxury-black border border-gold\/30 flex items-center justify-center text-gold font-bold\">P<\/div>\r\n <div>\r\n <p class=\"font-bold text-white tracking-wide\">\u09aa\u09cd\u09b0\u09bf\u09af\u09bc\u09be\u0999\u09cd\u0995\u09be \u09ae\u09c1\u0996\u09be\u09b0\u09cd\u099c\u09c0<\/p>\r\n <p class=\"text-sm text-gold\/70\">\u09b9\u09be\u0993\u09a1\u09bc\u09be<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Review 3 -->\r\n <div class=\"bg-luxury-card p-8 rounded-xl border border-gold\/10 text-left relative group hover:border-gold\/40 shadow-xl\">\r\n <i data-lucide=\"quote\" class=\"absolute top-6 right-6 w-10 h-10 text-gold\/5 group-hover:text-gold\/10\"><\/i>\r\n <div class=\"flex gap-1 text-gold mb-6\">\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <\/div>\r\n <p class=\"text-gray-300 italic font-light mb-8 text-lg leading-relaxed\">\r\n \"\u0986\u0997\u09c7 \u0985\u09a8\u09cd\u09af \u099c\u09be\u09af\u09bc\u0997\u09be \u09a5\u09c7\u0995\u09c7 \u0995\u09bf\u09a8\u09a4\u09be\u09ae, \u09a4\u09ac\u09c7 \u09b9\u09c7\u09b0\u09be \u09ab\u09c1\u09a1\u09b8\u09c7\u09b0 \u0995\u09cb\u09af\u09bc\u09be\u09b2\u09bf\u099f\u09bf \u09b8\u09c7\u09b0\u09be\u0964 \u09ae\u09a7\u09c1\u09a4\u09c7 \u0995\u09cb\u09a8\u09cb \u09ad\u09c7\u099c\u09be\u09b2 \u09a8\u09c7\u0987 \u09ac\u09cb\u099d\u09be\u0987 \u09af\u09be\u09af\u09bc\u0964\"\r\n <\/p>\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-luxury-black border border-gold\/30 flex items-center justify-center text-gold font-bold\">A<\/div>\r\n <div>\r\n <p class=\"font-bold text-white tracking-wide\">\u0985\u09ad\u09bf\u09b7\u09c7\u0995 \u09a6\u09a4\u09cd\u09a4<\/p>\r\n <p class=\"text-sm text-gold\/70\">\u09b8\u09b2\u09cd\u099f\u09b2\u09c7\u0995, \u0995\u09b2\u0995\u09be\u09a4\u09be<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Review 4 -->\r\n <div class=\"bg-luxury-card p-8 rounded-xl border border-gold\/10 text-left relative group hover:border-gold\/40 shadow-xl\">\r\n <i data-lucide=\"quote\" class=\"absolute top-6 right-6 w-10 h-10 text-gold\/5 group-hover:text-gold\/10\"><\/i>\r\n <div class=\"flex gap-1 text-gold mb-6\">\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <\/div>\r\n <p class=\"text-gray-300 italic font-light mb-8 text-lg leading-relaxed\">\r\n \"\u099c\u09bf\u09ae\u09c7\u09b0 \u09aa\u09b0 \u09aa\u09cd\u09b0\u09cb\u099f\u09bf\u09a8 \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u098f\u099f\u09bf \u0986\u09ae\u09be\u09b0 \u09aa\u09cd\u09b0\u09a5\u09ae \u09aa\u099b\u09a8\u09cd\u09a6\u0964 \u09aa\u09cd\u09b0\u09be\u0995\u09c3\u09a4\u09bf\u0995 \u0989\u09aa\u09be\u09af\u09bc\u09c7 \u098f\u09a8\u09be\u09b0\u09cd\u099c\u09bf \u09ac\u09be\u09a1\u09bc\u09be\u09a8\u09cb\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u099f\u09bf \u09b8\u09c7\u09b0\u09be \u09a1\u09be\u09af\u09bc\u09c7\u099f\u0964\"\r\n <\/p>\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-luxury-black border border-gold\/30 flex items-center justify-center text-gold font-bold\">R<\/div>\r\n <div>\r\n <p class=\"font-bold text-white tracking-wide\">\u09b0\u09be\u09b9\u09c1\u09b2 \u09ae\u09c8\u09a4\u09cd\u09b0<\/p>\r\n <p class=\"text-sm text-gold\/70\">\u09ac\u09c7\u09b9\u09be\u09b2\u09be<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Review 5 -->\r\n <div class=\"bg-luxury-card p-8 rounded-xl border border-gold\/10 text-left relative group hover:border-gold\/40 shadow-xl\">\r\n <i data-lucide=\"quote\" class=\"absolute top-6 right-6 w-10 h-10 text-gold\/5 group-hover:text-gold\/10\"><\/i>\r\n <div class=\"flex gap-1 text-gold mb-6\">\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <\/div>\r\n <p class=\"text-gray-300 italic font-light mb-8 text-lg leading-relaxed\">\r\n \"\u0996\u09c1\u09ac\u0987 \u09b8\u09cd\u09ac\u09be\u09b8\u09cd\u09a5\u09cd\u09af\u0995\u09b0 \u098f\u09ac\u0982 \u09b8\u09c1\u09b8\u09cd\u09ac\u09be\u09a6\u09c1\u0964 \u09ac\u09be\u099a\u09cd\u099a\u09be\u09b0 \u099f\u09bf\u09ab\u09bf\u09a8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u099f\u09bf \u098f\u0996\u09a8 \u0986\u09ae\u09be\u09b0 \u098f\u0995 \u09a8\u09ae\u09cd\u09ac\u09b0 \u09aa\u099b\u09a8\u09cd\u09a6\u0964 \u09a7\u09a8\u09cd\u09af\u09ac\u09be\u09a6 \u09b9\u09c7\u09b0\u09be \u09ab\u09c1\u09a1\u09b8!\"\r\n <\/p>\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-luxury-black border border-gold\/30 flex items-center justify-center text-gold font-bold\">I<\/div>\r\n <div>\r\n <p class=\"font-bold text-white tracking-wide\">\u0987\u09b6\u09be\u09a8\u09c0 \u09ac\u09cb\u09b8<\/p>\r\n <p class=\"text-sm text-gold\/70\">\u09a8\u09bf\u0989 \u099f\u09be\u0989\u09a8<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Review 6 -->\r\n <div class=\"bg-luxury-card p-8 rounded-xl border border-gold\/10 text-left relative group hover:border-gold\/40 shadow-xl\">\r\n <i data-lucide=\"quote\" class=\"absolute top-6 right-6 w-10 h-10 text-gold\/5 group-hover:text-gold\/10\"><\/i>\r\n <div class=\"flex gap-1 text-gold mb-6\">\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\r\n <\/div>\r\n <p class=\"text-gray-300 italic font-light mb-8 text-lg leading-relaxed\">\r\n \"\u09b6\u09bf\u09b2\u09bf\u0997\u09c1\u09a1\u09bc\u09bf\u09a4\u09c7 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u0996\u09c1\u09ac \u09a6\u09cd\u09b0\u09c1\u09a4 \u09aa\u09c7\u09af\u09bc\u09c7\u099b\u09bf\u0964 \u09ae\u09a7\u09c1\u09b0 \u0998\u09a8\u09a4\u09cd\u09ac \u098f\u09ac\u0982 \u09ac\u09be\u09a6\u09be\u09ae\u09c7\u09b0 \u0995\u09cb\u09af\u09bc\u09be\u09b2\u09bf\u099f\u09bf \u09b8\u09a4\u09cd\u09af\u09bf\u0987 \u09aa\u09cd\u09b0\u09b6\u0982\u09b8\u09a8\u09c0\u09af\u09bc\u0964\"\r\n <\/p>\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-luxury-black border border-gold\/30 flex items-center justify-center text-gold font-bold\">S<\/div>\r\n <div>\r\n <p class=\"font-bold text-white tracking-wide\">\u09b8\u09a8\u09cd\u09a6\u09c0\u09aa \u09b8\u09c7\u09a8\u0997\u09c1\u09aa\u09cd\u09a4<\/p>\r\n <p class=\"text-sm text-gold\/70\">\u09b6\u09bf\u09b2\u09bf\u0997\u09c1\u09a1\u09bc\u09bf<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Luxury Offer Box (FOMO) -->\r\n <div class=\"max-w-5xl mx-auto relative\">\r\n <!-- Outer glowing border -->\r\n <div class=\"absolute -inset-1 bg-gold-gradient rounded-xl blur opacity-20\"><\/div>\r\n <div class=\"relative bg-luxury-dark border border-gold\/40 p-10 md:p-14 rounded-xl shadow-2xl flex flex-col md:flex-row items-center justify-between gap-10 text-center md:text-left\">\r\n <div class=\"flex-1\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 bg-gold\/10 border border-gold\/30 text-gold text-xs font-bold tracking-widest uppercase mb-6 rounded-full\">\r\n <i data-lucide=\"flame\" class=\"w-4 h-4 text-orange-500 fill-orange-500\"><\/i>\r\n Limited Time Offer\r\n <\/div>\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-white mb-4 leading-tight\">\r\n \u0986\u099c\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0\u09c7 \u09aa\u09be\u09a8 <br class=\"hidden md:block\">\r\n <span class=\"gold-text-gradient\">\u09b8\u09cd\u09aa\u09c7\u09b6\u09be\u09b2 \u09a1\u09bf\u09b8\u0995\u09be\u0989\u09a8\u09cd\u099f \u0985\u09ab\u09be\u09b0<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-400 font-light text-lg\">\r\n \u09b8\u09cd\u099f\u0995 \u09ab\u09c1\u09b0\u09bf\u09af\u09bc\u09c7 \u09af\u09be\u0993\u09af\u09bc\u09be\u09b0 \u0986\u0997\u09c7\u0987 \u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09bf\u0997\u09a8\u09c7\u099a\u09be\u09b0 \u099c\u09be\u09b0\u099f\u09bf \u09ac\u09c1\u099d\u09c7 \u09a8\u09bf\u09a8\u0964\r\n <\/p>\r\n <\/div>\r\n <div class=\"flex-shrink-0\">\r\n <button data-wpc-product-id=\"478\" class=\"luxury-btn bg-gold-gradient text-black px-10 py-5 rounded-lg font-bold text-lg flex items-center justify-center gap-3 shadow-[0_0_20px_rgba(212,175,55,0.3)]\">\r\n <i data-lucide=\"shopping-bag\" class=\"w-6 h-6\"><\/i>\r\n \u0985\u09ab\u09be\u09b0\u099f\u09bf \u0997\u09cd\u09b0\u09b9\u09a3 \u0995\u09b0\u09c1\u09a8\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ================= 7. FAQ SECTION ================= -->\r\n <section class=\"py-24 bg-luxury-dark border-t border-b border-gold\/10 relative overflow-hidden\">\r\n <!-- Elegant Background Accents -->\r\n <div class=\"absolute left-0 top-0 w-full h-full opacity-5 pointer-events-none\" style=\"background-image: radial-gradient(#D4AF37 1px, transparent 1px); background-size: 40px 40px;\"><\/div>\r\n <div class=\"absolute right-0 top-1\/2 -translate-y-1\/2 w-[500px] h-[500px] bg-gold\/5 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <!-- Section Heading -->\r\n <div class=\"text-center mb-20\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-gold\/20 bg-luxury-black text-gold text-xs font-bold tracking-widest uppercase mb-4 shadow-[0_0_15px_rgba(212,175,55,0.1)]\">\r\n <i data-lucide=\"help-circle\" class=\"w-4 h-4\"><\/i> Any Questions?\r\n <\/div>\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6\">\r\n \u09b8\u09be\u09a7\u09be\u09b0\u09a3 <span class=\"gold-text-gradient\">\u099c\u09bf\u099c\u09cd\u099e\u09be\u09b8\u09be<\/span>\r\n <\/h2>\r\n <div class=\"w-24 h-[2px] bg-gradient-to-r from-transparent via-gold to-transparent mx-auto\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"space-y-5\">\r\n <!-- FAQ 1 -->\r\n <details class=\"group bg-luxury-black rounded-lg border border-gold\/10 hover:border-gold\/30 shadow-lg\" open>\r\n <summary class=\"flex items-center justify-between p-6 md:p-8 cursor-pointer\">\r\n <div class=\"flex items-center gap-5 md:gap-6\">\r\n <span class=\"text-2xl md:text-3xl font-bold text-gold\/20 group-hover:text-gold\">01<\/span>\r\n <h3 class=\"font-bold text-white text-lg md:text-xl group-hover:text-gold\">\u098f\u0987 \u09ae\u09a7\u09c1\u099f\u09bf \u0995\u09bf \u09b8\u09a4\u09cd\u09af\u09bf\u0987 \u0996\u09be\u0981\u099f\u09bf?<\/h3>\r\n <\/div>\r\n <span class=\"flex-shrink-0 ml-4 bg-luxury-dark border border-gold\/20 p-2 rounded-full group-hover:bg-gold\/10\">\r\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5 text-gold group-open:rotate-180\"><\/i>\r\n <\/span>\r\n <\/summary>\r\n <div class=\"px-6 md:px-8 pb-6 md:pb-8 pt-0 pl-[4.5rem] md:pl-[5.5rem]\">\r\n <p class=\"text-gray-400 font-light text-base md:text-lg leading-relaxed\">\r\n \u09b9\u09cd\u09af\u09be\u0981, \u0986\u09ae\u09b0\u09be \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09aa\u09cd\u09b0\u09be\u0995\u09c3\u09a4\u09bf\u0995 \u09aa\u09b0\u09bf\u09ac\u09c7\u09b6 \u09a5\u09c7\u0995\u09c7 \u09b8\u0982\u0997\u09c3\u09b9\u09c0\u09a4 \u09e7\u09e6\u09e6% \u0996\u09be\u0981\u099f\u09bf \u09ae\u09a7\u09c1 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09bf\u0964 \u098f\u09a4\u09c7 \u0995\u09cb\u09a8\u09cb \u09aa\u09cd\u09b0\u0995\u09be\u09b0 \u0995\u09c3\u09a4\u09cd\u09b0\u09bf\u09ae \u099a\u09bf\u09a8\u09bf, \u09aa\u09cd\u09b0\u09bf\u099c\u09be\u09b0\u09ad\u09c7\u099f\u09bf\u09ad \u09ac\u09be \u09ab\u09cd\u09b2\u09c7\u09ad\u09be\u09b0 \u09ae\u09c7\u09b6\u09be\u09a8\u09cb \u09b9\u09af\u09bc\u09ac\u09bf\u09a7\u09be \u09a8\u09c7\u0987\u0964\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <!-- FAQ 2 -->\r\n <details class=\"group bg-luxury-black rounded-lg border border-gold\/10 hover:border-gold\/30 shadow-lg\">\r\n <summary class=\"flex items-center justify-between p-6 md:p-8 cursor-pointer\">\r\n <div class=\"flex items-center gap-5 md:gap-6\">\r\n <span class=\"text-2xl md:text-3xl font-bold text-gold\/20 group-hover:text-gold\">02<\/span>\r\n <h3 class=\"font-bold text-white text-lg md:text-xl group-hover:text-gold\">\u098f\u099f\u09bf \u0996\u09be\u0993\u09af\u09bc\u09be\u09b0 \u09a8\u09bf\u09af\u09bc\u09ae \u0995\u09c0?<\/h3>\r\n <\/div>\r\n <span class=\"flex-shrink-0 ml-4 bg-luxury-dark border border-gold\/20 p-2 rounded-full group-hover:bg-gold\/10\">\r\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5 text-gold group-open:rotate-180\"><\/i>\r\n <\/span>\r\n <\/summary>\r\n <div class=\"px-6 md:px-8 pb-6 md:pb-8 pt-0 pl-[4.5rem] md:pl-[5.5rem]\">\r\n <p class=\"text-gray-400 font-light text-base md:text-lg leading-relaxed\">\r\n \u09aa\u09cd\u09b0\u09a4\u09bf\u09a6\u09bf\u09a8 \u09b8\u0995\u09be\u09b2\u09c7 \u0996\u09be\u09b2\u09bf \u09aa\u09c7\u099f\u09c7 \u09ac\u09be \u09b0\u09be\u09a4\u09c7 \u0998\u09c1\u09ae\u09be\u09a8\u09cb\u09b0 \u0986\u0997\u09c7 \u09e7-\u09e8 \u099a\u09be\u09ae\u099a \u0996\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u09a8\u0964 \u098f\u099b\u09be\u09a1\u09bc\u09be \u09b9\u09be\u09b2\u0995\u09be \u0997\u09b0\u09ae \u09a6\u09c1\u09a7\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u09ae\u09bf\u09b6\u09bf\u09af\u09bc\u09c7 \u0996\u09c7\u09b2\u09c7 \u0996\u09c1\u09ac \u09ad\u09be\u09b2\u09cb \u09ab\u09b2\u09be\u09ab\u09b2 \u09aa\u09be\u0993\u09af\u09bc\u09be \u09af\u09be\u09af\u09bc\u0964\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <!-- FAQ 3 -->\r\n <details class=\"group bg-luxury-black rounded-lg border border-gold\/10 hover:border-gold\/30 shadow-lg\">\r\n <summary class=\"flex items-center justify-between p-6 md:p-8 cursor-pointer\">\r\n <div class=\"flex items-center gap-5 md:gap-6\">\r\n <span class=\"text-2xl md:text-3xl font-bold text-gold\/20 group-hover:text-gold\">03<\/span>\r\n <h3 class=\"font-bold text-white text-lg md:text-xl group-hover:text-gold\">\u09b8\u09be\u09b0\u09be \u09ad\u09be\u09b0\u09a4\u09c7 \u0995\u09bf \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u09a6\u09c7\u0993\u09af\u09bc\u09be \u09b9\u09af\u09bc?<\/h3>\r\n <\/div>\r\n <span class=\"flex-shrink-0 ml-4 bg-luxury-dark border border-gold\/20 p-2 rounded-full group-hover:bg-gold\/10\">\r\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5 text-gold group-open:rotate-180\"><\/i>\r\n <\/span>\r\n <\/summary>\r\n <div class=\"px-6 md:px-8 pb-6 md:pb-8 pt-0 pl-[4.5rem] md:pl-[5.5rem]\">\r\n <p class=\"text-gray-400 font-light text-base md:text-lg leading-relaxed\">\r\n \u09b9\u09cd\u09af\u09be\u0981, \u0986\u09ae\u09b0\u09be \u09aa\u09c1\u09b0\u09cb \u09ad\u09be\u09b0\u09a4\u099c\u09c1\u09a1\u09bc\u09c7 (All over India) \u09b9\u09cb\u09ae \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u09a6\u09bf\u09af\u09bc\u09c7 \u09a5\u09be\u0995\u09bf\u0964 \u09aa\u09cd\u09b0\u09cb\u09a1\u09be\u0995\u09cd\u099f \u09b9\u09be\u09a4\u09c7 \u09aa\u09c7\u09af\u09bc\u09c7 \u09ae\u09c2\u09b2\u09cd\u09af \u09aa\u09b0\u09bf\u09b6\u09cb\u09a7 (Cash on Delivery) \u0995\u09b0\u09be\u09b0 \u09b8\u09c1\u09af\u09cb\u0997 \u09b0\u09af\u09bc\u09c7\u099b\u09c7, \u09aa\u09be\u09b6\u09be\u09aa\u09be\u09b6\u09bf \u0986\u09aa\u09a8\u09bf UPI \u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7\u0993 \u09aa\u09c7\u09ae\u09c7\u09a8\u09cd\u099f \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <!-- FAQ 4 -->\r\n <details class=\"group bg-luxury-black rounded-lg border border-gold\/10 hover:border-gold\/30 shadow-lg\">\r\n <summary class=\"flex items-center justify-between p-6 md:p-8 cursor-pointer\">\r\n <div class=\"flex items-center gap-5 md:gap-6\">\r\n <span class=\"text-2xl md:text-3xl font-bold text-gold\/20 group-hover:text-gold\">04<\/span>\r\n <h3 class=\"font-bold text-white text-lg md:text-xl group-hover:text-gold\">\u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u09aa\u09c7\u09a4\u09c7 \u0995\u09a4\u09a6\u09bf\u09a8 \u09b8\u09ae\u09af\u09bc \u09b2\u09be\u0997\u09c7?<\/h3>\r\n <\/div>\r\n <span class=\"flex-shrink-0 ml-4 bg-luxury-dark border border-gold\/20 p-2 rounded-full group-hover:bg-gold\/10\">\r\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5 text-gold group-open:rotate-180\"><\/i>\r\n <\/span>\r\n <\/summary>\r\n <div class=\"px-6 md:px-8 pb-6 md:pb-8 pt-0 pl-[4.5rem] md:pl-[5.5rem]\">\r\n <p class=\"text-gray-400 font-light text-base md:text-lg leading-relaxed\">\r\n \u09b8\u09be\u09a7\u09be\u09b0\u09a3\u09a4 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09a8\u09ab\u09be\u09b0\u09cd\u09ae \u09b9\u0993\u09af\u09bc\u09be\u09b0 \u09aa\u09b0 \u09e9 \u09a5\u09c7\u0995\u09c7 \u09eb \u0995\u09b0\u09cd\u09ae\u09a6\u09bf\u09ac\u09b8\u09c7\u09b0 (working days) \u09ae\u09a7\u09cd\u09af\u09c7 \u09ad\u09be\u09b0\u09a4\u09c7\u09b0 \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09b8\u09cd\u09a5\u09be\u09a8\u09c7 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u09b8\u09ae\u09cd\u09aa\u09a8\u09cd\u09a8 \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <!-- FAQ 5 -->\r\n <details class=\"group bg-luxury-black rounded-lg border border-gold\/10 hover:border-gold\/30 shadow-lg\">\r\n <summary class=\"flex items-center justify-between p-6 md:p-8 cursor-pointer\">\r\n <div class=\"flex items-center gap-5 md:gap-6\">\r\n <span class=\"text-2xl md:text-3xl font-bold text-gold\/20 group-hover:text-gold\">05<\/span>\r\n <h3 class=\"font-bold text-white text-lg md:text-xl group-hover:text-gold\">\u098f\u0987 \u09b9\u09be\u09a8\u09bf \u09a8\u09be\u099f\u09b8 \u0995\u09a4\u09a6\u09bf\u09a8 \u09aa\u09b0\u09cd\u09af\u09a8\u09cd\u09a4 \u09ad\u09be\u09b2\u09cb \u09a5\u09be\u0995\u09c7?<\/h3>\r\n <\/div>\r\n <span class=\"flex-shrink-0 ml-4 bg-luxury-dark border border-gold\/20 p-2 rounded-full group-hover:bg-gold\/10\">\r\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5 text-gold group-open:rotate-180\"><\/i>\r\n <\/span>\r\n <\/summary>\r\n <div class=\"px-6 md:px-8 pb-6 md:pb-8 pt-0 pl-[4.5rem] md:pl-[5.5rem]\">\r\n <p class=\"text-gray-400 font-light text-base md:text-lg leading-relaxed\">\r\n \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b9\u09be\u09a8\u09bf \u09a8\u09be\u099f\u09b8 \u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09a4\u09be\u09aa\u09ae\u09be\u09a4\u09cd\u09b0\u09be\u09a4\u09c7\u0987 \u09ec \u09a5\u09c7\u0995\u09c7 \u09ee \u09ae\u09be\u09b8 \u09aa\u09b0\u09cd\u09af\u09a8\u09cd\u09a4 \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09ab\u09cd\u09b0\u09c7\u09b6 \u098f\u09ac\u0982 \u09ae\u099a\u09ae\u099a\u09c7 \u09a5\u09be\u0995\u09c7\u0964 \u098f\u099f\u09bf \u09ab\u09cd\u09b0\u09bf\u099c\u09c7 \u09b0\u09be\u0996\u09be\u09b0 \u0995\u09cb\u09a8\u09cb \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8 \u09a8\u09c7\u0987, \u09a4\u09ac\u09c7 \u09b8\u09b0\u09be\u09b8\u09b0\u09bf \u09b8\u09c2\u09b0\u09cd\u09af\u09c7\u09b0 \u0986\u09b2\u09cb \u09a5\u09c7\u0995\u09c7 \u09a6\u09c2\u09b0\u09c7 \u09b0\u09be\u0996\u09be \u09ad\u09be\u09b2\u09cb\u0964\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <!-- FAQ 6 -->\r\n <details class=\"group bg-luxury-black rounded-lg border border-gold\/10 hover:border-gold\/30 shadow-lg\">\r\n <summary class=\"flex items-center justify-between p-6 md:p-8 cursor-pointer\">\r\n <div class=\"flex items-center gap-5 md:gap-6\">\r\n <span class=\"text-2xl md:text-3xl font-bold text-gold\/20 group-hover:text-gold\">06<\/span>\r\n <h3 class=\"font-bold text-white text-lg md:text-xl group-hover:text-gold\">\u09a1\u09be\u09af\u09bc\u09be\u09ac\u09c7\u099f\u09bf\u09b8 \u09b0\u09cb\u0997\u09c0\u09b0\u09be \u0995\u09bf \u098f\u099f\u09bf \u0996\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8?<\/h3>\r\n <\/div>\r\n <span class=\"flex-shrink-0 ml-4 bg-luxury-dark border border-gold\/20 p-2 rounded-full group-hover:bg-gold\/10\">\r\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5 text-gold group-open:rotate-180\"><\/i>\r\n <\/span>\r\n <\/summary>\r\n <div class=\"px-6 md:px-8 pb-6 md:pb-8 pt-0 pl-[4.5rem] md:pl-[5.5rem]\">\r\n <p class=\"text-gray-400 font-light text-base md:text-lg leading-relaxed\">\r\n \u09af\u09c7\u09b9\u09c7\u09a4\u09c1 \u098f\u09a4\u09c7 \u09aa\u09cd\u09b0\u09be\u0995\u09c3\u09a4\u09bf\u0995 \u09ae\u09a7\u09c1 \u098f\u09ac\u0982 \u09ae\u09bf\u09b7\u09cd\u099f\u09bf \u0996\u09c7\u099c\u09c1\u09b0 \u09b0\u09af\u09bc\u09c7\u099b\u09c7, \u09a4\u09be\u0987 \u09a1\u09be\u09af\u09bc\u09be\u09ac\u09c7\u099f\u09bf\u09b8 \u09b0\u09cb\u0997\u09c0\u09a6\u09c7\u09b0 \u09aa\u09b0\u09bf\u09ae\u09bf\u09a4 \u09aa\u09b0\u09bf\u09ae\u09be\u09a3\u09c7 \u0996\u09be\u0993\u09af\u09bc\u09be\u09b0 \u09aa\u09b0\u09be\u09ae\u09b0\u09cd\u09b6 \u09a6\u09c7\u0993\u09af\u09bc\u09be \u09b9\u09af\u09bc\u0964 \u09a4\u09ac\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09c1\u0997\u09be\u09b0 \u09b2\u09c7\u09ad\u09c7\u09b2\u09c7\u09b0 \u0989\u09aa\u09b0 \u09ad\u09bf\u09a4\u09cd\u09a4\u09bf \u0995\u09b0\u09c7 \u0996\u09be\u0993\u09af\u09bc\u09be\u09b0 \u0986\u0997\u09c7 \u0985\u09ac\u09b6\u09cd\u09af\u0987 \u099a\u09bf\u0995\u09bf\u09ce\u09b8\u0995\u09c7\u09b0 \u09aa\u09b0\u09be\u09ae\u09b0\u09cd\u09b6 \u09a8\u09c7\u0993\u09af\u09bc\u09be \u0989\u09a4\u09cd\u09a4\u09ae\u0964\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n <\/div>\r\n\r\n <!-- Need More Help Block -->\r\n <div class=\"mt-16 bg-[#0a0a0a] border border-gold\/20 p-8 rounded-lg text-center shadow-[0_0_30px_rgba(212,175,55,0.05)]\">\r\n <h3 class=\"text-xl font-bold text-white mb-2\">\u0986\u09b0\u0993 \u0995\u09bf\u099b\u09c1 \u099c\u09be\u09a8\u09be\u09b0 \u0986\u099b\u09c7?<\/h3>\r\n <p class=\"text-gray-400 font-light mb-6\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u099f\u09bf\u09ae\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u09b8\u09b0\u09be\u09b8\u09b0\u09bf \u0995\u09a5\u09be \u09ac\u09b2\u09c1\u09a8<\/p>\r\n <a href=\"https:\/\/wa.me\/919836323209\" target=\"_blank\" data-wpc-product-id=\"478\" class=\"inline-flex items-center justify-center gap-2 bg-luxury-black border border-gold\/50 text-gold hover:bg-gold hover:text-black px-8 py-3 rounded-full font-bold\">\r\n <i data-lucide=\"message-circle\" class=\"w-5 h-5\"><\/i>\r\n WhatsApp -\u098f \u09ae\u09c7\u09b8\u09c7\u099c \u09a6\u09bf\u09a8\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ================= 8. OFFER SECTION (NO FORM) ================= -->\r\n <section id=\"order-section\" class=\"py-24 bg-luxury-black border-t border-gold\/20 relative overflow-hidden\">\r\n <!-- Subtle Background Glow -->\r\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[800px] h-[400px] bg-gold\/5 rounded-full blur-[150px] pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 relative z-10\">\r\n <div class=\"text-center mb-16\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 bg-red-500\/10 border border-red-500\/30 text-red-400 text-xs font-bold tracking-widest uppercase mb-4 rounded-full\">\r\n <i data-lucide=\"timer\" class=\"w-4 h-4\"><\/i> Limited Time Offer\r\n <\/div>\r\n <h2 class=\"text-4xl md:text-5xl font-bold text-white mb-4\">\r\n \u09b8\u09cd\u09aa\u09c7\u09b6\u09be\u09b2 <span class=\"gold-text-gradient\">\u0985\u09ab\u09be\u09b0 \u09aa\u09cd\u09b0\u09be\u0987\u09b8<\/span>\r\n <\/h2>\r\n <p class=\"text-gray-400 font-light text-lg\">\u09b8\u09cd\u099f\u0995 \u09ab\u09c1\u09b0\u09bf\u09af\u09bc\u09c7 \u09af\u09be\u0993\u09af\u09bc\u09be\u09b0 \u0986\u0997\u09c7\u0987 \u0986\u09aa\u09a8\u09be\u09b0 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09a8\u09ab\u09be\u09b0\u09cd\u09ae \u0995\u09b0\u09c1\u09a8<\/p>\r\n <\/div>\r\n\r\n <!-- Beautiful Centered Pricing Card -->\r\n <div class=\"max-w-2xl mx-auto bg-luxury-card border border-gold\/20 rounded-xl p-8 md:p-12 text-center shadow-[0_0_50px_rgba(212,175,55,0.05)] relative overflow-hidden\">\r\n <!-- Glowing accent line at the top -->\r\n <div class=\"absolute top-0 left-0 w-full h-[3px] bg-gold-gradient\"><\/div>\r\n \r\n <!-- Crown Icon -->\r\n <div class=\"inline-flex items-center justify-center w-16 h-16 rounded-full bg-luxury-black border border-gold\/20 mb-6 shadow-inner\">\r\n <i data-lucide=\"crown\" class=\"w-8 h-8 text-gold\"><\/i>\r\n <\/div>\r\n \r\n <h3 class=\"text-3xl font-bold text-white mb-2\">\u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u09b9\u09be\u09a8\u09bf \u09a8\u09be\u099f\u09b8<\/h3>\r\n <p class=\"text-gray-400 mb-8 font-light text-lg\">900 \u0997\u09cd\u09b0\u09be\u09ae \u09b8\u09bf\u0997\u09a8\u09c7\u099a\u09be\u09b0 \u099c\u09be\u09b0<\/p>\r\n\r\n <!-- Pricing -->\r\n <div class=\"flex justify-center items-center gap-6 mb-10\">\r\n <div class=\"text-right\">\r\n <span class=\"block text-gray-500 text-sm mb-1 uppercase tracking-widest\">\u09b0\u09c7\u0997\u09c1\u09b2\u09be\u09b0 \u09aa\u09cd\u09b0\u09be\u0987\u09b8<\/span>\r\n <span class=\"text-gray-500 text-2xl line-through decoration-red-500\/50\">\u20b91499<\/span>\r\n <\/div>\r\n <div class=\"w-[1px] h-12 bg-white\/10\"><\/div>\r\n <div class=\"text-left\">\r\n <span class=\"block text-gold text-sm mb-1 uppercase tracking-widest font-bold\">\u0985\u09ab\u09be\u09b0 \u09aa\u09cd\u09b0\u09be\u0987\u09b8<\/span>\r\n <span class=\"text-5xl font-bold gold-text-gradient\">\u20b91299<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Features\/Benefits Box -->\r\n <div class=\"bg-luxury-black border border-white\/5 rounded-lg p-6 mb-10 inline-block mx-auto text-left w-full max-w-sm\">\r\n <div class=\"flex items-center gap-4 text-gray-300 mb-4\">\r\n <div class=\"p-1.5 bg-gold\/10 rounded-full text-gold\"><i data-lucide=\"truck\" class=\"w-4 h-4\"><\/i><\/div>\r\n \u09b8\u09be\u09b0\u09be \u09ad\u09be\u09b0\u09a4\u09c7 \u09b9\u09cb\u09ae \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf\r\n <\/div>\r\n <div class=\"flex items-center gap-4 text-gray-300 mb-4\">\r\n <div class=\"p-1.5 bg-gold\/10 rounded-full text-gold\"><i data-lucide=\"banknote\" class=\"w-4 h-4\"><\/i><\/div>\r\n Cash on Delivery \u09b8\u09c1\u09ac\u09bf\u09a7\u09be\r\n <\/div>\r\n <div class=\"flex items-center gap-4 text-gray-300\">\r\n <div class=\"p-1.5 bg-gold\/10 rounded-full text-gold\"><i data-lucide=\"shield-check\" class=\"w-4 h-4\"><\/i><\/div>\r\n \u09e7\u09e6\u09e6% \u0985\u09b0\u09bf\u099c\u09bf\u09a8\u09be\u09b2 \u0997\u09cd\u09af\u09be\u09b0\u09be\u09a8\u09cd\u099f\u09bf\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CTA Button with Popup Checkout -->\r\n <button data-wpc-product-id=\"478\" class=\"luxury-btn w-full bg-gold-gradient text-black font-bold py-5 px-4 rounded-md flex justify-center items-center gap-3 text-xl tracking-widest uppercase shadow-[0_0_20px_rgba(212,175,55,0.2)]\">\r\n <i data-lucide=\"shopping-bag\" class=\"w-6 h-6\"><\/i>\r\n \u098f\u0996\u09a8\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\r\n <\/button>\r\n \r\n <div class=\"mt-5 text-center\">\r\n <p class=\"text-sm text-gray-500 flex items-center justify-center gap-1.5\">\r\n <i data-lucide=\"lock\" class=\"w-3.5 h-3.5 text-green-500\"><\/i> 100% Secure Checkout\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ================= STICKY BOTTOM ACTION BAR ================= -->\r\n <div id=\"sticky-bottom-bar\" class=\"fixed bottom-0 left-0 w-full z-[9999] px-4 py-4 md:py-3 bg-luxury-black\/95 backdrop-blur-xl border-t border-gold\/30 shadow-[0_-10px_30px_rgba(0,0,0,0.8)]\" style=\"display: none;\">\r\n <div class=\"max-w-7xl mx-auto flex flex-row items-center justify-center md:justify-between gap-4\">\r\n \r\n <!-- Product Info (Desktop Only) -->\r\n <div class=\"hidden lg:flex items-center gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-gold-gradient p-[1px]\">\r\n <div class=\"w-full h-full bg-black rounded-lg flex items-center justify-center\">\r\n <i data-lucide=\"package\" class=\"w-5 h-5 text-gold\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-white font-bold text-xs\">\u09b9\u09c7\u09b0\u09be \u09ab\u09c1\u09a1\u09b8 \u09b9\u09be\u09a8\u09bf \u09a8\u09be\u099f\u09b8<\/h4>\r\n <p class=\"text-gold text-[9px] font-bold uppercase tracking-widest\">\u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u09b8\u09bf\u09b2\u09c7\u0995\u09b6\u09a8<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Main Sticky Action Button with Updated English Text -->\r\n <button data-wpc-product-id=\"478\" class=\"luxury-btn w-full md:w-auto bg-gold-gradient text-black py-3 px-6 md:px-12 rounded-xl shadow-[0_0_20px_rgba(212,175,55,0.4)] flex flex-col md:flex-row items-center justify-center gap-0 md:gap-4 group\" onclick=\"document.getElementById('order-section').scrollIntoView()\">\r\n <div class=\"flex items-center gap-2 text-lg md:text-xl font-black uppercase tracking-tight\">\r\n <i data-lucide=\"shopping-cart\" class=\"w-5 h-5 md:w-6 md:h-6\"><\/i>\r\n \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\r\n <\/div>\r\n <div class=\"bg-black text-gold px-3 py-0.5 rounded-full text-[9px] md:text-[11px] font-extrabold tracking-wide border border-gold\/30 mt-1 md:mt-0 whitespace-nowrap\">\r\n Prepaid Order 100 rupees Discount\r\n <\/div>\r\n <\/button>\r\n\r\n <!-- Price Info -->\r\n <div class=\"hidden sm:flex flex-col items-end\">\r\n <p class=\"text-[10px] text-gray-500 line-through\">\u20b91499<\/p>\r\n <p class=\"text-xl font-black text-white\">\u20b91299<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n <!-- Combine Initialization Scripts at the end to prevent blocking -->\r\n <script>\r\n \/\/ Efficient Countdown Timer\r\n function startCountdown() {\r\n let timeInSeconds = (5 * 3600) + (45 * 60) + 30;\r\n const timerElement = document.getElementById('countdown-timer');\r\n if (!timerElement) return;\r\n\r\n const updateTimer = () => {\r\n let h = Math.floor(timeInSeconds \/ 3600);\r\n let m = Math.floor((timeInSeconds % 3600) \/ 60);\r\n let s = timeInSeconds % 60;\r\n timerElement.textContent = `${h < 10 ? '0' + h : h}:${m < 10 ? '0' + m : m}:${s < 10 ? '0' + s : s}`;\r\n if (timeInSeconds > 0) timeInSeconds--;\r\n };\r\n setInterval(updateTimer, 1000);\r\n updateTimer();\r\n }\r\n\r\n \/\/ Sticky Bottom Bar Visibility Logic (Instant, No Animation)\r\n function handleScroll() {\r\n const stickyBar = document.getElementById('sticky-bottom-bar');\r\n if (!stickyBar) return;\r\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\r\n \r\n if (scrollTop > 100) {\r\n stickyBar.style.display = 'block';\r\n } else {\r\n stickyBar.style.display = 'none';\r\n }\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', function() {\r\n if (typeof lucide !== 'undefined') {\r\n lucide.createIcons();\r\n }\r\n startCountdown();\r\n window.addEventListener('scroll', handleScroll, { passive: true });\r\n handleScroll(); \/\/ Initial check\r\n });\r\n \r\n \/\/ Fallback for Elementor dynamic loading\r\n setTimeout(() => { \r\n if (typeof lucide !== 'undefined') {\r\n lucide.createIcons(); \r\n }\r\n }, 1000);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hera Foods – Premium Honey Nuts \u0985\u09ab\u09be\u09b0 \u09b6\u09c7\u09b7: 05:23:59 \u20b91499 \u20b91299 \u09aa\u09cd\u09b0\u09bf\u09aa\u09c7\u0987\u09a1\u09c7 \u20b9100 \u099b\u09be\u09a1\u09bc \u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf HeraFoods \u098f\u0995\u09cd\u09b8\u0995\u09cd\u09b2\u09c1\u09b8\u09bf\u09ad \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-874","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"herafoods1999","author_link":"https:\/\/herafoods.in\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Hera Foods – Premium Honey Nuts \u0985\u09ab\u09be\u09b0 \u09b6\u09c7\u09b7: 05:23:59 \u20b91499 \u20b91299 \u09aa\u09cd\u09b0\u09bf\u09aa\u09c7\u0987\u09a1\u09c7 \u20b9100 \u099b\u09be\u09a1\u09bc \u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf HeraFoods \u098f\u0995\u09cd\u09b8\u0995\u09cd\u09b2\u09c1\u09b8\u09bf\u09ad \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae […]","_links":{"self":[{"href":"https:\/\/herafoods.in\/index.php?rest_route=\/wp\/v2\/pages\/874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/herafoods.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/herafoods.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/herafoods.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/herafoods.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=874"}],"version-history":[{"count":7,"href":"https:\/\/herafoods.in\/index.php?rest_route=\/wp\/v2\/pages\/874\/revisions"}],"predecessor-version":[{"id":882,"href":"https:\/\/herafoods.in\/index.php?rest_route=\/wp\/v2\/pages\/874\/revisions\/882"}],"wp:attachment":[{"href":"https:\/\/herafoods.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}