[T\u00caN S\u1ea2N PH\u1ea8M C\u1ee6A B\u1ea0N] – Khuy\u1ebfn m\u00e3i s\u1ed1c<\/title>\n <style>\n \/* --- C\u1ea4U H\u00ccNH CHUNG --- *\/\n :root {\n --primary-color: #ff3e3e; \/* M\u00e0u \u0111\u1ecf ch\u1ee7 \u0111\u1ea1o (n\u00fat mua) *\/\n --secondary-color: #ffe100; \/* M\u00e0u v\u00e0ng (n\u1ed5i b\u1eadt) *\/\n --text-color: #333;\n --bg-gray: #f5f5f5;\n }\n \n * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }\n body { background-color: #f0f2f5; color: var(--text-color); line-height: 1.5; padding-bottom: 80px; \/* Ch\u1eeba ch\u1ed7 cho n\u00fat sticky *\/ }\n \n \/* Container gi\u1edbi h\u1ea1n chi\u1ec1u r\u1ed9ng gi\u1ed1ng Mobile App tr\u00ean Desktop *\/\n .container {\n max-width: 480px; \/* Chi\u1ec1u r\u1ed9ng chu\u1ea9n mobile *\/\n margin: 0 auto;\n background: #fff;\n min-height: 100vh;\n box-shadow: 0 0 15px rgba(0,0,0,0.1);\n position: relative;\n }\n\n img { max-width: 100%; height: auto; display: block; }\n .text-center { text-align: center; }\n .text-bold { font-weight: bold; }\n .text-red { color: var(--primary-color); }\n .p-2 { padding: 10px; }\n .p-3 { padding: 15px; }\n .mt-2 { margin-top: 10px; }\n \n \/* --- HEADER --- *\/\n .header {\n background: var(--primary-color);\n color: #fff;\n padding: 10px;\n text-align: center;\n position: sticky;\n top: 0;\n z-index: 100;\n font-weight: bold;\n text-transform: uppercase;\n }\n\n \/* --- HERO SECTION --- *\/\n .hero-banner { position: relative; }\n .discount-badge {\n position: absolute;\n top: 10px;\n right: 10px;\n background: var(--secondary-color);\n color: #d0021b;\n padding: 5px 10px;\n border-radius: 5px;\n font-weight: bold;\n animation: pulse 1.5s infinite;\n }\n\n .price-box {\n background: linear-gradient(to right, #ff512f, #dd2476);\n color: white;\n padding: 15px;\n text-align: center;\n }\n .price-old { text-decoration: line-through; opacity: 0.8; font-size: 14px; }\n .price-new { font-size: 28px; font-weight: bold; color: var(--secondary-color); }\n\n \/* --- COUNTDOWN --- *\/\n .countdown {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin: 15px 0;\n background: #fff3cd;\n padding: 10px;\n border-radius: 8px;\n border: 1px dashed #eba302;\n }\n .time-box { background: #333; color: #fff; padding: 5px 8px; border-radius: 4px; font-weight: bold; }\n\n \/* --- CONTENT SECTIONS --- *\/\n .section-title {\n background: #eee;\n padding: 10px;\n font-weight: bold;\n text-transform: uppercase;\n border-left: 5px solid var(--primary-color);\n margin: 20px 0 10px;\n }\n \n .feature-item {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 15px;\n border-bottom: 1px solid #eee;\n padding-bottom: 10px;\n }\n .feature-icon { width: 50px; height: 50px; flex-shrink: 0; background: #ddd; border-radius: 50%; display: flex; align-items: center; justify-content: center; }\n\n \/* --- FEEDBACK --- *\/\n .feedback-card {\n background: #f9f9f9;\n padding: 10px;\n border-radius: 8px;\n margin-bottom: 10px;\n border: 1px solid #eee;\n }\n .stars { color: #f59e0b; }\n\n \/* --- FORM --- *\/\n .order-form {\n background: #fff;\n padding: 20px;\n border: 2px solid var(--primary-color);\n border-radius: 10px;\n margin: 20px 10px;\n }\n .form-group { margin-bottom: 15px; }\n .form-label { display: block; margin-bottom: 5px; font-weight: 600; }\n .form-input {\n width: 100%;\n padding: 12px;\n border: 1px solid #ccc;\n border-radius: 5px;\n font-size: 16px;\n }\n .form-submit {\n width: 100%;\n background: var(--primary-color);\n color: white;\n border: none;\n padding: 15px;\n font-size: 20px;\n font-weight: bold;\n text-transform: uppercase;\n border-radius: 50px;\n cursor: pointer;\n animation: pulse 1s infinite;\n }\n\n \/* --- STICKY FOOTER BUTTON (MOBILE) --- *\/\n .sticky-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n background: #fff;\n padding: 10px;\n box-shadow: 0 -2px 10px rgba(0,0,0,0.1);\n display: flex;\n justify-content: center;\n z-index: 999;\n }\n .btn-sticky {\n background: var(--primary-color);\n color: white;\n text-decoration: none;\n padding: 12px 40px;\n border-radius: 50px;\n font-weight: bold;\n font-size: 18px;\n text-transform: uppercase;\n box-shadow: 0 4px 15px rgba(255, 62, 62, 0.4);\n animation: pulse 1.5s infinite;\n width: 100%;\n max-width: 480px;\n text-align: center;\n }\n\n \/* --- ANIMATIONS --- *\/\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <div class=\"header\">\n [LOGO \/ T\u00caN TH\u01af\u01a0NG HI\u1ec6U C\u1ee6A B\u1ea0N]\n <\/div>\n\n <div class=\"hero-banner\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/480x480?text=ANH+SAN+PHAM+480x480\" alt=\"S\u1ea3n ph\u1ea9m\">\n <div class=\"discount-badge\">-50%<\/div>\n <\/div>\n\n <div class=\"price-box\">\n <p class=\"price-old\">Gi\u00e1 g\u1ed1c: 1.500.000\u0111<\/p>\n <p class=\"price-new\">CH\u1ec8 C\u00d2N: 799.000\u0111<\/p>\n <p style=\"font-size: 13px; margin-top: 5px;\">(Mi\u1ec5n ph\u00ed v\u1eadn chuy\u1ec3n to\u00e0n qu\u1ed1c)<\/p>\n <\/div>\n\n <div class=\"p-3\">\n <h1 class=\"text-center text-red\" style=\"font-size: 22px; line-height: 1.3;\">[T\u00caN S\u1ea2N PH\u1ea8M] – GI\u1ea2I PH\u00c1P [L\u1ee2I \u00cdCH CH\u00cdNH]<\/h1>\n \n <div class=\"countdown\">\n <span>\u01afu \u0111\u00e3i k\u1ebft th\u00fac sau:<\/span>\n <div class=\"time-box\" id=\"hours\">05<\/div>:\n <div class=\"time-box\" id=\"minutes\">00<\/div>:\n <div class=\"time-box\" id=\"seconds\">00<\/div>\n <\/div>\n \n <div class=\"text-center mt-2\">\n <a href=\"#order-form\" class=\"btn-sticky\" style=\"position: static; display: inline-block; width: 100%;\">MUA NGAY (S\u1ed1 l\u01b0\u1ee3ng c\u00f3 h\u1ea1n)<\/a>\n <\/div>\n <\/div>\n\n <div class=\"p-3 bg-gray\">\n <h3 class=\"section-title\">B\u1ea0N \u0110ANG G\u1eb6P PH\u1ea2I?<\/h3>\n <ul style=\"list-style: none; padding-left: 0;\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u274c<\/div>\n <div>[V\u1ea5n \u0111\u1ec1 1: V\u00ed d\u1ee5: Nh\u00e0 c\u1eeda lu\u00f4n b\u1ee5i b\u1ea9n d\u00f9 qu\u00e9t th\u01b0\u1eddng xuy\u00ean?]<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u274c<\/div>\n <div>[V\u1ea5n \u0111\u1ec1 2: L\u00f4ng th\u00fa c\u01b0ng bay kh\u1eafp n\u01a1i g\u00e2y d\u1ecb \u1ee9ng?]<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u274c<\/div>\n <div>[V\u1ea5n \u0111\u1ec1 3: M\u1ec7t m\u1ecfi v\u00ec thi\u1ebft b\u1ecb c\u0169 c\u1ed3ng k\u1ec1nh?]<\/div>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"p-3\">\n <h3 class=\"section-title\">T\u1ea0I SAO CH\u1eccN CH\u00daNG T\u00d4I?<\/h3>\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/480x300?text=ANH+TINH+NANG+1\" class=\"mt-2\" style=\"border-radius: 8px;\">\n <h4 class=\"mt-2 text-bold\">[T\u00cdNH N\u0102NG 1: L\u1ef0C H\u00daT SI\u00caU M\u1ea0NH]<\/h4>\n <p>M\u00f4 t\u1ea3 ng\u1eafn g\u1ecdn v\u1ec1 t\u00ednh n\u0103ng n\u00e0y. \u0110\u1ed9ng c\u01a1 c\u00f4ng ngh\u1ec7 \u0110\u1ee9c, h\u00fat s\u1ea1ch m\u1ecdi b\u1ee5i m\u1ecbn.<\/p>\n\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/480x300?text=ANH+TINH+NANG+2\" class=\"mt-2\" style=\"border-radius: 8px;\">\n <h4 class=\"mt-2 text-bold\">[T\u00cdNH N\u0102NG 2: PIN TR\u00c2U 4000MAH]<\/h4>\n <p>S\u1eed d\u1ee5ng li\u00ean t\u1ee5c 60 ph\u00fat ch\u1ec9 v\u1edbi 1 l\u1ea7n s\u1ea1c.<\/p>\n <\/div>\n\n <div class=\"p-3\" style=\"background: #000; color: #fff;\">\n <h3 class=\"text-center text-secondary\">XEM TH\u1ef0C T\u1ebe HO\u1ea0T \u0110\u1ed8NG<\/h3>\n <div style=\"margin-top: 10px; border: 1px solid #fff;\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/480x270?text=VIDEO+DEMO+HOAC+GIF\" alt=\"Video demo\">\n <\/div>\n <\/div>\n\n <div class=\"p-3\">\n <h3 class=\"section-title\">KH\u00c1CH H\u00c0NG N\u00d3I G\u00cc?<\/h3>\n <div class=\"feedback-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"text-bold\">Nguy\u1ec5n V\u0103n A – H\u00e0 N\u1ed9i<\/p>\n <p>“S\u1ea3n ph\u1ea9m d\u00f9ng r\u1ea5t th\u00edch, h\u00fat m\u1ea1nh, shop giao h\u00e0ng nhanh. 10 \u0111i\u1ec3m!”<\/p>\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100?text=ANH+THAT\" style=\"margin-top:5px; width: 80px;\">\n <\/div>\n <div class=\"feedback-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"text-bold\">Tr\u1ea7n Th\u1ecb B – TP.HCM<\/p>\n <p>“\u0110\u00e1ng ti\u1ec1n l\u1eafm m\u1ecdi ng\u01b0\u1eddi \u01a1i, \u0111\u00f3ng g\u00f3i c\u1ea9n th\u1eadn.”<\/p>\n <\/div>\n <\/div>\n\n <div class=\"p-3 text-center\" style=\"background: #eefbff;\">\n <h3 class=\"text-red text-bold\">CAM K\u1ebeT CH\u1ea4T L\u01af\u1ee2NG<\/h3>\n <div style=\"display: flex; justify-content: space-around; margin-top: 15px;\">\n <div>\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/warranty.png\" style=\"margin:0 auto; width:40px;\">\n <p style=\"font-size: 12px;\">B\u1ea3o h\u00e0nh<br>12 th\u00e1ng<\/p>\n <\/div>\n <div>\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/return-purchase.png\" style=\"margin:0 auto; width:40px;\">\n <p style=\"font-size: 12px;\">\u0110\u1ed5i tr\u1ea3<br>7 ng\u00e0y<\/p>\n <\/div>\n <div>\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/shipped.png\" style=\"margin:0 auto; width:40px;\">\n <p style=\"font-size: 12px;\">Ki\u1ec3m tra<br>tr\u01b0\u1edbc khi nh\u1eadn<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"order-form\" class=\"order-form\">\n <h3 class=\"text-center text-red\">\u0110\u1eb6T MUA NGAY<\/h3>\n <p class=\"text-center mb-2\">Nh\u00e2n vi\u00ean s\u1ebd g\u1ecdi l\u1ea1i x\u00e1c nh\u1eadn \u0111\u01a1n h\u00e0ng<\/p>\n \n <form id=\"submit-form\" onsubmit=\"submitOrder(event)\">\n <div class=\"form-group\">\n <label class=\"form-label\">H\u1ecd v\u00e0 t\u00ean:<\/label>\n <input type=\"text\" class=\"form-input\" placeholder=\"Nh\u1eadp h\u1ecd t\u00ean c\u1ee7a b\u1ea1n\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">S\u1ed1 \u0111i\u1ec7n tho\u1ea1i:<\/label>\n <input type=\"tel\" class=\"form-input\" placeholder=\"Nh\u1eadp s\u1ed1 \u0111i\u1ec7n tho\u1ea1i\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">\u0110\u1ecba ch\u1ec9 nh\u1eadn h\u00e0ng:<\/label>\n <textarea class=\"form-input\" rows=\"3\" placeholder=\"S\u1ed1 nh\u00e0, \u0111\u01b0\u1eddng, ph\u01b0\u1eddng\/x\u00e3, qu\u1eadn\/huy\u1ec7n...\" required><\/textarea>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">Ch\u1ecdn s\u1ed1 l\u01b0\u1ee3ng:<\/label>\n <select class=\"form-input\">\n <option value=\"1\">1 C\u00e1i – 799.000\u0111<\/option>\n <option value=\"2\">2 C\u00e1i (Gi\u1ea3m th\u00eam 50k) – 1.548.000\u0111<\/option>\n <\/select>\n <\/div>\n\n <button type=\"submit\" class=\"form-submit\">HO\u00c0N T\u1ea4T \u0110\u1eb6T H\u00c0NG<\/button>\n <\/form>\n <\/div>\n\n <div class=\"p-3 text-center\" style=\"font-size: 12px; color: #888; margin-bottom: 60px;\">\n <p>C\u00f4ng ty TNHH [T\u00caN C\u00d4NG TY C\u1ee6A B\u1ea0N]<\/p>\n <p>Hotline: 09xx.xxx.xxx<\/p>\n <\/div>\n\n<\/div>\n\n<div class=\"sticky-footer\">\n <a href=\"#order-form\" class=\"btn-sticky\">\u0110\u1eb6T H\u00c0NG NGAY<\/a>\n<\/div>\n\n<script>\n \/\/ 1. Script \u0111\u1ebfm ng\u01b0\u1ee3c th\u1eddi gian\n function startTimer(duration, displayHours, displayMinutes, displaySeconds) {\n var timer = duration, hours, minutes, seconds;\n setInterval(function () {\n hours = parseInt(timer \/ 3600, 10);\n minutes = parseInt((timer % 3600) \/ 60, 10);\n seconds = parseInt(timer % 60, 10);\n\n hours = hours < 10 ? \"0\" + hours : hours;\n minutes = minutes < 10 ? \"0\" + minutes : minutes;\n seconds = seconds < 10 ? \"0\" + seconds : seconds;\n\n displayHours.textContent = hours;\n displayMinutes.textContent = minutes;\n displaySeconds.textContent = seconds;\n\n if (--timer < 0) {\n timer = duration; \/\/ Reset l\u1ea1i khi h\u1ebft gi\u1edd\n }\n }, 1000);\n }\n\n window.onload = function () {\n var fiveHours = 60 * 60 * 5; \/\/ 5 ti\u1ebfng\n var displayHours = document.querySelector('#hours');\n var displayMinutes = document.querySelector('#minutes');\n var displaySeconds = document.querySelector('#seconds');\n startTimer(fiveHours, displayHours, displayMinutes, displaySeconds);\n };\n\n \/\/ 2. Script x\u1eed l\u00fd form (Demo)\n function submitOrder(e) {\n e.preventDefault();\n \/\/ \u1ede \u0111\u00e2y b\u1ea1n c\u00f3 th\u1ec3 ch\u00e8n code g\u1eedi data v\u1ec1 Google Sheet ho\u1eb7c Email\n alert(\"C\u1ea3m \u01a1n b\u1ea1n \u0111\u00e3 \u0111\u1eb7t h\u00e0ng! Ch\u00fang t\u00f4i s\u1ebd li\u00ean h\u1ec7 s\u1edbm.\");\n }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>[T\u00caN S\u1ea2N PH\u1ea8M C\u1ee6A B\u1ea0N] – Khuy\u1ebfn m\u00e3i s\u1ed1c [LOGO \/ T\u00caN TH\u01af\u01a0NG HI\u1ec6U C\u1ee6A B\u1ea0N] -50% Gi\u00e1 g\u1ed1c: 1.500.000\u0111 CH\u1ec8 C\u00d2N: 799.000\u0111 (Mi\u1ec5n ph\u00ed v\u1eadn chuy\u1ec3n to\u00e0n qu\u1ed1c) [T\u00caN S\u1ea2N PH\u1ea8M] – GI\u1ea2I PH\u00c1P [L\u1ee2I \u00cdCH CH\u00cdNH] \u01afu \u0111\u00e3i k\u1ebft th\u00fac sau: 05 : 00 : 00 MUA NGAY (S\u1ed1 l\u01b0\u1ee3ng c\u00f3 h\u1ea1n) B\u1ea0N […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":1,"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":9,"date":"2025-12-25T12:44:54","date_gmt":"2025-12-25T05:44:54","guid":{"rendered":"https:\/\/tekyomi.online\/?page_id=9"},"modified":"2025-12-25T12:44:55","modified_gmt":"2025-12-25T05:44:55","slug":"tekyomi-eg-121","status":"publish","type":"page","link":"https:\/\/tekyomi.online\/index.php\/tekyomi-eg-121\/","title":{"rendered":"TEKYOMI EG-121"},"content":{"rendered":"\n\n\n\n \n \n [T\u00caN S\u1ea2N PH\u1ea8M C\u1ee6A B\u1ea0N] – Khuy\u1ebfn m\u00e3i s\u1ed1c<\/title>\n <style>\n \/* --- C\u1ea4U H\u00ccNH CHUNG --- *\/\n :root {\n --primary-color: #ff3e3e; \/* M\u00e0u \u0111\u1ecf ch\u1ee7 \u0111\u1ea1o (n\u00fat mua) *\/\n --secondary-color: #ffe100; \/* M\u00e0u v\u00e0ng (n\u1ed5i b\u1eadt) *\/\n --text-color: #333;\n --bg-gray: #f5f5f5;\n }\n \n * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }\n body { background-color: #f0f2f5; color: var(--text-color); line-height: 1.5; padding-bottom: 80px; \/* Ch\u1eeba ch\u1ed7 cho n\u00fat sticky *\/ }\n \n \/* Container gi\u1edbi h\u1ea1n chi\u1ec1u r\u1ed9ng gi\u1ed1ng Mobile App tr\u00ean Desktop *\/\n .container {\n max-width: 480px; \/* Chi\u1ec1u r\u1ed9ng chu\u1ea9n mobile *\/\n margin: 0 auto;\n background: #fff;\n min-height: 100vh;\n box-shadow: 0 0 15px rgba(0,0,0,0.1);\n position: relative;\n }\n\n img { max-width: 100%; height: auto; display: block; }\n .text-center { text-align: center; }\n .text-bold { font-weight: bold; }\n .text-red { color: var(--primary-color); }\n .p-2 { padding: 10px; }\n .p-3 { padding: 15px; }\n .mt-2 { margin-top: 10px; }\n \n \/* --- HEADER --- *\/\n .header {\n background: var(--primary-color);\n color: #fff;\n padding: 10px;\n text-align: center;\n position: sticky;\n top: 0;\n z-index: 100;\n font-weight: bold;\n text-transform: uppercase;\n }\n\n \/* --- HERO SECTION --- *\/\n .hero-banner { position: relative; }\n .discount-badge {\n position: absolute;\n top: 10px;\n right: 10px;\n background: var(--secondary-color);\n color: #d0021b;\n padding: 5px 10px;\n border-radius: 5px;\n font-weight: bold;\n animation: pulse 1.5s infinite;\n }\n\n .price-box {\n background: linear-gradient(to right, #ff512f, #dd2476);\n color: white;\n padding: 15px;\n text-align: center;\n }\n .price-old { text-decoration: line-through; opacity: 0.8; font-size: 14px; }\n .price-new { font-size: 28px; font-weight: bold; color: var(--secondary-color); }\n\n \/* --- COUNTDOWN --- *\/\n .countdown {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin: 15px 0;\n background: #fff3cd;\n padding: 10px;\n border-radius: 8px;\n border: 1px dashed #eba302;\n }\n .time-box { background: #333; color: #fff; padding: 5px 8px; border-radius: 4px; font-weight: bold; }\n\n \/* --- CONTENT SECTIONS --- *\/\n .section-title {\n background: #eee;\n padding: 10px;\n font-weight: bold;\n text-transform: uppercase;\n border-left: 5px solid var(--primary-color);\n margin: 20px 0 10px;\n }\n \n .feature-item {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 15px;\n border-bottom: 1px solid #eee;\n padding-bottom: 10px;\n }\n .feature-icon { width: 50px; height: 50px; flex-shrink: 0; background: #ddd; border-radius: 50%; display: flex; align-items: center; justify-content: center; }\n\n \/* --- FEEDBACK --- *\/\n .feedback-card {\n background: #f9f9f9;\n padding: 10px;\n border-radius: 8px;\n margin-bottom: 10px;\n border: 1px solid #eee;\n }\n .stars { color: #f59e0b; }\n\n \/* --- FORM --- *\/\n .order-form {\n background: #fff;\n padding: 20px;\n border: 2px solid var(--primary-color);\n border-radius: 10px;\n margin: 20px 10px;\n }\n .form-group { margin-bottom: 15px; }\n .form-label { display: block; margin-bottom: 5px; font-weight: 600; }\n .form-input {\n width: 100%;\n padding: 12px;\n border: 1px solid #ccc;\n border-radius: 5px;\n font-size: 16px;\n }\n .form-submit {\n width: 100%;\n background: var(--primary-color);\n color: white;\n border: none;\n padding: 15px;\n font-size: 20px;\n font-weight: bold;\n text-transform: uppercase;\n border-radius: 50px;\n cursor: pointer;\n animation: pulse 1s infinite;\n }\n\n \/* --- STICKY FOOTER BUTTON (MOBILE) --- *\/\n .sticky-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n background: #fff;\n padding: 10px;\n box-shadow: 0 -2px 10px rgba(0,0,0,0.1);\n display: flex;\n justify-content: center;\n z-index: 999;\n }\n .btn-sticky {\n background: var(--primary-color);\n color: white;\n text-decoration: none;\n padding: 12px 40px;\n border-radius: 50px;\n font-weight: bold;\n font-size: 18px;\n text-transform: uppercase;\n box-shadow: 0 4px 15px rgba(255, 62, 62, 0.4);\n animation: pulse 1.5s infinite;\n width: 100%;\n max-width: 480px;\n text-align: center;\n }\n\n \/* --- ANIMATIONS --- *\/\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <div class=\"header\">\n [LOGO \/ T\u00caN TH\u01af\u01a0NG HI\u1ec6U C\u1ee6A B\u1ea0N]\n <\/div>\n\n <div class=\"hero-banner\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/480x480?text=ANH+SAN+PHAM+480x480\" alt=\"S\u1ea3n ph\u1ea9m\">\n <div class=\"discount-badge\">-50%<\/div>\n <\/div>\n\n <div class=\"price-box\">\n <p class=\"price-old\">Gi\u00e1 g\u1ed1c: 1.500.000\u0111<\/p>\n <p class=\"price-new\">CH\u1ec8 C\u00d2N: 799.000\u0111<\/p>\n <p style=\"font-size: 13px; margin-top: 5px;\">(Mi\u1ec5n ph\u00ed v\u1eadn chuy\u1ec3n to\u00e0n qu\u1ed1c)<\/p>\n <\/div>\n\n <div class=\"p-3\">\n <h1 class=\"text-center text-red\" style=\"font-size: 22px; line-height: 1.3;\">[T\u00caN S\u1ea2N PH\u1ea8M] – GI\u1ea2I PH\u00c1P [L\u1ee2I \u00cdCH CH\u00cdNH]<\/h1>\n \n <div class=\"countdown\">\n <span>\u01afu \u0111\u00e3i k\u1ebft th\u00fac sau:<\/span>\n <div class=\"time-box\" id=\"hours\">05<\/div>:\n <div class=\"time-box\" id=\"minutes\">00<\/div>:\n <div class=\"time-box\" id=\"seconds\">00<\/div>\n <\/div>\n \n <div class=\"text-center mt-2\">\n <a href=\"#order-form\" class=\"btn-sticky\" style=\"position: static; display: inline-block; width: 100%;\">MUA NGAY (S\u1ed1 l\u01b0\u1ee3ng c\u00f3 h\u1ea1n)<\/a>\n <\/div>\n <\/div>\n\n <div class=\"p-3 bg-gray\">\n <h3 class=\"section-title\">B\u1ea0N \u0110ANG G\u1eb6P PH\u1ea2I?<\/h3>\n <ul style=\"list-style: none; padding-left: 0;\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u274c<\/div>\n <div>[V\u1ea5n \u0111\u1ec1 1: V\u00ed d\u1ee5: Nh\u00e0 c\u1eeda lu\u00f4n b\u1ee5i b\u1ea9n d\u00f9 qu\u00e9t th\u01b0\u1eddng xuy\u00ean?]<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u274c<\/div>\n <div>[V\u1ea5n \u0111\u1ec1 2: L\u00f4ng th\u00fa c\u01b0ng bay kh\u1eafp n\u01a1i g\u00e2y d\u1ecb \u1ee9ng?]<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u274c<\/div>\n <div>[V\u1ea5n \u0111\u1ec1 3: M\u1ec7t m\u1ecfi v\u00ec thi\u1ebft b\u1ecb c\u0169 c\u1ed3ng k\u1ec1nh?]<\/div>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"p-3\">\n <h3 class=\"section-title\">T\u1ea0I SAO CH\u1eccN CH\u00daNG T\u00d4I?<\/h3>\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/480x300?text=ANH+TINH+NANG+1\" class=\"mt-2\" style=\"border-radius: 8px;\">\n <h4 class=\"mt-2 text-bold\">[T\u00cdNH N\u0102NG 1: L\u1ef0C H\u00daT SI\u00caU M\u1ea0NH]<\/h4>\n <p>M\u00f4 t\u1ea3 ng\u1eafn g\u1ecdn v\u1ec1 t\u00ednh n\u0103ng n\u00e0y. \u0110\u1ed9ng c\u01a1 c\u00f4ng ngh\u1ec7 \u0110\u1ee9c, h\u00fat s\u1ea1ch m\u1ecdi b\u1ee5i m\u1ecbn.<\/p>\n\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/480x300?text=ANH+TINH+NANG+2\" class=\"mt-2\" style=\"border-radius: 8px;\">\n <h4 class=\"mt-2 text-bold\">[T\u00cdNH N\u0102NG 2: PIN TR\u00c2U 4000MAH]<\/h4>\n <p>S\u1eed d\u1ee5ng li\u00ean t\u1ee5c 60 ph\u00fat ch\u1ec9 v\u1edbi 1 l\u1ea7n s\u1ea1c.<\/p>\n <\/div>\n\n <div class=\"p-3\" style=\"background: #000; color: #fff;\">\n <h3 class=\"text-center text-secondary\">XEM TH\u1ef0C T\u1ebe HO\u1ea0T \u0110\u1ed8NG<\/h3>\n <div style=\"margin-top: 10px; border: 1px solid #fff;\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/480x270?text=VIDEO+DEMO+HOAC+GIF\" alt=\"Video demo\">\n <\/div>\n <\/div>\n\n <div class=\"p-3\">\n <h3 class=\"section-title\">KH\u00c1CH H\u00c0NG N\u00d3I G\u00cc?<\/h3>\n <div class=\"feedback-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"text-bold\">Nguy\u1ec5n V\u0103n A – H\u00e0 N\u1ed9i<\/p>\n <p>“S\u1ea3n ph\u1ea9m d\u00f9ng r\u1ea5t th\u00edch, h\u00fat m\u1ea1nh, shop giao h\u00e0ng nhanh. 10 \u0111i\u1ec3m!”<\/p>\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100?text=ANH+THAT\" style=\"margin-top:5px; width: 80px;\">\n <\/div>\n <div class=\"feedback-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"text-bold\">Tr\u1ea7n Th\u1ecb B – TP.HCM<\/p>\n <p>“\u0110\u00e1ng ti\u1ec1n l\u1eafm m\u1ecdi ng\u01b0\u1eddi \u01a1i, \u0111\u00f3ng g\u00f3i c\u1ea9n th\u1eadn.”<\/p>\n <\/div>\n <\/div>\n\n <div class=\"p-3 text-center\" style=\"background: #eefbff;\">\n <h3 class=\"text-red text-bold\">CAM K\u1ebeT CH\u1ea4T L\u01af\u1ee2NG<\/h3>\n <div style=\"display: flex; justify-content: space-around; margin-top: 15px;\">\n <div>\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/warranty.png\" style=\"margin:0 auto; width:40px;\">\n <p style=\"font-size: 12px;\">B\u1ea3o h\u00e0nh<br>12 th\u00e1ng<\/p>\n <\/div>\n <div>\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/return-purchase.png\" style=\"margin:0 auto; width:40px;\">\n <p style=\"font-size: 12px;\">\u0110\u1ed5i tr\u1ea3<br>7 ng\u00e0y<\/p>\n <\/div>\n <div>\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/shipped.png\" style=\"margin:0 auto; width:40px;\">\n <p style=\"font-size: 12px;\">Ki\u1ec3m tra<br>tr\u01b0\u1edbc khi nh\u1eadn<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"order-form\" class=\"order-form\">\n <h3 class=\"text-center text-red\">\u0110\u1eb6T MUA NGAY<\/h3>\n <p class=\"text-center mb-2\">Nh\u00e2n vi\u00ean s\u1ebd g\u1ecdi l\u1ea1i x\u00e1c nh\u1eadn \u0111\u01a1n h\u00e0ng<\/p>\n \n <form id=\"submit-form\" onsubmit=\"submitOrder(event)\">\n <div class=\"form-group\">\n <label class=\"form-label\">H\u1ecd v\u00e0 t\u00ean:<\/label>\n <input type=\"text\" class=\"form-input\" placeholder=\"Nh\u1eadp h\u1ecd t\u00ean c\u1ee7a b\u1ea1n\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">S\u1ed1 \u0111i\u1ec7n tho\u1ea1i:<\/label>\n <input type=\"tel\" class=\"form-input\" placeholder=\"Nh\u1eadp s\u1ed1 \u0111i\u1ec7n tho\u1ea1i\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">\u0110\u1ecba ch\u1ec9 nh\u1eadn h\u00e0ng:<\/label>\n <textarea class=\"form-input\" rows=\"3\" placeholder=\"S\u1ed1 nh\u00e0, \u0111\u01b0\u1eddng, ph\u01b0\u1eddng\/x\u00e3, qu\u1eadn\/huy\u1ec7n...\" required><\/textarea>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">Ch\u1ecdn s\u1ed1 l\u01b0\u1ee3ng:<\/label>\n <select class=\"form-input\">\n <option value=\"1\">1 C\u00e1i – 799.000\u0111<\/option>\n <option value=\"2\">2 C\u00e1i (Gi\u1ea3m th\u00eam 50k) – 1.548.000\u0111<\/option>\n <\/select>\n <\/div>\n\n <button type=\"submit\" class=\"form-submit\">HO\u00c0N T\u1ea4T \u0110\u1eb6T H\u00c0NG<\/button>\n <\/form>\n <\/div>\n\n <div class=\"p-3 text-center\" style=\"font-size: 12px; color: #888; margin-bottom: 60px;\">\n <p>C\u00f4ng ty TNHH [T\u00caN C\u00d4NG TY C\u1ee6A B\u1ea0N]<\/p>\n <p>Hotline: 09xx.xxx.xxx<\/p>\n <\/div>\n\n<\/div>\n\n<div class=\"sticky-footer\">\n <a href=\"#order-form\" class=\"btn-sticky\">\u0110\u1eb6T H\u00c0NG NGAY<\/a>\n<\/div>\n\n<script>\n \/\/ 1. Script \u0111\u1ebfm ng\u01b0\u1ee3c th\u1eddi gian\n function startTimer(duration, displayHours, displayMinutes, displaySeconds) {\n var timer = duration, hours, minutes, seconds;\n setInterval(function () {\n hours = parseInt(timer \/ 3600, 10);\n minutes = parseInt((timer % 3600) \/ 60, 10);\n seconds = parseInt(timer % 60, 10);\n\n hours = hours < 10 ? \"0\" + hours : hours;\n minutes = minutes < 10 ? \"0\" + minutes : minutes;\n seconds = seconds < 10 ? \"0\" + seconds : seconds;\n\n displayHours.textContent = hours;\n displayMinutes.textContent = minutes;\n displaySeconds.textContent = seconds;\n\n if (--timer < 0) {\n timer = duration; \/\/ Reset l\u1ea1i khi h\u1ebft gi\u1edd\n }\n }, 1000);\n }\n\n window.onload = function () {\n var fiveHours = 60 * 60 * 5; \/\/ 5 ti\u1ebfng\n var displayHours = document.querySelector('#hours');\n var displayMinutes = document.querySelector('#minutes');\n var displaySeconds = document.querySelector('#seconds');\n startTimer(fiveHours, displayHours, displayMinutes, displaySeconds);\n };\n\n \/\/ 2. Script x\u1eed l\u00fd form (Demo)\n function submitOrder(e) {\n e.preventDefault();\n \/\/ \u1ede \u0111\u00e2y b\u1ea1n c\u00f3 th\u1ec3 ch\u00e8n code g\u1eedi data v\u1ec1 Google Sheet ho\u1eb7c Email\n alert(\"C\u1ea3m \u01a1n b\u1ea1n \u0111\u00e3 \u0111\u1eb7t h\u00e0ng! Ch\u00fang t\u00f4i s\u1ebd li\u00ean h\u1ec7 s\u1edbm.\");\n }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>[T\u00caN S\u1ea2N PH\u1ea8M C\u1ee6A B\u1ea0N] – Khuy\u1ebfn m\u00e3i s\u1ed1c [LOGO \/ T\u00caN TH\u01af\u01a0NG HI\u1ec6U C\u1ee6A B\u1ea0N] -50% Gi\u00e1 g\u1ed1c: 1.500.000\u0111 CH\u1ec8 C\u00d2N: 799.000\u0111 (Mi\u1ec5n ph\u00ed v\u1eadn chuy\u1ec3n to\u00e0n qu\u1ed1c) [T\u00caN S\u1ea2N PH\u1ea8M] – GI\u1ea2I PH\u00c1P [L\u1ee2I \u00cdCH CH\u00cdNH] \u01afu \u0111\u00e3i k\u1ebft th\u00fac sau: 05 : 00 : 00 MUA NGAY (S\u1ed1 l\u01b0\u1ee3ng c\u00f3 h\u1ea1n) B\u1ea0N […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":1,"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/tekyomi.online\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}