{"id":34,"date":"2026-01-04T12:03:59","date_gmt":"2026-01-04T12:03:59","guid":{"rendered":"https:\/\/khaochalakhub.com\/?page_id=34"},"modified":"2026-01-04T12:56:35","modified_gmt":"2026-01-04T12:56:35","slug":"my-card","status":"publish","type":"page","link":"https:\/\/khaochalakhub.com\/index.php\/my-card\/","title":{"rendered":"my-card"},"content":{"rendered":"\n<!-- KC. Hub Digital Card (\/my-card) -->\n<div class=\"card-page\">\n  \n  <!-- \u0e2a\u0e48\u0e27\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e1a\u0e31\u0e15\u0e23 -->\n  <div class=\"digital-card\">\n    <div class=\"card-header\">\n      <span class=\"member-type\">VIP MEMBER<\/span>\n      <span class=\"status-dot\"><\/span>\n    <\/div>\n    \n    <div class=\"user-details\">\n      <!-- \u0e16\u0e49\u0e32\u0e43\u0e0a\u0e49 Seed Login \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e36\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e32\u0e41\u0e2a\u0e14\u0e07\u0e44\u0e14\u0e49 (\u0e43\u0e19\u0e2d\u0e19\u0e32\u0e04\u0e15) \u0e15\u0e2d\u0e19\u0e19\u0e35\u0e49\u0e43\u0e2a\u0e48 Text \u0e01\u0e25\u0e32\u0e07\u0e46 \u0e44\u0e27\u0e49\u0e01\u0e48\u0e2d\u0e19 -->\n      <h3>\u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e35\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e19\u0e31\u0e01\u0e27\u0e34\u0e48\u0e07<\/h3> \n      <p>KC. Hub &#8211; Khao Chalak<\/p>\n    <\/div>\n\n    <div class=\"qr-area\">\n      <div class=\"qr-bg\">\n        <!-- QR Code \u0e08\u0e33\u0e25\u0e2d\u0e07 (\u0e02\u0e2d\u0e07\u0e08\u0e23\u0e34\u0e07\u0e08\u0e30\u0e43\u0e0a\u0e49 User ID) -->\n        <img decoding=\"async\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=150x150&#038;data=MEMBER_VERIFIED\" alt=\"Member QR\">\n      <\/div>\n      <p>\u0e41\u0e2a\u0e14\u0e07 QR \u0e19\u0e35\u0e49\u0e15\u0e48\u0e2d\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- \u0e40\u0e21\u0e19\u0e39\u0e25\u0e31\u0e14 -->\n  <div class=\"menu-grid\">\n    <a href=\"\/park\" class=\"menu-item\">\n      <span>\ud83c\udfe0<\/span> \u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01\n    <\/a>\n    <a href=\"#\" class=\"menu-item\" onclick=\"alert('Coming Soon')\">\n      <span>\ud83e\uddca<\/span> \u0e08\u0e2d\u0e07 Ice Bath\n    <\/a>\n    <a href=\"#\" class=\"menu-item\" onclick=\"alert('Coming Soon')\">\n      <span>\u2615<\/span> \u0e04\u0e39\u0e1b\u0e2d\u0e07\u0e01\u0e32\u0e41\u0e1f\n    <\/a>\n    <!-- \u0e25\u0e34\u0e07\u0e01\u0e4c Logout \u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e21\u0e32\u0e01 -->\n    <a href=\"\/wp-login.php?action=logout\" class=\"menu-item\">\n      <span>\ud83d\udeaa<\/span> \u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e23\u0e30\u0e1a\u0e1a\n    <\/a>\n  <\/div>\n\n<\/div>\n\n<style>\n  body { background: #f5f5f4; font-family: 'Kanit', sans-serif; margin: 0; padding: 20px; min-height: 100vh; display: flex; align-items: center; justify-content: center; }\n  .card-page { width: 100%; max-width: 400px; }\n\n  .digital-card {\n    background: linear-gradient(135deg, #1c1917 0%, #44403c 100%);\n    color: white; border-radius: 20px; padding: 30px;\n    box-shadow: 0 15px 30px rgba(0,0,0,0.2); margin-bottom: 30px; position: relative; overflow: hidden;\n  }\n  .digital-card::before {\n    content: ''; position: absolute; top: -50px; right: -50px; width: 150px; height: 150px;\n    background: #ea580c; filter: blur(60px); opacity: 0.4;\n  }\n\n  .card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }\n  .member-type { font-size: 10px; letter-spacing: 2px; font-weight: bold; opacity: 0.7; }\n  .status-dot { width: 8px; height: 8px; background: #4ade80; border-radius: 50%; box-shadow: 0 0 10px #4ade80; }\n\n  .user-details h3 { margin: 0; font-size: 24px; font-weight: 600; }\n  .user-details p { margin: 5px 0 0; font-size: 12px; color: #d6d3d1; }\n\n  .qr-area { margin-top: 30px; text-align: center; }\n  .qr-bg { background: white; padding: 10px; border-radius: 12px; display: inline-block; margin-bottom: 10px; }\n  .qr-bg img { display: block; width: 120px; height: 120px; }\n  .qr-area p { font-size: 12px; opacity: 0.6; margin: 0; }\n\n  .menu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n  .menu-item {\n    background: white; border: 1px solid #e7e5e4; padding: 15px; border-radius: 12px;\n    text-align: center; font-size: 14px; font-weight: 500; color: #44403c; transition: 0.2s;\n  }\n  .menu-item:active { background: #f5f5f4; transform: scale(0.98); }\n  .menu-item span { display: block; font-size: 20px; margin-bottom: 5px; }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>VIP MEMBER \u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e35\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e19\u0e31\u0e01\u0e27\u0e34\u0e48\u0e07 KC. Hub &#8211; Khao Chalak \u0e41\u0e2a\u0e14\u0e07 QR \u0e19\u0e35\u0e49\u0e15\u0e48\u0e2d\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19 \ud83c\udfe0 \u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01 \ud83e\uddca \u0e08\u0e2d\u0e07 Ice Bath \u2615 \u0e04\u0e39\u0e1b\u0e2d\u0e07\u0e01\u0e32\u0e41\u0e1f \ud83d\udeaa \u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e23\u0e30\u0e1a\u0e1a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":2,"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/pages\/34\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}