{"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\/gratis-wooden-a2-poster-frame-mockup-in-sunlit-minimal-room\" class=\"block w-full h-full\">\n            <img src=\"storage\/products\/1788094229_main_gratis-wooden-a2-poster-frame-mockup-in-sunlit-minimal-room.jpg\"\n                alt=\"Gratis Wooden A2 Poster Frame Mockup in Sunlit Minimal Room\" 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-green-500 text-white text-xs font-bold px-2.5 py-1 rounded-lg shadow-md\">\n                        <i class=\"fa-solid fa-gift\"><\/i> GRATIS\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> 90\n            <\/span>\n        <\/div>\n\n        <a href=\"https:\/\/gifitech.digivora.com\/products\/gratis-wooden-a2-poster-frame-mockup-in-sunlit-minimal-room\">\n            <h3 class=\"font-bold text-lg mt-2 text-[#1e1e1e] line-clamp-1\">Gratis Wooden A2 Poster Frame Mockup in Sunlit Minimal Room<\/h3>\n        <\/a>\n        <p class=\"text-[#333333] text-sm\">Desain Grafis<\/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-green-600\">\n                        <i class=\"fa-solid fa-gift\"><\/i> Gratis\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\/gratis-wooden-a2-poster-frame-mockup-in-sunlit-minimal-room', 'Gratis Wooden A2 Poster Frame Mockup in Sunlit Minimal Room')\">\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\/edit-foto-wisuda-untuk-media-sosial-cetak\" class=\"block w-full h-full\">\n            <img src=\"storage\/products\/1788092469_main_edit-foto-wisuda-untuk-media-sosial-cetak.jpg\"\n                alt=\"Edit Foto Wisuda untuk Media Sosial &amp; Cetak\" 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-red-500 text-white text-xs font-bold px-2.5 py-1 rounded-lg shadow-md\">\n                        <i class=\"fa-solid fa-bolt\"><\/i> JASA\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> 87\n            <\/span>\n        <\/div>\n\n        <a href=\"https:\/\/gifitech.digivora.com\/products\/edit-foto-wisuda-untuk-media-sosial-cetak\">\n            <h3 class=\"font-bold text-lg mt-2 text-[#1e1e1e] line-clamp-1\">Edit Foto Wisuda untuk Media Sosial &amp; Cetak<\/h3>\n        <\/a>\n        <p class=\"text-[#333333] text-sm\">Desain Grafis<\/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                        50,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\/edit-foto-wisuda-untuk-media-sosial-cetak', 'Edit Foto Wisuda untuk Media Sosial &amp; Cetak')\">\n                <i class=\"fa-solid fa-share-nodes\"><\/i>\n            <\/button>\n        <\/div>\n\n        <!-- ============ INFO TAMBAHAN UNTUK JASA ============ -->\n                    <div class=\"mt-3 pt-3 border-t border-gray-100 flex items-center gap-3 text-xs text-gray-400\">\n                <span>\n                    <i class=\"fa-regular fa-clock\"><\/i> 3 hari\n                <\/span>\n                <span>\n                    <i class=\"fa-solid fa-rotate-left\"><\/i> 3x revisi\n                <\/span>\n                                    <span class=\"text-green-500 ml-auto\">\n                        <i class=\"fa-brands fa-whatsapp\"><\/i> WA\n                    <\/span>\n                            <\/div>\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\/edit-foto-artistik-manipulasi-kreatif-dan-efek-magis-untuk-sosial-media\" class=\"block w-full h-full\">\n            <img src=\"storage\/products\/1787505713_main_edit-foto-artistik-manipulasi-kreatif-dan-efek-magis-untuk-sosial-media.jpg\"\n                alt=\"Edit Foto Artistik, Manipulasi Kreatif, dan Efek Magis untuk Sosial Media\" 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-red-500 text-white text-xs font-bold px-2.5 py-1 rounded-lg shadow-md\">\n                        <i class=\"fa-solid fa-bolt\"><\/i> JASA\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> 227\n            <\/span>\n        <\/div>\n\n        <a href=\"https:\/\/gifitech.digivora.com\/products\/edit-foto-artistik-manipulasi-kreatif-dan-efek-magis-untuk-sosial-media\">\n            <h3 class=\"font-bold text-lg mt-2 text-[#1e1e1e] line-clamp-1\">Edit Foto Artistik, Manipulasi Kreatif, dan Efek Magis untuk Sosial Media<\/h3>\n        <\/a>\n        <p class=\"text-[#333333] text-sm\">Desain Grafis<\/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                        55,000\n                    <\/span>\n                                            <span class=\"text-[#333333] line-through text-sm\">\n                            <span class=\"text-xs\">Rp<\/span>85,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\/edit-foto-artistik-manipulasi-kreatif-dan-efek-magis-untuk-sosial-media', 'Edit Foto Artistik, Manipulasi Kreatif, dan Efek Magis untuk Sosial Media')\">\n                <i class=\"fa-solid fa-share-nodes\"><\/i>\n            <\/button>\n        <\/div>\n\n        <!-- ============ INFO TAMBAHAN UNTUK JASA ============ -->\n                    <div class=\"mt-3 pt-3 border-t border-gray-100 flex items-center gap-3 text-xs text-gray-400\">\n                <span>\n                    <i class=\"fa-regular fa-clock\"><\/i> 1 hari\n                <\/span>\n                <span>\n                    <i class=\"fa-solid fa-rotate-left\"><\/i> 3x revisi\n                <\/span>\n                                    <span class=\"text-green-500 ml-auto\">\n                        <i class=\"fa-brands fa-whatsapp\"><\/i> WA\n                    <\/span>\n                            <\/div>\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\/jasa-desain-banner-developer-property-profesional-custom-untuk-promosi-dan-bisnis\" class=\"block w-full h-full\">\n            <img src=\"storage\/products\/1786514163_main_jasa-desain-banner-developer-property-profesional-custom-untuk-promosi-dan-bisnis.jpg\"\n                alt=\"Jasa Desain Banner Developer Property Profesional Custom untuk Promosi dan Bisnis\" 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-red-500 text-white text-xs font-bold px-2.5 py-1 rounded-lg shadow-md\">\n                        <i class=\"fa-solid fa-bolt\"><\/i> JASA\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> 154\n            <\/span>\n        <\/div>\n\n        <a href=\"https:\/\/gifitech.digivora.com\/products\/jasa-desain-banner-developer-property-profesional-custom-untuk-promosi-dan-bisnis\">\n            <h3 class=\"font-bold text-lg mt-2 text-[#1e1e1e] line-clamp-1\">Jasa Desain Banner Developer Property Profesional Custom untuk Promosi dan Bisnis<\/h3>\n        <\/a>\n        <p class=\"text-[#333333] text-sm\">Desain Grafis<\/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                        65,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\/jasa-desain-banner-developer-property-profesional-custom-untuk-promosi-dan-bisnis', 'Jasa Desain Banner Developer Property Profesional Custom untuk Promosi dan Bisnis')\">\n                <i class=\"fa-solid fa-share-nodes\"><\/i>\n            <\/button>\n        <\/div>\n\n        <!-- ============ INFO TAMBAHAN UNTUK JASA ============ -->\n                    <div class=\"mt-3 pt-3 border-t border-gray-100 flex items-center gap-3 text-xs text-gray-400\">\n                <span>\n                    <i class=\"fa-regular fa-clock\"><\/i> 1 hari\n                <\/span>\n                <span>\n                    <i class=\"fa-solid fa-rotate-left\"><\/i> 3x revisi\n                <\/span>\n                                    <span class=\"text-green-500 ml-auto\">\n                        <i class=\"fa-brands fa-whatsapp\"><\/i> WA\n                    <\/span>\n                            <\/div>\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\/jasa-desain-banner-profesional-custom-untuk-promosi-dan-bisnis\" class=\"block w-full h-full\">\n            <img src=\"storage\/products\/1786374614_main_jasa-desain-banner-profesional-custom-untuk-promosi-bisnis.jpg\"\n                alt=\"Jasa Desain Banner Profesional Custom untuk Promosi dan Bisnis\" 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-red-500 text-white text-xs font-bold px-2.5 py-1 rounded-lg shadow-md\">\n                        <i class=\"fa-solid fa-bolt\"><\/i> JASA\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> 189\n            <\/span>\n        <\/div>\n\n        <a href=\"https:\/\/gifitech.digivora.com\/products\/jasa-desain-banner-profesional-custom-untuk-promosi-dan-bisnis\">\n            <h3 class=\"font-bold text-lg mt-2 text-[#1e1e1e] line-clamp-1\">Jasa Desain Banner Profesional Custom untuk Promosi dan Bisnis<\/h3>\n        <\/a>\n        <p class=\"text-[#333333] text-sm\">Desain Grafis<\/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                        55,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\/jasa-desain-banner-profesional-custom-untuk-promosi-dan-bisnis', 'Jasa Desain Banner Profesional Custom untuk Promosi dan Bisnis')\">\n                <i class=\"fa-solid fa-share-nodes\"><\/i>\n            <\/button>\n        <\/div>\n\n        <!-- ============ INFO TAMBAHAN UNTUK JASA ============ -->\n                    <div class=\"mt-3 pt-3 border-t border-gray-100 flex items-center gap-3 text-xs text-gray-400\">\n                <span>\n                    <i class=\"fa-regular fa-clock\"><\/i> 1 hari\n                <\/span>\n                <span>\n                    <i class=\"fa-solid fa-rotate-left\"><\/i> 3x revisi\n                <\/span>\n                                    <span class=\"text-green-500 ml-auto\">\n                        <i class=\"fa-brands fa-whatsapp\"><\/i> WA\n                    <\/span>\n                            <\/div>\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\/jasa-desain-foto-menjadi-model-poster-profesional\" class=\"block w-full h-full\">\n            <img src=\"storage\/products\/1786338376_main_jasa-desain-foto-menjadi-model-poster-profesional.jpg\"\n                alt=\"Jasa Desain Foto Menjadi Model Poster Profesional\" 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-red-500 text-white text-xs font-bold px-2.5 py-1 rounded-lg shadow-md\">\n                        <i class=\"fa-solid fa-bolt\"><\/i> JASA\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> 157\n            <\/span>\n        <\/div>\n\n        <a href=\"https:\/\/gifitech.digivora.com\/products\/jasa-desain-foto-menjadi-model-poster-profesional\">\n            <h3 class=\"font-bold text-lg mt-2 text-[#1e1e1e] line-clamp-1\">Jasa Desain Foto Menjadi Model Poster Profesional<\/h3>\n        <\/a>\n        <p class=\"text-[#333333] text-sm\">Desain Grafis<\/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                        65,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\/jasa-desain-foto-menjadi-model-poster-profesional', 'Jasa Desain Foto Menjadi Model Poster Profesional')\">\n                <i class=\"fa-solid fa-share-nodes\"><\/i>\n            <\/button>\n        <\/div>\n\n        <!-- ============ INFO TAMBAHAN UNTUK JASA ============ -->\n                    <div class=\"mt-3 pt-3 border-t border-gray-100 flex items-center gap-3 text-xs text-gray-400\">\n                <span>\n                    <i class=\"fa-regular fa-clock\"><\/i> 1 hari\n                <\/span>\n                <span>\n                    <i class=\"fa-solid fa-rotate-left\"><\/i> 3x revisi\n                <\/span>\n                                    <span class=\"text-green-500 ml-auto\">\n                        <i class=\"fa-brands fa-whatsapp\"><\/i> WA\n                    <\/span>\n                            <\/div>\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\/rujukan-para-logo-desainer-koleksi-inspirasi-logo-profesional\" class=\"block w-full h-full\">\n            <img src=\"storage\/products\/1780141090_main_rujukan-para-logo-desainer-koleksi-inspirasi-logo-profesional.jpg\"\n                alt=\"Rujukan Para Logo Desainer \u2013 Koleksi Inspirasi Logo Profesional\" 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> 92\n            <\/span>\n        <\/div>\n\n        <a href=\"https:\/\/gifitech.digivora.com\/products\/rujukan-para-logo-desainer-koleksi-inspirasi-logo-profesional\">\n            <h3 class=\"font-bold text-lg mt-2 text-[#1e1e1e] line-clamp-1\">Rujukan Para Logo Desainer \u2013 Koleksi Inspirasi Logo Profesional<\/h3>\n        <\/a>\n        <p class=\"text-[#333333] text-sm\">Desain Grafis<\/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                        13,000\n                    <\/span>\n                                            <span class=\"text-[#333333] line-through text-sm\">\n                            <span class=\"text-xs\">Rp<\/span>65,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\/rujukan-para-logo-desainer-koleksi-inspirasi-logo-profesional', 'Rujukan Para Logo Desainer \u2013 Koleksi Inspirasi Logo Profesional')\">\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\/master-collection-coreldraw-premium-5000-template-desain-siap-pakai\" class=\"block w-full h-full\">\n            <img src=\"storage\/products\/1780115346_main_master-collection-coreldraw-premium-5000-template-desain-siap-pakai.jpg\"\n                alt=\"Master Collection CorelDRAW Premium \u2013 5000+ Template Desain Siap Pakai\" 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> 324\n            <\/span>\n        <\/div>\n\n        <a href=\"https:\/\/gifitech.digivora.com\/products\/master-collection-coreldraw-premium-5000-template-desain-siap-pakai\">\n            <h3 class=\"font-bold text-lg mt-2 text-[#1e1e1e] line-clamp-1\">Master Collection CorelDRAW Premium \u2013 5000+ Template Desain Siap Pakai<\/h3>\n        <\/a>\n        <p class=\"text-[#333333] text-sm\">Desain Grafis<\/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                        15,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\/master-collection-coreldraw-premium-5000-template-desain-siap-pakai', 'Master Collection CorelDRAW Premium \u2013 5000+ Template Desain Siap Pakai')\">\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\/mega-paket-desain-photoshop-koleksi-asset-grafis-premium\" class=\"block w-full h-full\">\n            <img src=\"storage\/products\/1780067210_main_mega-paket-desain-photoshop-koleksi-asset-grafis-premium.jpg\"\n                alt=\"Mega Paket Desain Photoshop &amp; Koleksi Asset Grafis Premium\" 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> 320\n            <\/span>\n        <\/div>\n\n        <a href=\"https:\/\/gifitech.digivora.com\/products\/mega-paket-desain-photoshop-koleksi-asset-grafis-premium\">\n            <h3 class=\"font-bold text-lg mt-2 text-[#1e1e1e] line-clamp-1\">Mega Paket Desain Photoshop &amp; Koleksi Asset Grafis Premium<\/h3>\n        <\/a>\n        <p class=\"text-[#333333] text-sm\">Desain Grafis<\/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                        12,000\n                    <\/span>\n                                            <span class=\"text-[#333333] line-through text-sm\">\n                            <span class=\"text-xs\">Rp<\/span>66,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\/mega-paket-desain-photoshop-koleksi-asset-grafis-premium', 'Mega Paket Desain Photoshop &amp; Koleksi Asset Grafis Premium')\">\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>"}