{"id":262,"date":"2026-05-21T17:37:45","date_gmt":"2026-05-21T09:37:45","guid":{"rendered":"https:\/\/fruityglow.senangbeli.com\/?page_id=262"},"modified":"2026-05-22T16:44:13","modified_gmt":"2026-05-22T08:44:13","slug":"elementor-262","status":"publish","type":"page","link":"https:\/\/fruityglow.senangbeli.com\/index.php\/elementor-262\/","title":{"rendered":"Elementor #262"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nTRICARE+ Weight Management<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n overflow-x:hidden;\r\n background:#fffaf7;\r\n font-family:'Poppins',sans-serif;\r\n color:#222;\r\n}\r\n\r\n.tricare-container{\r\n width:90%;\r\n max-width:1200px;\r\n margin:auto;\r\n}\r\n\r\n.tricare-title{\r\n text-align:center;\r\n margin-bottom:60px;\r\n}\r\n\r\n.tricare-title h2{\r\n font-size:42px;\r\n font-weight:800;\r\n margin-bottom:15px;\r\n}\r\n\r\n.tricare-title p{\r\n color:#666;\r\n max-width:700px;\r\n margin:auto;\r\n line-height:1.8;\r\n}\r\n\r\n.tricare-btn{\r\n display:inline-block;\r\n padding:18px 38px;\r\n background:#ff6f4f;\r\n color:#fff;\r\n text-decoration:none;\r\n border-radius:60px;\r\n font-weight:700;\r\n letter-spacing:1px;\r\n border:none;\r\n cursor:pointer;\r\n transition:0.3s;\r\n box-shadow:0 15px 30px rgba(255,111,79,0.3);\r\n}\r\n\r\n.tricare-btn:hover{\r\n transform:translateY(-5px);\r\n background:#ff5d38;\r\n}\r\n\r\n.tricare-card{\r\n background:#fff;\r\n padding:35px;\r\n border-radius:25px;\r\n box-shadow:0 10px 30px rgba(0,0,0,0.05);\r\n transition:0.3s;\r\n}\r\n\r\n.tricare-card:hover{\r\n transform:translateY(-8px);\r\n}\r\n\r\n\/* ===== HERO ===== *\/\r\n\r\n.tricare-hero{\r\n min-height:100vh;\r\n display:flex;\r\n align-items:center;\r\n padding:80px 0;\r\n background:\r\n radial-gradient(circle at top right,#ffd8cb 0%,transparent 30%),\r\n linear-gradient(135deg,#fff8f5,#ffe9e1);\r\n}\r\n\r\n.tricare-hero-wrapper{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:60px;\r\n align-items:center;\r\n}\r\n\r\n.tricare-rating{\r\n display:inline-block;\r\n background:#fff;\r\n padding:12px 18px;\r\n border-radius:50px;\r\n margin-bottom:20px;\r\n font-weight:600;\r\n box-shadow:0 5px 20px rgba(0,0,0,0.06);\r\n}\r\n\r\n.tricare-badge{\r\n display:inline-block;\r\n background:#ffe0d6;\r\n color:#ff5d38;\r\n padding:10px 18px;\r\n border-radius:50px;\r\n font-size:13px;\r\n font-weight:700;\r\n margin-bottom:25px;\r\n}\r\n\r\n.tricare-hero-content h1{\r\n font-size:62px;\r\n line-height:1.1;\r\n font-weight:800;\r\n margin-bottom:25px;\r\n}\r\n\r\n.tricare-hero-content h1 span{\r\n color:#ff6f4f;\r\n}\r\n\r\n.tricare-desc{\r\n font-size:17px;\r\n color:#555;\r\n line-height:1.9;\r\n margin-bottom:35px;\r\n}\r\n\r\n.tricare-benefits{\r\n margin:30px 0 40px;\r\n}\r\n\r\n.tricare-benefit{\r\n display:flex;\r\n align-items:center;\r\n gap:14px;\r\n margin-bottom:16px;\r\n font-size:16px;\r\n color:#333;\r\n}\r\n\r\n.tricare-benefit span.check{\r\n width:28px;\r\n height:28px;\r\n background:#ff6f4f;\r\n color:#fff;\r\n border-radius:50%;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n flex-shrink:0;\r\n font-size:14px;\r\n}\r\n\r\n.tricare-hero-image{\r\n position:relative;\r\n text-align:center;\r\n}\r\n\r\n.tricare-hero-image img{\r\n width:100%;\r\n max-width:420px;\r\n animation:tricareFloat 4s ease-in-out infinite;\r\n filter:drop-shadow(0 30px 40px rgba(0,0,0,0.2));\r\n}\r\n\r\n.tricare-floating-card{\r\n position:absolute;\r\n background:#fff;\r\n padding:14px 18px;\r\n border-radius:18px;\r\n box-shadow:0 10px 25px rgba(0,0,0,0.08);\r\n font-weight:600;\r\n font-size:14px;\r\n}\r\n\r\n.card-1{ top:15%; left:0; }\r\n.card-2{ bottom:15%; right:0; }\r\n\r\n@keyframes tricareFloat{\r\n 0%{ transform:translateY(0); }\r\n 50%{ transform:translateY(-15px); }\r\n 100%{ transform:translateY(0); }\r\n}\r\n\r\n\/* ===== PROBLEM ===== *\/\r\n\r\n.tricare-problem{\r\n padding:100px 0;\r\n background:#fff7f4;\r\n}\r\n\r\n.tricare-problem-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(250px,1fr));\r\n gap:25px;\r\n}\r\n\r\n.tricare-card h3{\r\n font-size:22px;\r\n margin-bottom:15px;\r\n color:#ff6f4f;\r\n}\r\n\r\n.tricare-card p{\r\n color:#666;\r\n line-height:1.8;\r\n}\r\n\r\n\/* ===== BENEFITS ===== *\/\r\n\r\n.tricare-benefits-section{\r\n padding:100px 0;\r\n background:#fff;\r\n}\r\n\r\n.tricare-benefits-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(280px,1fr));\r\n gap:25px;\r\n}\r\n\r\n.tricare-benefit-card{\r\n background:#fff2ed;\r\n padding:40px 35px;\r\n border-radius:28px;\r\n text-align:center;\r\n transition:0.3s;\r\n}\r\n\r\n.tricare-benefit-card:hover{\r\n transform:translateY(-8px);\r\n}\r\n\r\n.tricare-benefit-top{\r\n width:70px;\r\n height:70px;\r\n margin:auto auto 25px;\r\n border-radius:50%;\r\n background:#fff;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:30px;\r\n box-shadow:0 8px 20px rgba(255,111,79,0.15);\r\n}\r\n\r\n.tricare-benefit-card h3{\r\n font-size:20px;\r\n margin-bottom:12px;\r\n color:#ff6f4f;\r\n}\r\n\r\n.tricare-benefit-card p{\r\n color:#666;\r\n line-height:1.8;\r\n}\r\n\r\n\/* ===== TESTIMONIAL ===== *\/\r\n\r\n.tricare-testimonial{\r\n padding:100px 0;\r\n background:#fff7f4;\r\n}\r\n\r\n.tricare-testimonial-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(250px,1fr));\r\n gap:25px;\r\n}\r\n\r\n.tricare-card p{\r\n color:#555;\r\n line-height:1.8;\r\n font-style:italic;\r\n}\r\n\r\n.tricare-card strong{\r\n display:block;\r\n margin-top:20px;\r\n color:#ff6f4f;\r\n}\r\n\r\n\/* ===== ORDER SECTION ===== *\/\r\n\r\n.tricare-order-section{\r\n padding:100px 0;\r\n background:#fff2ed;\r\n}\r\n\r\n.tricare-package-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\r\n gap:30px;\r\n margin-bottom:60px;\r\n align-items:center;\r\n}\r\n\r\n.tricare-package-card{\r\n background:#fff;\r\n border-radius:30px;\r\n padding:45px 35px;\r\n text-align:center;\r\n cursor:pointer;\r\n border:3px solid transparent;\r\n transition:0.3s;\r\n position:relative;\r\n}\r\n\r\n.tricare-package-card:hover{\r\n transform:translateY(-6px);\r\n box-shadow:0 15px 40px rgba(255,111,79,0.15);\r\n}\r\n\r\n.active-package{\r\n border-color:#ff6f4f;\r\n box-shadow:0 15px 40px rgba(255,111,79,0.2);\r\n}\r\n\r\n.popular-package{\r\n transform:scale(1.05);\r\n}\r\n\r\n.popular-package:hover{\r\n transform:scale(1.05) translateY(-6px);\r\n}\r\n\r\n.popular-badge{\r\n position:absolute;\r\n top:-15px;\r\n left:50%;\r\n transform:translateX(-50%);\r\n background:#ff6f4f;\r\n color:#fff;\r\n padding:8px 18px;\r\n border-radius:50px;\r\n font-size:12px;\r\n font-weight:700;\r\n white-space:nowrap;\r\n}\r\n\r\n.package-top{\r\n color:#ff6f4f;\r\n font-weight:700;\r\n margin-bottom:20px;\r\n font-size:15px;\r\n letter-spacing:1px;\r\n}\r\n\r\n.tricare-package-card h3{\r\n font-size:54px;\r\n font-weight:800;\r\n margin-bottom:25px;\r\n color:#222;\r\n}\r\n\r\n.tricare-package-card ul{\r\n list-style:none;\r\n}\r\n\r\n.tricare-package-card li{\r\n margin-bottom:12px;\r\n color:#555;\r\n}\r\n\r\n\/* FORM *\/\r\n\r\n.tricare-form-wrap{\r\n background:#fff;\r\n padding:50px;\r\n border-radius:30px;\r\n box-shadow:0 20px 60px rgba(0,0,0,0.07);\r\n}\r\n\r\n.tricare-stock{\r\n background:#fff4ef;\r\n color:#ff5d38;\r\n padding:16px;\r\n border-radius:16px;\r\n text-align:center;\r\n font-weight:700;\r\n margin-bottom:20px;\r\n}\r\n\r\n.selected-package{\r\n text-align:center;\r\n margin-bottom:30px;\r\n font-size:18px;\r\n}\r\n\r\n.form-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.form-group{\r\n display:flex;\r\n flex-direction:column;\r\n}\r\n\r\n.form-group.full{\r\n grid-column:1\/3;\r\n}\r\n\r\n.form-group label{\r\n margin-bottom:10px;\r\n font-weight:600;\r\n font-size:14px;\r\n}\r\n\r\n.form-group input,\r\n.form-group textarea,\r\n.form-group select{\r\n padding:16px;\r\n border:2px solid #eee;\r\n border-radius:16px;\r\n font-family:'Poppins',sans-serif;\r\n font-size:15px;\r\n transition:0.2s;\r\n outline:none;\r\n}\r\n\r\n.form-group input:focus,\r\n.form-group textarea:focus,\r\n.form-group select:focus{\r\n border-color:#ff6f4f;\r\n}\r\n\r\n.form-group textarea{\r\n min-height:120px;\r\n resize:none;\r\n}\r\n\r\n.submit-order-btn{\r\n width:100%;\r\n margin-top:30px;\r\n padding:20px;\r\n border:none;\r\n border-radius:60px;\r\n background:#ff6f4f;\r\n color:#fff;\r\n font-size:16px;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:0.3s;\r\n box-shadow:0 15px 30px rgba(255,111,79,0.3);\r\n font-family:'Poppins',sans-serif;\r\n}\r\n\r\n.submit-order-btn:hover{\r\n background:#ff5d38;\r\n transform:translateY(-3px);\r\n}\r\n\r\n.submit-order-btn:disabled{\r\n opacity:0.7;\r\n cursor:not-allowed;\r\n transform:none;\r\n}\r\n\r\n.form-error{\r\n display:none;\r\n}\r\n\r\n.form-error.show{\r\n display:block;\r\n background:#ffe5e5;\r\n color:#d40000;\r\n padding:16px;\r\n border-radius:14px;\r\n margin-bottom:20px;\r\n}\r\n\r\n.err{\r\n border-color:red !important;\r\n}\r\n\r\n\/* SUCCESS *\/\r\n\r\n.success-wrap{\r\n display:none;\r\n background:#fff;\r\n padding:60px;\r\n border-radius:30px;\r\n text-align:center;\r\n box-shadow:0 20px 60px rgba(0,0,0,0.07);\r\n}\r\n\r\n.success-wrap.show{\r\n display:block;\r\n}\r\n\r\n.success-icon{\r\n font-size:70px;\r\n margin-bottom:20px;\r\n}\r\n\r\n.success-wrap h2{\r\n font-size:32px;\r\n margin-bottom:15px;\r\n}\r\n\r\n\/* ===== CTA ===== *\/\r\n\r\n.tricare-cta{\r\n padding:100px 0;\r\n text-align:center;\r\n background:linear-gradient(135deg,#ff6f4f,#ff8c72);\r\n color:#fff;\r\n}\r\n\r\n.tricare-cta h2{\r\n font-size:50px;\r\n margin-bottom:20px;\r\n font-weight:800;\r\n}\r\n\r\n.tricare-cta p{\r\n font-size:18px;\r\n margin-bottom:35px;\r\n opacity:0.9;\r\n}\r\n\r\n.tricare-cta .tricare-btn{\r\n background:#fff;\r\n color:#ff6f4f;\r\n box-shadow:0 15px 30px rgba(0,0,0,0.15);\r\n}\r\n\r\n.tricare-cta .tricare-btn:hover{\r\n background:#111;\r\n color:#fff;\r\n}\r\n\r\n\/* ===== MOBILE ===== *\/\r\n\r\n@media(max-width:900px){\r\n\r\n .tricare-hero-wrapper{\r\n grid-template-columns:1fr;\r\n text-align:center;\r\n }\r\n\r\n .tricare-hero-content h1{\r\n font-size:38px;\r\n }\r\n\r\n .tricare-benefit{\r\n justify-content:center;\r\n }\r\n\r\n .tricare-floating-card{\r\n display:none;\r\n }\r\n\r\n .tricare-title h2{\r\n font-size:32px;\r\n }\r\n\r\n .tricare-cta h2{\r\n font-size:36px;\r\n }\r\n\r\n .form-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .form-group.full{\r\n grid-column:auto;\r\n }\r\n\r\n .tricare-form-wrap{\r\n padding:30px 20px;\r\n }\r\n\r\n .popular-package{\r\n transform:none;\r\n }\r\n\r\n .popular-package:hover{\r\n transform:translateY(-6px);\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- ===== HERO ===== -->\r\n\r\n<section class=\"tricare-hero\">\r\n\r\n <div class=\"tricare-container tricare-hero-wrapper\">\r\n\r\n <div class=\"tricare-hero-content\">\r\n\r\n <div class=\"tricare-rating\">\r\n \u2b50 4.9\/5 Pengguna Malaysia\r\n <\/div>\r\n\r\n <span class=\"tricare-badge\">\r\n TRI-BIOTIC MIXBERRIES JUICE\r\n <\/span>\r\n\r\n <h1>\r\n Perut Buncit & Berat Susah Turun?\r\n <span>Mulakan Dari Usus.<\/span>\r\n <\/h1>\r\n\r\n <p class=\"tricare-desc\">\r\n Dengan gabungan Prebiotic, Probiotic & Postbiotic, TRICARE+ membantu menyokong penghadaman, metabolisme dan kesihatan usus supaya badan rasa lebih ringan setiap hari.\r\n <\/p>\r\n\r\n <div class=\"tricare-benefits\">\r\n\r\n <div class=\"tricare-benefit\">\r\n <span class=\"check\">\u2714<\/span>\r\n Bantu kawal craving makan\r\n <\/div>\r\n\r\n <div class=\"tricare-benefit\">\r\n <span class=\"check\">\u2714<\/span>\r\n Penghadaman lebih lancar\r\n <\/div>\r\n\r\n <div class=\"tricare-benefit\">\r\n <span class=\"check\">\u2714<\/span>\r\n Bantu usus lebih sihat\r\n <\/div>\r\n\r\n <div class=\"tricare-benefit\">\r\n <span class=\"check\">\u2714<\/span>\r\n Sokong pengurusan berat badan\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <a href=\"#order\" class=\"tricare-btn\">\r\n Tempah Sekarang\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <div class=\"tricare-hero-image\">\r\n\r\n <div class=\"tricare-floating-card card-1\">\r\n \ud83d\udd25 Popular Choice\r\n <\/div>\r\n\r\n <div class=\"tricare-floating-card card-2\">\r\n \u2728 Mixberries Flavor\r\n <\/div>\r\n\r\n <!-- Tukar link gambar di sini -->\r\n <img decoding=\"async\" src=\"YOUR-IMAGE-LINK-HERE\" alt=\"TRICARE+\">\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ===== PROBLEM ===== -->\r\n\r\n<section class=\"tricare-problem\">\r\n\r\n <div class=\"tricare-container\">\r\n\r\n <div class=\"tricare-title\">\r\n <h2>Anda Ada Masalah Ini?<\/h2>\r\n <p>Ramai tak sedar masalah berat badan sebenarnya berpunca daripada sistem penghadaman yang tak seimbang.<\/p>\r\n <\/div>\r\n\r\n <div class=\"tricare-problem-grid\">\r\n\r\n <div class=\"tricare-card\">\r\n <h3>Perut Buncit<\/h3>\r\n <p>Perut rasa bloated dan susah nak kempis walaupun dah cuba jaga makan.<\/p>\r\n <\/div>\r\n\r\n <div class=\"tricare-card\">\r\n <h3>Susah Lawas<\/h3>\r\n <p>Penghadaman tak lancar buat badan rasa berat dan tak selesa.<\/p>\r\n <\/div>\r\n\r\n <div class=\"tricare-card\">\r\n <h3>Craving Tinggi<\/h3>\r\n <p>Selalu mengidam makanan manis dan junk food.<\/p>\r\n <\/div>\r\n\r\n <div class=\"tricare-card\">\r\n <h3>Badan Cepat Penat<\/h3>\r\n <p>Rasa lesu dan kurang bertenaga sepanjang hari.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ===== BENEFITS ===== -->\r\n\r\n<section class=\"tricare-benefits-section\">\r\n\r\n <div class=\"tricare-container\">\r\n\r\n <div class=\"tricare-title\">\r\n <h2>Kenapa Ramai Pilih TRICARE+?<\/h2>\r\n <\/div>\r\n\r\n <div class=\"tricare-benefits-grid\">\r\n\r\n <div class=\"tricare-benefit-card\">\r\n <div class=\"tricare-benefit-top\">\ud83e\uddec<\/div>\r\n <h3>TRI-BIOTIC Formula<\/h3>\r\n <p>Gabungan Prebiotic, Probiotic & Postbiotic untuk menyokong usus lebih sihat secara menyeluruh.<\/p>\r\n <\/div>\r\n\r\n <div class=\"tricare-benefit-card\">\r\n <div class=\"tricare-benefit-top\">\ud83c\udf53<\/div>\r\n <h3>Mixberries Juice<\/h3>\r\n <p>Rasa lebih sedap dan mudah diamalkan setiap hari tanpa rasa terpaksa.<\/p>\r\n <\/div>\r\n\r\n <div class=\"tricare-benefit-card\">\r\n <div class=\"tricare-benefit-top\">\ud83d\udce6<\/div>\r\n <h3>Mudah Diamalkan<\/h3>\r\n <p>Hanya 1 sachet sehari untuk gaya hidup lebih sihat dan lebih ringan.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ===== TESTIMONIAL ===== -->\r\n\r\n<section class=\"tricare-testimonial\">\r\n\r\n <div class=\"tricare-container\">\r\n\r\n <div class=\"tricare-title\">\r\n <h2>Ramai Dah Mula Rasa Perubahan<\/h2>\r\n <\/div>\r\n\r\n <div class=\"tricare-testimonial-grid\">\r\n\r\n <div class=\"tricare-card\">\r\n <p>\"Perut rasa lebih ringan dan senang lawas bila konsisten amal.\"<\/p>\r\n <strong>\u2014 Aina<\/strong>\r\n <\/div>\r\n\r\n <div class=\"tricare-card\">\r\n <p>\"Craving makan manis makin kurang dan badan rasa lebih fresh.\"<\/p>\r\n <strong>\u2014 Syafiq<\/strong>\r\n <\/div>\r\n\r\n <div class=\"tricare-card\">\r\n <p>\"Mudah nak amal sebab rasa sedap dan convenient.\"<\/p>\r\n <strong>\u2014 Huda<\/strong>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ===== ORDER ===== -->\r\n\r\n<section class=\"tricare-order-section\" id=\"order\">\r\n\r\n <div class=\"tricare-container\">\r\n\r\n <div class=\"tricare-title\">\r\n <h2>Pilih Pakej Anda<\/h2>\r\n <p>Lagi banyak kotak, lagi jimat.<\/p>\r\n <\/div>\r\n\r\n <div class=\"tricare-package-grid\">\r\n\r\n <div class=\"tricare-package-card\"\r\n data-pkg=\"2\"\r\n data-label=\"2 Kotak - RM69\">\r\n <div class=\"package-top\">2 KOTAK<\/div>\r\n <h3>RM69<\/h3>\r\n <ul>\r\n <li>\u2714\ufe0f 2 Kotak TRICARE+<\/li>\r\n <li>\u2714\ufe0f Sesuai Cuba Dulu<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"tricare-package-card popular-package active-package\"\r\n data-pkg=\"4\"\r\n data-label=\"4 Kotak - RM115\">\r\n <div class=\"popular-badge\">PALING POPULAR<\/div>\r\n <div class=\"package-top\">4 KOTAK<\/div>\r\n <h3>RM115<\/h3>\r\n <ul>\r\n <li>\u2714\ufe0f 4 Kotak TRICARE+<\/li>\r\n <li>\u2714\ufe0f Lebih Jimat<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"tricare-package-card\"\r\n data-pkg=\"6\"\r\n data-label=\"6 Kotak - RM159\">\r\n <div class=\"package-top\">6 KOTAK<\/div>\r\n <h3>RM159<\/h3>\r\n <ul>\r\n <li>\u2714\ufe0f 6 Kotak TRICARE+<\/li>\r\n <li>\u2714\ufe0f Paling Berbaloi<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- FORM -->\r\n\r\n <div class=\"tricare-form-wrap\" id=\"theForm\">\r\n\r\n <div class=\"tricare-stock\">\r\n \ud83d\udd25 Stok Hari Ini: <span id=\"stockCount\">37 unit sahaja lagi<\/span>\r\n <\/div>\r\n\r\n <div class=\"selected-package\">\r\n Pakej Dipilih: <strong id=\"selectedPackage\">4 Kotak - RM115<\/strong>\r\n <\/div>\r\n\r\n <div class=\"form-error\" id=\"formError\"><\/div>\r\n\r\n <div class=\"form-grid\">\r\n\r\n <div class=\"form-group\">\r\n <label>Nama Penuh *<\/label>\r\n <input type=\"text\" id=\"f_name\" placeholder=\"Nama anda\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>No Telefon *<\/label>\r\n <input type=\"tel\" id=\"f_phone\" placeholder=\"01X-XXXXXXXX\">\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <label>Alamat *<\/label>\r\n <textarea id=\"f_address\" placeholder=\"No. rumah, jalan, kawasan...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Poskod *<\/label>\r\n <input type=\"text\" id=\"f_postcode\" placeholder=\"XXXXX\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Bandar *<\/label>\r\n <input type=\"text\" id=\"f_city\" placeholder=\"Bandar anda\">\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <label>Negeri *<\/label>\r\n <select id=\"f_state\">\r\n <option value=\"\">Pilih Negeri<\/option>\r\n <option>Johor<\/option>\r\n <option>Kedah<\/option>\r\n <option>Kelantan<\/option>\r\n <option>Melaka<\/option>\r\n <option>Negeri Sembilan<\/option>\r\n <option>Pahang<\/option>\r\n <option>Perak<\/option>\r\n <option>Perlis<\/option>\r\n <option>Pulau Pinang<\/option>\r\n <option>Sabah<\/option>\r\n <option>Sarawak<\/option>\r\n <option>Selangor<\/option>\r\n <option>Terengganu<\/option>\r\n <option>Kuala Lumpur<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <label>Nota Tambahan<\/label>\r\n <textarea id=\"f_notes\" placeholder=\"Arahan penghantaran atau nota lain (pilihan)\"><\/textarea>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button id=\"submitBtn\"\r\n onclick=\"submitOrder()\"\r\n class=\"submit-order-btn\">\r\n \ud83d\uded2 Sahkan Pembelian \u2014 Bayar Bila Terima\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <!-- SUCCESS -->\r\n\r\n <div class=\"success-wrap\" id=\"successBox\">\r\n <div class=\"success-icon\">\u2705<\/div>\r\n <h2>Pesanan Berjaya Dihantar!<\/h2>\r\n <p id=\"successOrderNum\"><\/p>\r\n <div style=\"margin-top:20px\">\r\n <div>Nama: <strong id=\"successName\"><\/strong><\/div>\r\n <div style=\"margin-top:10px\">Telefon: <strong id=\"successPhone\"><\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ===== CTA ===== -->\r\n\r\n<section class=\"tricare-cta\">\r\n\r\n <div class=\"tricare-container\">\r\n <h2>Mulakan Perubahan Hari Ini<\/h2>\r\n <p>Jangan tunggu sampai badan makin rasa berat dan tak selesa.<\/p>\r\n <a href=\"#order\" class=\"tricare-btn\">KLIK UNTUK TEMPAH<\/a>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\r\n\/* === WOOCOMMERCE SETTINGS === *\/\r\n\r\nconst WOO_SITE = 'https:\/\/fruityglow.senangbeli.com';\r\n\r\nconst PRODUCT_IDS = {\r\n '2': 355,\r\n '4': 356,\r\n '6': 357\r\n};\r\n\r\nlet selectedPkg = '4';\r\nlet stock = 37;\r\n\r\n\/* === PACKAGE SELECT === *\/\r\n\r\nconst packageCards = document.querySelectorAll('.tricare-package-card');\r\n\r\npackageCards.forEach(card => {\r\n card.addEventListener('click', () => {\r\n packageCards.forEach(c => c.classList.remove('active-package'));\r\n card.classList.add('active-package');\r\n selectedPkg = card.dataset.pkg;\r\n document.getElementById('selectedPackage').textContent = card.dataset.label;\r\n });\r\n});\r\n\r\n\/* === SMOOTH SCROLL === *\/\r\n\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if(target) target.scrollIntoView({ behavior: 'smooth' });\r\n });\r\n});\r\n\r\n\/* === SUBMIT ORDER === *\/\r\n\r\nasync function submitOrder() {\r\n\r\n const errEl = document.getElementById('formError');\r\n errEl.className = 'form-error';\r\n\r\n const name = document.getElementById('f_name').value.trim();\r\n const phone = document.getElementById('f_phone').value.trim();\r\n const address = document.getElementById('f_address').value.trim();\r\n const postcode = document.getElementById('f_postcode').value.trim();\r\n const city = document.getElementById('f_city').value.trim();\r\n const state = document.getElementById('f_state').value;\r\n const notes = document.getElementById('f_notes').value.trim();\r\n\r\n ['f_name','f_phone','f_address','f_postcode','f_city','f_state'].forEach(id => {\r\n document.getElementById(id).classList.remove('err');\r\n });\r\n\r\n let hasErr = false;\r\n\r\n if(!name) { document.getElementById('f_name').classList.add('err'); hasErr = true; }\r\n if(!phone) { document.getElementById('f_phone').classList.add('err'); hasErr = true; }\r\n if(!address) { document.getElementById('f_address').classList.add('err'); hasErr = true; }\r\n if(!postcode) { document.getElementById('f_postcode').classList.add('err'); hasErr = true; }\r\n if(!city) { document.getElementById('f_city').classList.add('err'); hasErr = true; }\r\n if(!state) { document.getElementById('f_state').classList.add('err'); hasErr = true; }\r\n\r\n if(hasErr){\r\n errEl.textContent = '\u26a0\ufe0f Sila lengkapkan semua maklumat yang bertanda *.';\r\n errEl.className = 'form-error show';\r\n return;\r\n }\r\n\r\n const btn = document.getElementById('submitBtn');\r\n btn.disabled = true;\r\n btn.innerHTML = '\u23f3 Menghantar pesanan...';\r\n\r\n try {\r\n\r\n const res = await fetch(WOO_SITE + '\/wp-json\/tricare\/v1\/order', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({\r\n product_id: PRODUCT_IDS[selectedPkg],\r\n first_name: name,\r\n phone, address, postcode, city, state, notes\r\n })\r\n });\r\n\r\n const data = await res.json();\r\n\r\n if(data.success){\r\n\r\n document.getElementById('theForm').style.display = 'none';\r\n\r\n const sb = document.getElementById('successBox');\r\n sb.className = 'success-wrap show';\r\n\r\n document.getElementById('successOrderNum').textContent = 'No. Pesanan: #' + data.order_number;\r\n document.getElementById('successName').textContent = name;\r\n document.getElementById('successPhone').textContent = phone;\r\n\r\n if(stock > 1){\r\n stock--;\r\n document.getElementById('stockCount').textContent = stock + ' unit sahaja lagi';\r\n }\r\n\r\n sb.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n\r\n } else {\r\n throw new Error(data.message || 'Ralat tidak diketahui.');\r\n }\r\n\r\n } catch(err){\r\n errEl.textContent = '\u274c ' + err.message;\r\n errEl.className = 'form-error show';\r\n btn.disabled = false;\r\n btn.innerHTML = '\ud83d\uded2 Sahkan Pembelian \u2014 Bayar Bila Terima';\r\n }\r\n\r\n}\r\n\r\n<\/script>\r\n\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TRICARE+ Weight Management \u2b50 4.9\/5 Pengguna Malaysia TRI-BIOTIC MIXBERRIES JUICE Perut Buncit & Berat Susah Turun? Mulakan Dari Usus. Dengan gabungan Prebiotic, Probiotic & Postbiotic, TRICARE+ membantu menyokong penghadaman, metabolisme dan kesihatan usus supaya badan rasa lebih ringan setiap hari. \u2714 Bantu kawal craving makan \u2714 Penghadaman lebih lancar \u2714 Bantu usus lebih sihat \u2714 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-262","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fruityglow.senangbeli.com\/index.php\/wp-json\/wp\/v2\/pages\/262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fruityglow.senangbeli.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fruityglow.senangbeli.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fruityglow.senangbeli.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fruityglow.senangbeli.com\/index.php\/wp-json\/wp\/v2\/comments?post=262"}],"version-history":[{"count":0,"href":"https:\/\/fruityglow.senangbeli.com\/index.php\/wp-json\/wp\/v2\/pages\/262\/revisions"}],"wp:attachment":[{"href":"https:\/\/fruityglow.senangbeli.com\/index.php\/wp-json\/wp\/v2\/media?parent=262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}