{"id":3854,"date":"2026-03-30T16:22:43","date_gmt":"2026-03-30T16:22:43","guid":{"rendered":"https:\/\/floraindonesia.com\/?page_id=3854"},"modified":"2026-03-30T16:30:32","modified_gmt":"2026-03-30T16:30:32","slug":"engagement","status":"publish","type":"page","link":"https:\/\/floraindonesia.com\/en\/engagement\/","title":{"rendered":"Hari Tunangan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3854\" class=\"elementor elementor-3854\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f77252 e-flex e-con-boxed e-con e-parent\" data-id=\"5f77252\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-344f393 elementor-widget elementor-widget-shortcode\" data-id=\"344f393\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700&display=swap');\n        \n        #flora-tunangan-calc {\n            max-width: 600px; margin: 20px auto; padding: 25px;\n            background: #ffffff; font-family: 'Plus Jakarta Sans', sans-serif;\n            border: 1px solid #f0f0f0; border-radius: 15px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05); color: #4a4a4a;\n        }\n\n        .calc-header-tn { text-align: center; margin-bottom: 25px; }\n        .calc-header-tn h2 { font-size: 1.3rem; font-weight: 700; color: #B57B6D; text-transform: uppercase; margin-bottom: 8px; }\n        .calc-header-tn p { font-size: 0.85rem; color: #888; margin: 0; }\n\n        .sub-trigger-text-tn { text-align: center; font-weight: 600; font-size: 0.95rem; color: #B57B6D; margin: 30px 0 15px 0; padding-top: 20px; border-top: 1px dashed #eee; }\n\n        .form-section-tn { margin-bottom: 20px; }\n        .label-step-tn { font-weight: 600; font-size: 0.95rem; margin-bottom: 10px; display: block; color: #B57B6D; }\n\n        .budget-list-tn { display: flex; flex-direction: column; gap: 8px; }\n        .budget-item-tn {\n            display: flex; align-items: center; padding: 12px 15px;\n            background: #fff; border: 1.5px solid #eee; border-radius: 10px;\n            cursor: pointer; transition: 0.3s; font-size: 0.85rem; margin: 0;\n        }\n        .budget-item-tn input { margin-right: 10px; accent-color: #B57B6D; }\n        .budget-item-tn:hover { border-color: #B57B6D; background: #fdf2f0; }\n        .budget-item-tn.active { border-color: #B57B6D; background: #fdf2f0; font-weight: 600; }\n\n        .total-box-tn {\n            margin: 25px 0 10px 0; padding: 20px; text-align: center;\n            background: #B57B6D; color: white; border-radius: 12px;\n        }\n        .total-label-tn { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; opacity: 0.9; }\n        .total-value-tn { font-size: 1.8rem; font-weight: 700; display: block; }\n\n        #hasil-produk-tunangan { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 15px; min-height: 200px; }\n        .reko-item-tn { border: 1px solid #f0f0f0; padding: 10px; border-radius: 12px; text-align: center; transition: 0.3s; background: #fff; }\n        .reko-item-tn:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.05); }\n        .reko-item-tn img { width: 100%; aspect-ratio: 1\/1; object-fit: cover; border-radius: 8px; margin-bottom: 10px; }\n        .reko-item-tn p { font-size: 0.8rem; font-weight: 700; margin-bottom: 5px; color: #444; min-height: 32px; display: flex; align-items: center; justify-content: center; line-height: 1.2; margin-top: 0; }\n        .reko-price-tn { font-size: 0.75rem; color: #B57B6D; font-weight: 600; margin-bottom: 10px; display: block; }\n\n        .btn-order-tn {\n            display: block; background: #B57B6D; color: white !important;\n            padding: 8px; border-radius: 6px; font-size: 0.65rem;\n            text-decoration: none; font-weight: 700; text-transform: uppercase; text-align: center;\n        }\n\n        @media (max-width: 600px) {\n            #hasil-produk-tunangan { grid-template-columns: repeat(2, 1fr); gap: 10px; }\n            .total-value-tn { font-size: 1.4rem; }\n        }\n    <\/style>\n\n    <div id=\"flora-tunangan-calc\">\n        <!-- 1. HEADER -->\n        <div class=\"calc-header-tn\">\n            <h2>Kado Pertunangan<\/h2>\n            <p>Rayakan momen spesial pertunangan dengan hadiah terbaik untuk hari bahagia mereka.<\/p>\n        <\/div>\n\n        <!-- 2. REKOMENDASI PRODUK (Pindah ke Atas) -->\n        <label class=\"label-step-tn\" id=\"label_rekomendasi_tn\" style=\"text-align: center; font-size: 1.05rem;\">Rekomendasi Kado<\/label>\n        <div id=\"hasil-produk-tunangan\">\n                        <div class=\"reko-item-tn\">\n                <img decoding=\"async\" src=\"https:\/\/floraindonesia.com\/wp-content\/uploads\/2026\/03\/4-1-300x300.png\">\n                <p>Buket Bunga<\/p>\n                <span class=\"reko-price-tn\">Mulai Rp 200.000<\/span>\n                <a href=\"https:\/\/floraindonesia.com\/product-category\/engagement\/\" target=\"_blank\" class=\"btn-order-tn\">Lihat Detail<\/a>\n            <\/div>\n                        <div class=\"reko-item-tn\">\n                <img decoding=\"async\" src=\"https:\/\/floraindonesia.com\/wp-content\/uploads\/2026\/03\/5-1-300x300.png\">\n                <p>Buket Custom<\/p>\n                <span class=\"reko-price-tn\">Mulai Rp 250.000<\/span>\n                <a href=\"https:\/\/floraindonesia.com\/product-category\/engagement\/\" target=\"_blank\" class=\"btn-order-tn\">Lihat Detail<\/a>\n            <\/div>\n                        <div class=\"reko-item-tn\">\n                <img decoding=\"async\" src=\"https:\/\/floraindonesia.com\/wp-content\/uploads\/2026\/03\/Untitled-design-1-3-300x300.png\">\n                <p>Bloom Box<\/p>\n                <span class=\"reko-price-tn\">Mulai Rp 300.000<\/span>\n                <a href=\"https:\/\/floraindonesia.com\/product-category\/engagement\/\" target=\"_blank\" class=\"btn-order-tn\">Lihat Detail<\/a>\n            <\/div>\n                    <\/div>\n\n        <!-- 3. TEKS PEMANCING \/ TRIGGER STATEMENT -->\n        <div class=\"sub-trigger-text-tn\">\n            Kamu ga cuman sendiri untuk beli kado ini?\n        <\/div>\n\n        <!-- 4. KALKULATOR FILTER (Pindah ke Bawah) -->\n        <div class=\"form-section-tn\">\n            <label class=\"label-step-tn\">Anggaran Kamu (dalam Rupiah)<\/label>\n            <div class=\"budget-list-tn\">\n                <label class=\"budget-item-tn\"><input type=\"radio\" name=\"budget_tunangan\" value=\"500000\"> max Rp 500rb<\/label>\n                <label class=\"budget-item-tn\"><input type=\"radio\" name=\"budget_tunangan\" value=\"1000000\"> di atas Rp 500rb<\/label>\n            <\/div>\n        <\/div>\n\n        <div id=\"box_total_tunangan\" class=\"total-box-tn\" style=\"display:none;\">\n            <span class=\"total-label-tn\">Total Nilai Kado<\/span>\n            <span id=\"total_tunangan_display\" class=\"total-value-tn\">Rp 0<\/span>\n        <\/div>\n    <\/div>\n\n    <script>\n    jQuery(document).ready(function($) {\n        function jalankanFilterTunangan() {\n            var budget = parseInt($('input[name=\"budget_tunangan\"]:checked').val()) || 0;\n\n            if(budget > 0) {\n                $('#total_tunangan_display').text('Rp ' + budget.toLocaleString('id-ID'));\n                $('#box_total_tunangan').fadeIn();\n                $('#label_rekomendasi_tn').text('Kado Sesuai Budget: Rp ' + budget.toLocaleString('id-ID'));\n                \n                $('#hasil-produk-tunangan').css('opacity', '0.4');\n                $.post('https:\/\/floraindonesia.com\/wp-admin\/admin-ajax.php', {\n                    action: 'flora_filter_tunangan',\n                    total: budget,\n                    category: 'engagement', \n                    nonce: '05b2231574'\n                }, function(res) {\n                    $('#hasil-produk-tunangan').html(res).css('opacity', '1');\n                    \/\/ Scroll smooth kembali ke atas grid produk agar hasil filter langsung terlihat\n                    $('html, body').animate({\n                        scrollTop: $(\"#label_rekomendasi_tn\").offset().top - 40\n                    }, 500);\n                });\n            }\n        }\n\n        $('input[name=\"budget_tunangan\"]').on('change', function() {\n            $('.budget-item-tn').removeClass('active');\n            $(this).parent().addClass('active');\n            jalankanFilterTunangan();\n        });\n    });\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-3854","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/pages\/3854","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/comments?post=3854"}],"version-history":[{"count":4,"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/pages\/3854\/revisions"}],"predecessor-version":[{"id":3858,"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/pages\/3854\/revisions\/3858"}],"wp:attachment":[{"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/media?parent=3854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}