{"id":52,"date":"2026-01-13T15:02:45","date_gmt":"2026-01-13T15:02:45","guid":{"rendered":"http:\/\/localhost\/trade-gold\/?page_id=52"},"modified":"2026-02-19T07:42:59","modified_gmt":"2026-02-19T07:42:59","slug":"contact","status":"publish","type":"page","link":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"th\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <title>Contact &#8211; Trade Gold<\/title>\n    <link rel=\"icon\" type=\"image\/png\" href=\"\/image\/logo.png\">\n    <!-- Preconnect for faster font loading -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500;600;700;900&#038;display=swap\"\n        rel=\"stylesheet\">\n    <style>\n        :root {\n            --gold-primary: #EDBF43;\n            --gold-light: #FFD700;\n            --gold-dark: #B8860B;\n            --navy: #1E3A8A;\n            --navy-dark: #172d69;\n            --navy-medium: #1E40AF;\n            --white: #ffffff;\n            --gray-light: #f8f9fa;\n            --gray-medium: #e9ecef;\n            --text-dark: #2c3e50;\n            --sky-blue: #87CEEB;\n            --sky-light: #A3DFF8;\n            --shadow: 0 10px 30px rgba(0, 0, 0, 0.1)\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box\n        }\n\n        body {\n            font-family: 'Kanit', sans-serif;\n            background: linear-gradient(180deg, var(--sky-light) 0%, var(--white) 100%);\n            color: var(--text-dark);\n            line-height: 1.6;\n            min-height: 100vh\n        }\n\n        .contact-container {\n            max-width: 900px;\n            margin: 4rem auto;\n            padding: 0 2rem\n        }\n\n        .contact-title {\n            font-size: 3rem;\n            font-weight: 700;\n            color: var(--navy);\n            margin-bottom: 3rem;\n            text-align: center\n        }\n\n        .contact-content {\n            background: var(--white);\n            border-radius: 20px;\n            padding: 3rem;\n            box-shadow: var(--shadow)\n        }\n\n        .contact-info {\n            margin-bottom: 2.5rem\n        }\n\n        .contact-info p {\n            font-size: 1.2rem;\n            color: var(--text-dark);\n            margin-bottom: 1rem;\n            line-height: 1.8\n        }\n\n        .contact-info a {\n            color: var(--navy);\n            text-decoration: none;\n            font-weight: 600;\n            transition: color 0.3s\n        }\n\n        .contact-info a:hover {\n            color: var(--gold-primary)\n        }\n\n        .line-account {\n            font-weight: 600;\n            color: var(--navy)\n        }\n\n        .phone-numbers {\n            color: var(--navy);\n            font-weight: 500\n        }\n\n        .qr-code-section {\n            text-align: center;\n            margin-top: 3rem;\n            padding-top: 2rem;\n            border-top: 2px solid var(--gray-medium)\n        }\n\n        .qr-code-wrapper {\n            display: inline-block;\n            padding: 2rem;\n            background: var(--white);\n            border-radius: 15px;\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1)\n        }\n\n        .qr-code-wrapper img {\n            max-width: 300px;\n            width: 100%;\n            height: auto;\n            display: block\n        }\n\n        .qr-placeholder {\n            width: 300px;\n            height: 300px;\n            background: var(--gray-light);\n            border: 3px dashed var(--gray-medium);\n            border-radius: 15px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1rem;\n            color: #999;\n            text-align: center\n        }\n\n        @media (max-width:768px) {\n            .contact-title {\n                font-size: 2rem\n            }\n\n            .contact-content {\n                padding: 2rem\n            }\n\n            .contact-info p {\n                font-size: 1rem\n            }\n\n            .qr-placeholder,\n            .qr-code-wrapper img {\n                max-width: 250px\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <!-- Header -->\n    <div id=\"navbar-placeholder\"><\/div>\n\n    <!-- Contact Content -->\n    <div class=\"contact-container\">\n        <h1 class=\"contact-title\">Contact<\/h1>\n\n        <div class=\"contact-content\">\n            <div class=\"contact-info\">\n                <p>\n                    <strong>LINE Official Account:<\/strong>\n                    <span class=\"line-account\">@555qutex (Trade Gold)<\/span> ,\n                    <a href=\"https:\/\/forms.gle\/39UFCgrYbdfTVmhZ9\" target=\"_blank\" rel=\"noopener\">\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e14\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48!<\/a>\n                <\/p>\n\n                <p>\n                    <strong>\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d:<\/strong>\n                    <span class=\"phone-numbers\">02-088-9181, 02-088-9185<\/span>\n                <\/p>\n            <\/div>\n\n            <div class=\"qr-code-section\">\n                <div class=\"qr-code-wrapper\">\n                    <img decoding=\"async\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/01\/qr-code.png\" alt=\"LINE QR Code\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"footer-placeholder\"><\/div>\n\n    <!-- Switch Button Placeholder -->\n    <div id=\"switch-button-placeholder\"><\/div>\n\n    <!-- Load Shared Components Script -->\n    <script>\n        \/\/ Apps Script URL \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e14\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Search Bar)\n        window.GUIDE_API_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbzTIMUcEl49nXGRMQk_L_TI1XFD28gUNyMt0IXKVWnDiPnV5GorIEEPMswp-Gsv0r1Bhw\/exec';\n\n        \/\/ \u0e42\u0e2b\u0e25\u0e14 Navbar \u0e41\u0e25\u0e30 Footer\n        fetch('index.html')\n            .then(response => response.text())\n            .then(html => {\n                const parser = new DOMParser();\n                const doc = parser.parseFromString(html, 'text\/html');\n\n                \/\/ \u0e14\u0e36\u0e07 Navbar Template\n                const navbarTemplate = doc.getElementById('navbar-template');\n                if (navbarTemplate) {\n                    const navbarContent = navbarTemplate.content.cloneNode(true);\n                    document.getElementById('navbar-placeholder').appendChild(navbarContent);\n\n                    \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21 active class\n                    const currentPage = window.location.pathname.split('\/').pop().replace('.html', '') || 'home';\n                    const navLinks = document.querySelectorAll('.nav-menu a');\n                    navLinks.forEach(link => {\n                        const pageName = link.getAttribute('data-page');\n                        if (pageName === currentPage) {\n                            link.classList.add('active');\n                        }\n                    });\n                }\n\n                \/\/ \u0e14\u0e36\u0e07 Footer Template\n                const footerTemplate = doc.getElementById('footer-template');\n                if (footerTemplate) {\n                    const footerContent = footerTemplate.content.cloneNode(true);\n                    document.getElementById('footer-placeholder').appendChild(footerContent);\n                }\n\n                \/\/ \u0e14\u0e36\u0e07 Switch Button Template\n                const switchButtonTemplate = doc.getElementById('switch-button-template');\n                if (switchButtonTemplate) {\n                    const switchButtonContent = switchButtonTemplate.content.cloneNode(true);\n                    document.getElementById('switch-button-placeholder').appendChild(switchButtonContent);\n                    console.log('\u2705 Switch button loaded!');\n                }\n\n                \/\/ \u0e14\u0e36\u0e07 Styles\n                const sharedStyles = doc.getElementById('shared-styles');\n                if (sharedStyles && !document.getElementById('shared-styles-injected')) {\n                    const styleElement = document.createElement('style');\n                    styleElement.id = 'shared-styles-injected';\n                    styleElement.textContent = sharedStyles.textContent;\n                    document.head.appendChild(styleElement);\n                }\n\n                \/\/ \u0e14\u0e36\u0e07\u0e41\u0e25\u0e30\u0e23\u0e31\u0e19 Shared Components Script\n                const sharedScript = doc.getElementById('shared-components-script');\n                if (sharedScript && !window.sharedScriptLoaded) {\n                    console.log('Loading shared components script...');\n                    const scriptElement = document.createElement('script');\n                    scriptElement.textContent = sharedScript.textContent;\n                    document.body.appendChild(scriptElement);\n                    window.sharedScriptLoaded = true;\n                    console.log('\u2705 Shared components script loaded!');\n                }\n\n                \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e25\u0e31\u0e1a\u0e04\u0e33\u0e15\u0e32\u0e21 Mode\n                setTimeout(() => {\n                    function updateTextByMode() {\n                        const isSilverMode = localStorage.getItem('tradeSiteMode') === 'silver';\n\n                        const textReplacements = {\n                            '\u0e17\u0e2d\u0e07\u0e04\u0e33': isSilverMode ? '\u0e40\u0e07\u0e34\u0e19' : '\u0e17\u0e2d\u0e07\u0e04\u0e33',\n                            '\u0e17\u0e2d\u0e07': isSilverMode ? '\u0e40\u0e07\u0e34\u0e19' : '\u0e17\u0e2d\u0e07',\n                            'Gold': isSilverMode ? 'Silver' : 'Gold'\n                        };\n\n                        function replaceText(element) {\n                            if (element.nodeType === Node.TEXT_NODE) {\n                                let text = element.textContent;\n                                let modified = false;\n\n                                for (const [oldText, newText] of Object.entries(textReplacements)) {\n                                    if (text.includes(oldText)) {\n                                        text = text.replace(new RegExp(oldText, 'g'), newText);\n                                        modified = true;\n                                    }\n                                }\n\n                                if (modified) {\n                                    element.textContent = text;\n                                }\n                            } else if (element.nodeType === Node.ELEMENT_NODE &&\n                                element.tagName !== 'SCRIPT' &&\n                                element.tagName !== 'STYLE' &&\n                                !element.classList.contains('no-translate')) {\n                                for (const child of element.childNodes) {\n                                    replaceText(child);\n                                }\n                            }\n                        }\n\n                        const mainContent = document.body;\n                        if (mainContent) {\n                            replaceText(mainContent);\n                        }\n\n                        console.log(`\u2705 Contact page text updated to ${isSilverMode ? 'Silver' : 'Gold'} mode`);\n                    }\n\n                    updateTextByMode();\n\n                    window.addEventListener('modeChanged', () => {\n                        updateTextByMode();\n                    });\n                }, 600);\n            })\n            .catch(error => console.error('Error loading components:', error));\n    <\/script>\n\n<\/body>\n\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contact &#8211; Trade Gold Contact LINE Official Account: @555qutex (Trade Gold) , \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e14\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48! \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d: 02-088-9181, 02-088-9185<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-page-builder-no-sidebar.php","meta":{"footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":1,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":176,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages\/52\/revisions\/176"}],"wp:attachment":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/media?parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}