{"title":"Home page","description":null,"products":[{"product_id":"stom-pro-testosterone-booster","title":"STOM PRO - Power to Desire (10 Sachets)","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eSTOM PRO - Peak Performance Supplement\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;800\u0026amp;family=Playfair+Display:wght@700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Poppins', sans-serif;\n            background: #fafbf8;\n            color: #2d3436;\n            overflow-x: hidden;\n            line-height: 1.6;\n        }\n\n        \/* ==================== HERO SECTION ==================== *\/\n        .hero-container {\n            min-height: 90vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            overflow: hidden;\n            padding: 50px 20px;\n            background: linear-gradient(135deg, #ffffff 0%, #f5fef8 100%);\n        }\n\n        .hero-container::before {\n            content: '';\n            position: absolute;\n            top: 5%;\n            right: -15%;\n            width: 600px;\n            height: 600px;\n            background: radial-gradient(circle, rgba(52, 211, 153, 0.15) 0%, transparent 70%);\n            border-radius: 50%;\n            animation: floatAnimation 10s ease-in-out infinite;\n        }\n\n        .hero-container::after {\n            content: '';\n            position: absolute;\n            bottom: -10%;\n            left: -8%;\n            width: 500px;\n            height: 500px;\n            background: radial-gradient(circle, rgba(16, 185, 129, 0.12) 0%, transparent 70%);\n            border-radius: 50%;\n            animation: floatAnimation 12s ease-in-out infinite reverse;\n        }\n\n        .hero-wrapper {\n            position: relative;\n            z-index: 10;\n            text-align: center;\n            max-width: 950px;\n            animation: fadeInUpAnim 1.2s ease-out;\n        }\n\n        .hero-tagline {\n            font-size: 14px;\n            letter-spacing: 5px;\n            text-transform: uppercase;\n            color: #059669;\n            margin-bottom: 12px;\n            font-weight: 800;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n        }\n\n        .hero-tagline::before,\n        .hero-tagline::after {\n            content: '';\n            width: 10px;\n            height: 10px;\n            background: linear-gradient(135deg, #059669 0%, #10b981 100%);\n            border-radius: 50%;\n        }\n\n        .hero-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 5.5rem;\n            font-weight: 700;\n            margin-bottom: 16px;\n            background: linear-gradient(135deg, #059669 0%, #10b981 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            letter-spacing: -2px;\n            line-height: 1;\n            text-shadow: 0 10px 30px rgba(5, 150, 105, 0.1);\n        }\n\n        .hero-subtitle {\n            font-size: 1.35rem;\n            color: #5a6c7d;\n            margin-bottom: 40px;\n            line-height: 1.8;\n            font-weight: 300;\n        }\n\n        .hero-button {\n            display: inline-block;\n            padding: 20px 56px;\n            background: linear-gradient(135deg, #059669 0%, #10b981 100%);\n            color: white;\n            border: none;\n            border-radius: 50px;\n            font-size: 1.1rem;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            box-shadow: 0 12px 35px rgba(5, 150, 105, 0.25);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            font-family: 'Poppins', sans-serif;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero-button::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: rgba(255, 255, 255, 0.2);\n            transition: left 0.5s ease;\n        }\n\n        .hero-button:hover::before {\n            left: 100%;\n        }\n\n        .hero-button:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 16px 45px rgba(5, 150, 105, 0.35);\n        }\n\n        \/* ==================== FEATURES SECTION ==================== *\/\n        .features-container {\n            padding: 85px 40px;\n            max-width: 1300px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 5;\n        }\n\n        .features-title-wrapper {\n            text-align: center;\n            margin-bottom: 70px;\n            position: relative;\n        }\n\n        .features-section-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 3rem;\n            margin-bottom: 12px;\n            color: #1a1a1a;\n            position: relative;\n        }\n\n        .features-title-underline {\n            content: '';\n            display: block;\n            width: 80px;\n            height: 4px;\n            background: linear-gradient(135deg, #059669 0%, #10b981 100%);\n            margin: 18px auto 0;\n            border-radius: 2px;\n        }\n\n        .features-grid-wrapper {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 32px;\n        }\n\n        .feature-card-single {\n            background: #ffffff;\n            border: 2px solid #e5e7eb;\n            padding: 48px 36px;\n            border-radius: 16px;\n            transition: all 0.5s ease;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n        }\n\n        .feature-card-single::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: linear-gradient(135deg, #059669 0%, #10b981 100%);\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.5s ease;\n        }\n\n        .feature-card-single:hover {\n            background: linear-gradient(135deg, #f8fdf5 0%, #ffffff 100%);\n            border-color: #10b981;\n            transform: translateY(-12px);\n            box-shadow: 0 20px 40px rgba(5, 150, 105, 0.15);\n        }\n\n        .feature-card-single:hover::before {\n            transform: scaleX(1);\n        }\n\n        .feature-emoji-icon {\n            font-size: 4rem;\n            margin-bottom: 24px;\n            display: inline-block;\n            animation: bounceAnimation 2s ease-in-out infinite;\n        }\n\n        .feature-card-single:nth-child(2) .feature-emoji-icon {\n            animation-delay: 0.2s;\n        }\n\n        .feature-card-single:nth-child(3) .feature-emoji-icon {\n            animation-delay: 0.4s;\n        }\n\n        .feature-card-single:nth-child(4) .feature-emoji-icon {\n            animation-delay: 0.6s;\n        }\n\n        .feature-card-title {\n            font-size: 1.5rem;\n            margin-bottom: 14px;\n            color: #1a1a1a;\n            font-weight: 700;\n        }\n\n        .feature-card-description {\n            color: #5a6c7d;\n            line-height: 1.7;\n            font-size: 1.02rem;\n            font-weight: 300;\n        }\n\n        \/* ==================== INGREDIENTS SECTION ==================== *\/\n        .ingredients-section-container {\n            padding: 85px 40px;\n            background: linear-gradient(135deg, #f8fdf5 0%, #ffffff 100%);\n            margin: 0;\n        }\n\n        .ingredients-wrapper {\n            max-width: 1300px;\n            margin: 0 auto;\n        }\n\n        .ingredients-title-block {\n            text-align: center;\n            margin-bottom: 70px;\n        }\n\n        .ingredients-main-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 3rem;\n            margin-bottom: 12px;\n            color: #1a1a1a;\n        }\n\n        .ingredients-title-bar {\n            display: block;\n            width: 80px;\n            height: 4px;\n            background: linear-gradient(135deg, #059669 0%, #10b981 100%);\n            margin: 18px auto 0;\n            border-radius: 2px;\n        }\n\n        .ingredients-items-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 28px;\n        }\n\n        .ingredient-single-item {\n            background: #ffffff;\n            padding: 32px 28px;\n            border-radius: 14px;\n            transition: all 0.5s ease;\n            border: 2px solid #f0f0f0;\n            position: relative;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n        }\n\n        .ingredient-single-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 6px;\n            height: 100%;\n            background: linear-gradient(180deg, #059669 0%, #10b981 100%);\n            border-radius: 14px 0 0 14px;\n        }\n\n        .ingredient-single-item:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 12px 30px rgba(5, 150, 105, 0.12);\n            border-color: #10b981;\n        }\n\n        .ingredient-item-name {\n            font-weight: 700;\n            color: #059669;\n            margin-bottom: 8px;\n            font-size: 1.15rem;\n        }\n\n        .ingredient-item-dosage {\n            color: #7a8ca0;\n            font-size: 0.95rem;\n            font-weight: 300;\n            line-height: 1.5;\n        }\n\n        \/* ==================== USAGE SECTION ==================== *\/\n        .usage-section-wrapper {\n            padding: 85px 40px;\n            max-width: 1200px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        .usage-header-block {\n            margin-bottom: 60px;\n        }\n\n        .usage-main-heading {\n            font-family: 'Playfair Display', serif;\n            font-size: 3rem;\n            margin-bottom: 12px;\n            color: #1a1a1a;\n        }\n\n        .usage-heading-line {\n            display: block;\n            width: 80px;\n            height: 4px;\n            background: linear-gradient(135deg, #059669 0%, #10b981 100%);\n            margin: 18px auto 0;\n            border-radius: 2px;\n        }\n\n        .usage-boxes-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 32px;\n        }\n\n        .usage-instruction-box {\n            background: #ffffff;\n            border: 2px solid #f0f0f0;\n            padding: 40px 32px;\n            border-radius: 16px;\n            transition: all 0.5s ease;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n        }\n\n        .usage-instruction-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: -60px;\n            width: 180px;\n            height: 180px;\n            background: radial-gradient(circle, rgba(5, 150, 105, 0.08) 0%, transparent 70%);\n            border-radius: 50%;\n        }\n\n        .usage-instruction-box:hover {\n            border-color: #10b981;\n            box-shadow: 0 12px 35px rgba(5, 150, 105, 0.12);\n            transform: translateY(-6px);\n        }\n\n        .usage-box-content {\n            position: relative;\n            z-index: 1;\n        }\n\n        .usage-box-text {\n            font-size: 1.1rem;\n            line-height: 1.7;\n            color: #2d3436;\n            font-weight: 300;\n        }\n\n        \/* ==================== FOOTER SECTION ==================== *\/\n        .footer-main-wrapper {\n            background: linear-gradient(135deg, #ffffff 0%, #f8fdf5 100%);\n            padding: 45px 40px;\n            text-align: center;\n            color: #7a8ca0;\n            border-top: 2px solid rgba(5, 150, 105, 0.1);\n            font-size: 0.95rem;\n            line-height: 1.7;\n            font-weight: 300;\n        }\n\n        .footer-disclaimer-text {\n            margin-bottom: 14px;\n            max-width: 1000px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .footer-disclaimer-strong {\n            color: #2d3436;\n            font-weight: 600;\n        }\n\n        \/* ==================== ANIMATIONS ==================== *\/\n        @keyframes floatAnimation {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(50px); }\n        }\n\n        @keyframes fadeInUpAnim {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes bounceAnimation {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-12px); }\n        }\n\n        \/* ==================== RESPONSIVE ==================== *\/\n        @media (max-width: 768px) {\n            .hero-title {\n                font-size: 3.2rem;\n            }\n\n            .hero-subtitle {\n                font-size: 1.1rem;\n            }\n\n            .features-section-title,\n            .ingredients-main-title,\n            .usage-main-heading {\n                font-size: 2.2rem;\n            }\n\n            .features-container,\n            .ingredients-section-container,\n            .usage-section-wrapper {\n                padding: 50px 20px;\n            }\n\n            .features-grid-wrapper {\n                gap: 20px;\n            }\n\n            .feature-card-single {\n                padding: 32px 24px;\n            }\n\n            .ingredients-items-grid {\n                gap: 18px;\n            }\n\n            .ingredient-single-item {\n                padding: 24px 20px;\n            }\n\n            .usage-boxes-container {\n                grid-template-columns: 1fr;\n            }\n\n            .usage-instruction-box {\n                padding: 28px 24px;\n            }\n\n            .features-title-wrapper,\n            .ingredients-title-block,\n            .usage-header-block {\n                margin-bottom: 50px;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003c!-- ==================== HERO SECTION ==================== --\u003e\n    \u003csection class=\"hero-container\"\u003e\n        \u003cdiv class=\"hero-wrapper\"\u003e\n            \u003cdiv class=\"hero-tagline\"\u003ePower to Desire\u003c\/div\u003e\n            \u003ch1 class=\"hero-title\"\u003eSTOM PRO\u003c\/h1\u003e\n            \u003cp class=\"hero-subtitle\"\u003eBoost Performance \u0026amp; Vitality\u003c\/p\u003e\n            \u003cbutton class=\"hero-button\"\u003eOrder Now\u003c\/button\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ==================== FEATURES SECTION ==================== --\u003e\n    \u003csection class=\"features-container\"\u003e\n        \u003cdiv class=\"features-title-wrapper\"\u003e\n            \u003ch2 class=\"features-section-title\"\u003eKey Benefits\u003c\/h2\u003e\n            \u003cdiv class=\"features-title-underline\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"features-grid-wrapper\"\u003e\n            \u003cdiv class=\"feature-card-single\"\u003e\n                \u003cdiv class=\"feature-emoji-icon\"\u003e💪\u003c\/div\u003e\n                \u003ch3 class=\"feature-card-title\"\u003eIncreased Stamina\u003c\/h3\u003e\n                \u003cp class=\"feature-card-description\"\u003eBoost your endurance\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-card-single\"\u003e\n                \u003cdiv class=\"feature-emoji-icon\"\u003e⚡\u003c\/div\u003e\n                \u003ch3 class=\"feature-card-title\"\u003eTestosterone Boost\u003c\/h3\u003e\n                \u003cp class=\"feature-card-description\"\u003eElevate performance\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-card-single\"\u003e\n                \u003cdiv class=\"feature-emoji-icon\"\u003e🏋️\u003c\/div\u003e\n                \u003ch3 class=\"feature-card-title\"\u003eLean Muscle Growth\u003c\/h3\u003e\n                \u003cp class=\"feature-card-description\"\u003eBuild muscle faster\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-card-single\"\u003e\n                \u003cdiv class=\"feature-emoji-icon\"\u003e🔥\u003c\/div\u003e\n                \u003ch3 class=\"feature-card-title\"\u003eEnergy \u0026amp; Vitality\u003c\/h3\u003e\n                \u003cp class=\"feature-card-description\"\u003eStay energized\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ==================== INGREDIENTS SECTION ==================== --\u003e\n    \u003csection class=\"ingredients-section-container\"\u003e\n        \u003cdiv class=\"ingredients-wrapper\"\u003e\n            \u003cdiv class=\"ingredients-title-block\"\u003e\n                \u003ch2 class=\"ingredients-main-title\"\u003ePremium Formula\u003c\/h2\u003e\n                \u003cdiv class=\"ingredients-title-bar\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredients-items-grid\"\u003e\n                \u003cdiv class=\"ingredient-single-item\"\u003e\n                    \u003cdiv class=\"ingredient-item-name\"\u003eTribulus Terrestris\u003c\/div\u003e\n                    \u003cdiv class=\"ingredient-item-dosage\"\u003e500mg\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"ingredient-single-item\"\u003e\n                    \u003cdiv class=\"ingredient-item-name\"\u003eMaca Root Extract\u003c\/div\u003e\n                    \u003cdiv class=\"ingredient-item-dosage\"\u003e300mg\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"ingredient-single-item\"\u003e\n                    \u003cdiv class=\"ingredient-item-name\"\u003eFenugreek Extract\u003c\/div\u003e\n                    \u003cdiv class=\"ingredient-item-dosage\"\u003e200mg\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"ingredient-single-item\"\u003e\n                    \u003cdiv class=\"ingredient-item-name\"\u003eL-Arginine\u003c\/div\u003e\n                    \u003cdiv class=\"ingredient-item-dosage\"\u003e250mg\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"ingredient-single-item\"\u003e\n                    \u003cdiv class=\"ingredient-item-name\"\u003eFolic Acid\u003c\/div\u003e\n                    \u003cdiv class=\"ingredient-item-dosage\"\u003e100mg\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"ingredient-single-item\"\u003e\n                    \u003cdiv class=\"ingredient-item-name\"\u003eZinc\u003c\/div\u003e\n                    \u003cdiv class=\"ingredient-item-dosage\"\u003e10mg\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ==================== USAGE SECTION ==================== --\u003e\n    \u003csection class=\"usage-section-wrapper\"\u003e\n        \u003cdiv class=\"usage-header-block\"\u003e\n            \u003ch2 class=\"usage-main-heading\"\u003eHow to Use\u003c\/h2\u003e\n            \u003cdiv class=\"usage-heading-line\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"usage-boxes-container\"\u003e\n            \u003cdiv class=\"usage-instruction-box\"\u003e\n                \u003cdiv class=\"usage-box-content\"\u003e\n                    \u003cp class=\"usage-box-text\"\u003e\u003cstrong style=\"font-weight: 600; color: #2d3436;\"\u003eHow to Use\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e1 sachet (5ml) daily\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"usage-instruction-box\"\u003e\n                \u003cdiv class=\"usage-box-content\"\u003e\n                    \u003cp class=\"usage-box-text\"\u003e\u003cstrong style=\"font-weight: 600; color: #2d3436;\"\u003ePackage\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e10-Pack Supply\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ==================== FOOTER SECTION ==================== --\u003e\n    \u003cfooter class=\"footer-main-wrapper\"\u003e\n        \u003cp class=\"footer-disclaimer-text\"\u003e\u003cspan class=\"footer-disclaimer-strong\"\u003eDisclaimer:\u003c\/span\u003e Dietary supplement. Not intended to diagnose or treat disease.\u003c\/p\u003e\n        \u003cp class=\"footer-disclaimer-text\"\u003e\u003cspan class=\"footer-disclaimer-strong\"\u003eStorage:\u003c\/span\u003e Keep in cool, dry place.\u003c\/p\u003e\n    \u003c\/footer\u003e\n\n\u003c\/body\u003e","brand":"Nutragen","offers":[{"title":"Default Title","offer_id":45401968640047,"sku":null,"price":3500.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/2364\/2671\/files\/ChatGPT_Image_May_26_2026_01_31_55_AM.png?v=1779784634"}],"url":"https:\/\/nutragen.pk\/collections\/frontpage.oembed","provider":"Nutragen","version":"1.0","type":"link"}