{"success":true,"html":"<div class=\"card-market group\">\n    \n    <div class=\"relative h-48 sm:h-52 md:h-44 lg:h-48 overflow-hidden bg-gradient-to-br from-[#ff6347]\/20 to-[#00bfff]\/20 rounded-t-xl\">\n        <a href=\"https:\/\/gifitech.digivora.com\/products\/kumpulan-template-3d-box-mudah-di-edit\" class=\"block w-full h-full\">\n            <img src=\"storage\/products\/1779452155_kumpulan-template-3d-box-mudah-di-edit.jpg\"\n                alt=\"Kumpulan Template 3D Box Mudah di Edit\" loading=\"lazy\"\n                class=\"w-full h-full object-cover transition-transform duration-500 ease-out hover:scale-110\">\n            \n            <!-- ============ BADGE TIPE PRODUK (NEW) ============ -->\n            <div class=\"absolute top-3 left-3 flex flex-col gap-1 z-10 opacity-75\">\n                                    <span class=\"bg-blue-500 text-white text-xs font-bold px-2.5 py-1 rounded-lg shadow-md\">\n                        <i class=\"fa-solid fa-cloud-arrow-down\"><\/i> DIGITAL\n                    <\/span>\n                            <\/div>\n\n            <!-- ============ BADGE NEW ============ -->\n            \n            <!-- ============ BADGE FEATURED ============ -->\n                        \n            <div class=\"absolute inset-0 bg-black\/0 hover:bg-black\/20 transition-all duration-300\"><\/div>\n        <\/a>\n    <\/div>\n\n    <div class=\"p-5\">\n        <div class=\"flex justify-between\">\n            <div class=\"star-rating text-sm\">\n                <i class=\"fa-solid fa-star\"><\/i>\n                <i class=\"fa-solid fa-star\"><\/i>\n                <i class=\"fa-solid fa-star\"><\/i>\n                <i class=\"fa-solid fa-star\"><\/i>\n                <i class=\"fa-regular fa-star\"><\/i>\n            <\/div>\n            <span class=\"text-xs text-[#333333] bg-green-50 px-2 py-0.5 rounded-full border border-green-100\">\n                <i class=\"fa-solid fa-eye\"><\/i> 78\n            <\/span>\n        <\/div>\n\n        <a href=\"https:\/\/gifitech.digivora.com\/products\/kumpulan-template-3d-box-mudah-di-edit\">\n            <h3 class=\"font-bold text-lg mt-2 text-[#1e1e1e] line-clamp-1\">Kumpulan Template 3D Box Mudah di Edit<\/h3>\n        <\/a>\n        <p class=\"text-[#333333] text-sm\">PowerPoint<\/p>\n\n        <div class=\"flex justify-between items-center mt-5\">\n            <!-- ============ HARGA (DENGAN CEK FREE) ============ -->\n            <div class=\"flex flex-col\">\n                                    <span class=\"text-2xl font-black text-[#ff6347]\">\n                        <span class=\"text-xs align-top inline-block mt-0.5\">Rp<\/span>\n                        25,000\n                    <\/span>\n                                            <span class=\"text-[#333333] line-through text-sm\">\n                            <span class=\"text-xs\">Rp<\/span>99,000\n                        <\/span>\n                                                <\/div>\n\n            <!-- ============ BUTTON SHARE ============ -->\n            <button class=\"bg-[#eeeeee] rounded-full hover:bg-[#ff6347]\/10 transition p-2.5\" \n                onclick=\"shareProduct('https:\/\/gifitech.digivora.com\/products\/kumpulan-template-3d-box-mudah-di-edit', 'Kumpulan Template 3D Box Mudah di Edit')\">\n                <i class=\"fa-solid fa-share-nodes\"><\/i>\n            <\/button>\n        <\/div>\n\n        <!-- ============ INFO TAMBAHAN UNTUK JASA ============ -->\n            <\/div>\n<\/div>\n\n<script>\n\/**\n * Share produk menggunakan Web Share API atau fallback copy\n *\/\nfunction shareProduct(url, productName) {\n    let fullUrl = url || window.location.href;\n    \n    const shareData = {\n        title: productName,\n        text: 'Lihat produk ini di GifiTech!',\n        url: fullUrl\n    };\n\n    if (navigator.share) {\n        navigator.share(shareData).catch(() => copyToClipboard(fullUrl));\n    } else {\n        copyToClipboard(fullUrl);\n    }\n}\n\n\/**\n * Copy URL ke clipboard\n *\/\nfunction copyToClipboard(url) {\n    navigator.clipboard.writeText(url)\n        .then(() => alert('Link produk disalin: ' + url))\n        .catch(() => {\n            const success = prompt('Salin link manual:', url);\n            return success !== null;\n        });\n}\n<\/script><div class=\"card-market group\">\n    \n    <div class=\"relative h-48 sm:h-52 md:h-44 lg:h-48 overflow-hidden bg-gradient-to-br from-[#ff6347]\/20 to-[#00bfff]\/20 rounded-t-xl\">\n        <a href=\"https:\/\/gifitech.digivora.com\/products\/bundle-100-template-ppt-siap-pakai-profesional-untuk-bisnis-kuliah\" class=\"block w-full h-full\">\n            <img src=\"storage\/products\/1779160852_bundle-100-template-ppt-siap-pakai-profesional-untuk-bisnis-kuliah.jpg\"\n                alt=\"Bundle 100+ Template PPT Siap Pakai Profesional untuk Bisnis &amp; Kuliah\" loading=\"lazy\"\n                class=\"w-full h-full object-cover transition-transform duration-500 ease-out hover:scale-110\">\n            \n            <!-- ============ BADGE TIPE PRODUK (NEW) ============ -->\n            <div class=\"absolute top-3 left-3 flex flex-col gap-1 z-10 opacity-75\">\n                                    <span class=\"bg-blue-500 text-white text-xs font-bold px-2.5 py-1 rounded-lg shadow-md\">\n                        <i class=\"fa-solid fa-cloud-arrow-down\"><\/i> DIGITAL\n                    <\/span>\n                            <\/div>\n\n            <!-- ============ BADGE NEW ============ -->\n            \n            <!-- ============ BADGE FEATURED ============ -->\n                        \n            <div class=\"absolute inset-0 bg-black\/0 hover:bg-black\/20 transition-all duration-300\"><\/div>\n        <\/a>\n    <\/div>\n\n    <div class=\"p-5\">\n        <div class=\"flex justify-between\">\n            <div class=\"star-rating text-sm\">\n                <i class=\"fa-solid fa-star\"><\/i>\n                <i class=\"fa-solid fa-star\"><\/i>\n                <i class=\"fa-solid fa-star\"><\/i>\n                <i class=\"fa-solid fa-star\"><\/i>\n                <i class=\"fa-regular fa-star\"><\/i>\n            <\/div>\n            <span class=\"text-xs text-[#333333] bg-green-50 px-2 py-0.5 rounded-full border border-green-100\">\n                <i class=\"fa-solid fa-eye\"><\/i> 84\n            <\/span>\n        <\/div>\n\n        <a href=\"https:\/\/gifitech.digivora.com\/products\/bundle-100-template-ppt-siap-pakai-profesional-untuk-bisnis-kuliah\">\n            <h3 class=\"font-bold text-lg mt-2 text-[#1e1e1e] line-clamp-1\">Bundle 100+ Template PPT Siap Pakai Profesional untuk Bisnis &amp; Kuliah<\/h3>\n        <\/a>\n        <p class=\"text-[#333333] text-sm\">PowerPoint<\/p>\n\n        <div class=\"flex justify-between items-center mt-5\">\n            <!-- ============ HARGA (DENGAN CEK FREE) ============ -->\n            <div class=\"flex flex-col\">\n                                    <span class=\"text-2xl font-black text-[#ff6347]\">\n                        <span class=\"text-xs align-top inline-block mt-0.5\">Rp<\/span>\n                        35,000\n                    <\/span>\n                                            <span class=\"text-[#333333] line-through text-sm\">\n                            <span class=\"text-xs\">Rp<\/span>99,000\n                        <\/span>\n                                                <\/div>\n\n            <!-- ============ BUTTON SHARE ============ -->\n            <button class=\"bg-[#eeeeee] rounded-full hover:bg-[#ff6347]\/10 transition p-2.5\" \n                onclick=\"shareProduct('https:\/\/gifitech.digivora.com\/products\/bundle-100-template-ppt-siap-pakai-profesional-untuk-bisnis-kuliah', 'Bundle 100+ Template PPT Siap Pakai Profesional untuk Bisnis &amp; Kuliah')\">\n                <i class=\"fa-solid fa-share-nodes\"><\/i>\n            <\/button>\n        <\/div>\n\n        <!-- ============ INFO TAMBAHAN UNTUK JASA ============ -->\n            <\/div>\n<\/div>\n\n<script>\n\/**\n * Share produk menggunakan Web Share API atau fallback copy\n *\/\nfunction shareProduct(url, productName) {\n    let fullUrl = url || window.location.href;\n    \n    const shareData = {\n        title: productName,\n        text: 'Lihat produk ini di GifiTech!',\n        url: fullUrl\n    };\n\n    if (navigator.share) {\n        navigator.share(shareData).catch(() => copyToClipboard(fullUrl));\n    } else {\n        copyToClipboard(fullUrl);\n    }\n}\n\n\/**\n * Copy URL ke clipboard\n *\/\nfunction copyToClipboard(url) {\n    navigator.clipboard.writeText(url)\n        .then(() => alert('Link produk disalin: ' + url))\n        .catch(() => {\n            const success = prompt('Salin link manual:', url);\n            return success !== null;\n        });\n}\n<\/script>"}