{"id":28,"date":"2026-01-04T11:59:41","date_gmt":"2026-01-04T11:59:41","guid":{"rendered":"https:\/\/khaochalakhub.com\/?page_id=28"},"modified":"2026-01-04T12:42:39","modified_gmt":"2026-01-04T12:42:39","slug":"park","status":"publish","type":"page","link":"https:\/\/khaochalakhub.com\/index.php\/park\/","title":{"rendered":"Park"},"content":{"rendered":"\n<!-- KC. Hub Landing Page (\/park) -->\n<div class=\"kc-landing\">\n  <!-- Background -->\n  <div class=\"bg-overlay\"><\/div>\n  \n  <div class=\"content-box\">\n    <!-- Header -->\n    <div class=\"brand-header\">\n      <div class=\"logo-box\">KC<\/div>\n      <div class=\"status-pill\">\ud83d\udfe2 OPEN<\/div>\n    <\/div>\n\n    <h1 class=\"main-title\">WELCOME TO<br>BASECAMP<\/h1>\n    <p class=\"subtitle\">\u0e08\u0e38\u0e14\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e27\u0e34\u0e48\u0e07\u0e40\u0e02\u0e32\u0e09\u0e25\u0e32\u0e01<\/p>\n\n    <!-- \u0e1b\u0e38\u0e48\u0e21 1: \u0e08\u0e48\u0e32\u0e22\u0e23\u0e32\u0e22\u0e04\u0e23\u0e31\u0e49\u0e07 (\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e44\u0e1b\u0e2b\u0e19\u0e49\u0e32 Pay-visitor \u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e21\u0e35) -->\n    <a href=\"\/pay-visitor\" class=\"menu-card\">\n      <div class=\"icon-box\">\ud83d\ude97<\/div>\n      <div class=\"text-box\">\n        <h3>\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e23\u0e32\u0e22\u0e04\u0e23\u0e31\u0e49\u0e07<\/h3>\n        <p>\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e02\u0e32\u0e08\u0e23 (20\u0e3f)<\/p>\n      <\/div>\n      <div class=\"arrow\">><\/div>\n    <\/a>\n\n    <!-- \u0e1b\u0e38\u0e48\u0e21 2: \u0e2a\u0e21\u0e31\u0e04\u0e23\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01 (\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e44\u0e1b\u0e2b\u0e19\u0e49\u0e32 Register-member \u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e21\u0e35) -->\n    <a href=\"\/register-member\" class=\"menu-card highlight\">\n      <div class=\"badge\">\u0e04\u0e38\u0e49\u0e21\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/div>\n      <div class=\"icon-box\">\ud83d\udc51<\/div>\n      <div class=\"text-box\">\n        <h3>\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19<\/h3>\n        <p>\u0e08\u0e2d\u0e14\u0e1f\u0e23\u0e35\u0e44\u0e21\u0e48\u0e2d\u0e31\u0e49\u0e19 + \u0e2a\u0e48\u0e27\u0e19\u0e25\u0e14<\/p>\n      <\/div>\n      <div class=\"arrow\">><\/div>\n    <\/a>\n\n    <!-- \u0e1b\u0e38\u0e48\u0e21 3: \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e40\u0e01\u0e48\u0e32 (\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e44\u0e1b\u0e2b\u0e19\u0e49\u0e32\u0e1a\u0e31\u0e15\u0e23\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01) -->\n    <div class=\"member-login-area\">\n      <p>\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e2d\u0e22\u0e39\u0e48\u0e41\u0e25\u0e49\u0e27?<\/p>\n      <a href=\"\/my-card\" class=\"btn-login\">\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e15\u0e23\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01<\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n  body { margin:0; font-family: 'Kanit', sans-serif; background: #0c0a09; color: white; }\n  a { text-decoration: none; color: inherit; }\n  \n  .kc-landing {\n    min-height: 100vh; padding: 20px;\n    background-image: url('https:\/\/images.unsplash.com\/photo-1516216628859-9bcce59a3902?q=80&w=1974&auto=format&fit=crop');\n    background-size: cover; background-position: center;\n    display: flex; align-items: center; justify-content: center; position: relative;\n  }\n  .bg-overlay { position: absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(to bottom, rgba(0,0,0,0.6), #0c0a09 90%); z-index: 1; }\n  .content-box { position: relative; z-index: 2; width: 100%; max-width: 400px; }\n\n  .brand-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }\n  .logo-box { width: 40px; height: 40px; background: #ea580c; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 20px; transform: rotate(-3deg); }\n  .status-pill { background: rgba(255,255,255,0.1); padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; border: 1px solid rgba(74, 222, 128, 0.5); color: #4ade80; }\n\n  .main-title { font-size: 42px; line-height: 1; margin: 0 0 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }\n  .subtitle { color: #a8a29e; margin: 0 0 40px; font-size: 14px; }\n\n  .menu-card {\n    display: flex; align-items: center; gap: 15px;\n    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);\n    padding: 20px; border-radius: 16px; margin-bottom: 15px;\n    transition: transform 0.2s; position: relative; backdrop-filter: blur(10px);\n  }\n  .menu-card:active { transform: scale(0.98); background: rgba(255,255,255,0.1); }\n  \n  .menu-card.highlight { background: linear-gradient(135deg, rgba(234,88,12,0.15), rgba(234,88,12,0.05)); border-color: #ea580c; }\n  .badge { position: absolute; top: -10px; right: 15px; background: #ea580c; font-size: 10px; padding: 2px 8px; border-radius: 10px; font-weight: bold; }\n\n  .icon-box { font-size: 24px; width: 45px; height: 45px; background: rgba(255,255,255,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; }\n  .text-box { flex: 1; }\n  .text-box h3 { margin: 0; font-size: 16px; font-weight: 600; }\n  .text-box p { margin: 2px 0 0; font-size: 12px; color: #d6d3d1; }\n  .arrow { color: #57534e; font-weight: bold; }\n\n  .member-login-area { text-align: center; margin-top: 40px; }\n  .member-login-area p { font-size: 12px; color: #78716c; margin-bottom: 5px; }\n  .btn-login { color: #ea580c; font-weight: bold; font-size: 14px; text-decoration: underline; }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>KC \ud83d\udfe2 OPEN WELCOME TOBASECAMP \u0e08\u0e38\u0e14\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e27\u0e34\u0e48\u0e07\u0e40\u0e02\u0e32\u0e09\u0e25\u0e32\u0e01 \ud83d\ude97 \u0e08\u0e2d\u0e14\u0e23\u0e16\u0e23\u0e32\u0e22\u0e04\u0e23\u0e31\u0e49\u0e07 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e02\u0e32\u0e08\u0e23 (20\u0e3f) > \u0e04\u0e38\u0e49\u0e21\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 \ud83d\udc51 \u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19 \u0e08\u0e2d\u0e14\u0e1f\u0e23\u0e35\u0e44\u0e21\u0e48\u0e2d\u0e31\u0e49\u0e19 + \u0e2a\u0e48\u0e27\u0e19\u0e25\u0e14 > \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e2d\u0e22\u0e39\u0e48\u0e41\u0e25\u0e49\u0e27? \u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e15\u0e23\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01<\/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-28","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/pages\/28","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=28"}],"version-history":[{"count":2,"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}