{"id":29294,"date":"2026-04-11T14:30:33","date_gmt":"2026-04-11T14:30:33","guid":{"rendered":"https:\/\/trueharbor-tech.com\/?page_id=29294"},"modified":"2026-04-24T11:50:35","modified_gmt":"2026-04-24T11:50:35","slug":"quality-support","status":"publish","type":"page","link":"https:\/\/trueharbor-tech.com\/?page_id=29294","title":{"rendered":"Quality &amp; Support"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29294\" class=\"elementor elementor-29294\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b86747c e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"b86747c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3788fe0 elementor-widget elementor-widget-html\" data-id=\"3788fe0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"th-contact-section\">\r\n    <div class=\"th-ct-main-container\">\r\n        <!-- \u5de6\u4fa7\u83dc\u5355 -->\r\n        <aside class=\"th-ct-sidebar\">\r\n            <ul class=\"th-ct-sidebar-menu\">\r\n                <li class=\"th-ct-menu-item active\" onclick=\"thShowTab('info')\" id=\"th-btn-info\">\r\n                    <span class=\"th-ct-icon\">\ud83d\udccd<\/span> Contact Information\r\n                <\/li>\r\n                <li class=\"th-ct-menu-item\" onclick=\"thShowTab('quote')\" id=\"th-btn-quote\">\r\n                    <span class=\"th-ct-icon\">\ud83d\udcdd<\/span> Request a Quote\r\n                <\/li>\r\n            <\/ul>\r\n        <\/aside>\r\n\r\n        <!-- \u53f3\u4fa7\u5185\u5bb9\u533a -->\r\n        <main class=\"th-ct-content-area\">\r\n            \r\n            <!-- \u5185\u5bb9 1: \u8054\u7cfb\u65b9\u5f0f (\u677f\u5757\u5316\/\u6846\u7ebf\u7a81\u51fa) -->\r\n            <div id=\"th-tab-info\" class=\"th-ct-tab-pane active\">\r\n                <div class=\"th-ct-info-grid\">\r\n                    <div class=\"th-ct-info-card\">\r\n                        <div class=\"th-ct-card-icon\">\ud83c\udfe0<\/div>\r\n                        <div class=\"th-ct-card-content\">\r\n                            <h4>Address<\/h4>\r\n                            <p>Shenzhen TrueHarbor Technology Co., Ltd.<br>Floor 4, Building A, Industrial Park, Shenzhen, China<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"th-ct-info-card\">\r\n                        <div class=\"th-ct-card-icon\">\u2709\ufe0f<\/div>\r\n                        <div class=\"th-ct-card-content\">\r\n                            <h4>Email<\/h4>\r\n                            <p>Sales: sales@trueharbor.com<br>Purchasing: purchasing@trueharbor.com<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"th-ct-info-card\">\r\n                        <div class=\"th-ct-card-icon\">\ud83d\udcde<\/div>\r\n                        <div class=\"th-ct-card-content\">\r\n                            <h4>Phone \/ WhatsApp<\/h4>\r\n                            <p>+86 123 4567 8910<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"th-ct-info-card\">\r\n                        <div class=\"th-ct-card-icon\">\ud83d\udd52<\/div>\r\n                        <div class=\"th-ct-card-content\">\r\n                            <h4>Working Hours<\/h4>\r\n                            <p>Monday - Friday, 9:00 AM - 6:00 PM (GMT+8)<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"th-ct-map-box\">\r\n                    <p style=\"color:#999; font-size:14px;\">[Shenzhen Office Location Map]<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u5185\u5bb9 2: \u5728\u7ebf\u8be2\u4ef7 -->\r\n            <div id=\"th-tab-quote\" class=\"th-ct-tab-pane\">\r\n                <!-- \u6210\u529f\u63d0\u793a (\u521d\u59cb\u9690\u85cf) -->\r\n                <div id=\"th-success-msg\" class=\"th-ct-success-wrapper\" style=\"display:none;\">\r\n                    <div class=\"th-ct-check-icon\">\u2713<\/div>\r\n                    <h3>Thank you!<\/h3>\r\n                    <p>Your request has been sent successfully. Our sales team will contact you shortly.<\/p>\r\n                <\/div>\r\n\r\n                <!-- \u8868\u5355\u533a -->\r\n                <div class=\"th-ct-quote-form\" id=\"th-quote-form-container\">\r\n                    <h3 style=\"margin-top:0; color:#333;\">Request a Quick Quote<\/h3>\r\n                    <p style=\"margin-bottom:20px; color:#666; font-size:14px;\">Fill out the form below with black border inputs.<\/p>\r\n                    \r\n                    <form id=\"thInquiryForm\" onsubmit=\"return thHandleSubmit(event)\">\r\n                        <div class=\"th-ct-form-row\">\r\n                            <label>Part Number *<\/label>\r\n                            <input type=\"text\" id=\"th_part_number\" name=\"part_number\" placeholder=\"Enter Part Number\" required>\r\n                        <\/div>\r\n                        <div class=\"th-ct-form-flex\">\r\n                            <div class=\"th-ct-form-row\">\r\n                                <label>Quantity<\/label>\r\n                                <input type=\"number\" name=\"qty\" placeholder=\"e.g. 1000\">\r\n                            <\/div>\r\n                            <div class=\"th-ct-form-row\">\r\n                                <label>Target Price<\/label>\r\n                                <input type=\"text\" name=\"price\" placeholder=\"USD\">\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"th-ct-form-row\">\r\n                            <label>Your Email *<\/label>\r\n                            <input type=\"email\" name=\"email\" placeholder=\"example@company.com\" required>\r\n                        <\/div>\r\n\r\n                        <!-- 4. BOM \u4e0a\u4f20\u677f\u5757 -->\r\n                        <div class=\"th-ct-form-row\">\r\n                            <label>Upload BOM or Reference Files (Optional)<\/label>\r\n                            <div class=\"th-ct-upload-zone\" onclick=\"document.getElementById('th-file-input').click()\">\r\n                                <div class=\"th-ct-paperclip\">\ud83d\udcce<\/div>\r\n                                <p>Drag & Drop or <span>Browse Files<\/span><\/p>\r\n                                <small>Support: .xls, .xlsx, .csv, .pdf, .jpg, .png (Max 10MB)<\/small>\r\n                                <input type=\"file\" id=\"th-file-input\" multiple style=\"display:none\" onchange=\"thHandleFiles(this.files)\">\r\n                                <div id=\"th-file-list\" class=\"th-ct-file-list\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"th-ct-form-row\">\r\n                            <label>Message<\/label>\r\n                            <textarea name=\"message\" rows=\"4\" placeholder=\"Tell us more about your requirements...\"><\/textarea>\r\n                        <\/div>\r\n                        <button type=\"submit\" class=\"th-ct-submit-btn\">SEND INQUIRY NOW<\/button>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/main>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    #th-contact-section {\r\n        margin: 40px auto;\r\n        max-width: 1200px;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    .th-ct-main-container { display: flex; gap: 30px; }\r\n\r\n    \/* \u5de6\u4fa7\u83dc\u5355\u4fdd\u6301\u7b80\u6d01 *\/\r\n    .th-ct-sidebar { width: 260px; flex-shrink: 0; }\r\n    .th-ct-sidebar-menu { list-style: none!important; padding: 0!important; margin: 0!important; border: 1px solid #eee; border-radius: 8px; overflow: hidden; }\r\n    .th-ct-menu-item { padding: 18px 20px; cursor: pointer; border-bottom: 1px solid #eee; transition: 0.3s; font-weight: 600; font-size: 14px; }\r\n    .th-ct-menu-item.active { background-color: #004494; color: #fff; }\r\n\r\n    \/* \u5185\u5bb9\u533a *\/\r\n    .th-ct-content-area { flex-grow: 1; }\r\n    .th-ct-tab-pane { display: none; animation: thFadeIn 0.4s; }\r\n    .th-ct-tab-pane.active { display: block; }\r\n\r\n    \/* 1. \u8054\u7cfb\u4fe1\u606f\u677f\u5757\u5316 (\u56fe\u7247\u8981\u6c42 2) *\/\r\n    .th-ct-info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-bottom: 20px; }\r\n    .th-ct-info-card {\r\n        background: #fcfcfc;\r\n        border: 1px solid #ddd;\r\n        padding: 20px;\r\n        border-radius: 6px;\r\n        display: flex;\r\n        gap: 15px;\r\n        border-left: 4px solid #004494; \/* \u84dd\u8272\u5757\u7a81\u51fa *\/\r\n    }\r\n    .th-ct-card-icon { font-size: 24px; opacity: 0.7; }\r\n    .th-ct-card-content h4 { margin: 0 0 5px; font-size: 16px; color: #111; }\r\n    .th-ct-card-content p { margin: 0; font-size: 13px; color: #666; line-height: 1.5; }\r\n\r\n    \/* 3. \u8868\u5355\u9ed1\u8272\u6846\u7ebf (\u56fe\u7247\u8981\u6c42 3) *\/\r\n    .th-ct-quote-form { background: #fff; padding: 10px 0; }\r\n    .th-ct-form-row { margin-bottom: 20px; }\r\n    .th-ct-form-row label { display: block; margin-bottom: 8px; font-weight: 700; font-size: 13px; }\r\n    \r\n    .th-ct-form-row input, .th-ct-form-row textarea {\r\n        width: 100% !important;\r\n        padding: 12px !important;\r\n        border: 1px solid #000000 !important; \/* \u9ed1\u8272\u6846\u7ebf *\/\r\n        border-radius: 0 !important; \/* \u504f\u786c\u6717\u98ce\u683c *\/\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .th-ct-form-flex { display: flex; gap: 15px; }\r\n    .th-ct-form-flex .th-ct-form-row { flex: 1; }\r\n\r\n    \/* 4. \u4e0a\u4f20\u533a (\u56fe\u7247\u8981\u6c42 4) *\/\r\n    .th-ct-upload-zone {\r\n        border: 2px dashed #004494;\r\n        background: #f9fbfc;\r\n        padding: 25px;\r\n        text-align: center;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n    }\r\n    .th-ct-upload-zone:hover { background: #f0f4f8; }\r\n    .th-ct-paperclip { font-size: 30px; margin-bottom: 10px; color: #004494; }\r\n    .th-ct-upload-zone p { margin: 0; font-weight: 700; color: #333; }\r\n    .th-ct-upload-zone p span { color: #004494; text-decoration: underline; }\r\n    .th-ct-upload-zone small { color: #888; display: block; margin-top: 5px; }\r\n    .th-ct-file-list { margin-top: 10px; font-size: 12px; color: #004494; }\r\n\r\n    \/* 5. \u63d0\u4ea4\u6210\u529f\u53cd\u9988 (\u56fe\u7247\u8981\u6c42 5) *\/\r\n    .th-ct-success-wrapper {\r\n        text-align: center;\r\n        padding: 60px 20px;\r\n        animation: thFadeIn 0.5s;\r\n    }\r\n    .th-ct-check-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: #28a745;\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        font-size: 35px;\r\n        margin: 0 auto 20px;\r\n    }\r\n    .th-ct-success-wrapper h3 { font-size: 24px; color: #28a745; margin-bottom: 10px; }\r\n    .th-ct-success-wrapper p { color: #555; max-width: 400px; margin: 0 auto; line-height: 1.6; }\r\n\r\n    .th-ct-submit-btn {\r\n        background: #004494;\r\n        color: #fff;\r\n        padding: 16px;\r\n        border: none;\r\n        width: 100%;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .th-ct-map-box { height: 250px; background: #eee; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-top: 20px; }\r\n\r\n    @keyframes thFadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n\r\n    @media (max-width: 768px) {\r\n        .th-ct-main-container { flex-direction: column; }\r\n        .th-ct-info-grid { grid-template-columns: 1fr; }\r\n        .th-ct-form-flex { flex-direction: column; gap: 0; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    function thShowTab(tabName) {\r\n        document.querySelectorAll('.th-ct-tab-pane').forEach(p => p.classList.remove('active'));\r\n        document.querySelectorAll('.th-ct-menu-item').forEach(b => b.classList.remove('active'));\r\n        document.getElementById('th-tab-' + tabName).classList.add('active');\r\n        document.getElementById('th-btn-' + tabName).classList.add('active');\r\n    }\r\n\r\n    \/\/ \u5904\u7406\u6587\u4ef6\u4e0a\u4f20\u9884\u89c8\r\n    function thHandleFiles(files) {\r\n        const list = document.getElementById('th-file-list');\r\n        list.innerHTML = \"\";\r\n        const allowedTypes = ['application\/vnd.ms-excel', 'application\/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'text\/csv', 'application\/pdf', 'image\/jpeg', 'image\/png'];\r\n        \r\n        for (let i = 0; i < Math.min(files.length, 3); i++) {\r\n            if (files[i].size > 10 * 1024 * 1024) {\r\n                alert(\"File too large: \" + files[i].name); continue;\r\n            }\r\n            list.innerHTML += `<div>\ud83d\udcc4 ${files[i].name}<\/div>`;\r\n        }\r\n    }\r\n\r\n    \/\/ \u5904\u7406\u63d0\u4ea4\u6210\u529f\u903b\u8f91 (\u56fe\u7247\u8981\u6c42 5)\r\n    function thHandleSubmit(e) {\r\n        e.preventDefault();\r\n        \/\/ \u6a21\u62df\u63d0\u4ea4\u52a8\u4f5c\r\n        document.getElementById('th-quote-form-container').style.display = 'none';\r\n        document.getElementById('th-success-msg').style.display = 'block';\r\n        return false;\r\n    }\r\n\r\n    \/\/ \u81ea\u52a8\u6293\u53d6 URL \u53c2\u6570\u903b\u8f91\r\n    window.addEventListener('load', function() {\r\n        const urlParams = new URLSearchParams(window.location.search);\r\n        const part = urlParams.get('part_number');\r\n        if (part) {\r\n            document.getElementById('th_part_number').value = part;\r\n            thShowTab('quote');\r\n        }\r\n    });\r\n<\/script>\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>\ud83d\udccd Contact Information \ud83d\udcdd Request a Quote \ud83c\udfe0 Address Shenzhen TrueHarbor Technology Co., Ltd.Floor 4, Building A, Industrial Park, Shenzhen,<\/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-29294","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/29294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29294"}],"version-history":[{"count":13,"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/29294\/revisions"}],"predecessor-version":[{"id":29405,"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/29294\/revisions\/29405"}],"wp:attachment":[{"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}