{"id":29218,"date":"2026-04-11T06:42:16","date_gmt":"2026-04-11T06:42:16","guid":{"rendered":"https:\/\/trueharbor-tech.com\/?page_id=29218"},"modified":"2026-04-22T11:45:24","modified_gmt":"2026-04-22T11:45:24","slug":"solutions","status":"publish","type":"page","link":"https:\/\/trueharbor-tech.com\/?page_id=29218","title":{"rendered":"Solutions"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29218\" class=\"elementor elementor-29218\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6733bf7 e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"6733bf7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0694cf elementor-widget elementor-widget-html\" data-id=\"e0694cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <style>\r\n        \/* --- 1. \u5168\u5c40\u6837\u5f0f\u4e0e\u91cd\u7f6e --- *\/\r\n        .page-builder-wrapper {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n            color: #1f2937;\r\n            line-height: 1.6;\r\n            margin: 0;\r\n            padding: 0;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* \u9650\u5236\u5bbd\u5ea6\u7684\u5185\u90e8\u5bb9\u5668 (1200px) *\/\r\n        .container-1200 {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* --- 2. \u5168\u5bbd\u9996\u5c4f Banner --- *\/\r\n        .hero-banner-full {\r\n            width: 100%;\r\n            height: 480px;\r\n            background-color: #f3f4f6; \/* \u5360\u4f4d\u8272\uff0c\u5efa\u8bae\u540e\u671f\u52a0\u80cc\u666f\u56fe *\/\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            \/* background-image: url('YOUR_IMAGE_URL'); *\/\r\n            \/* background-size: cover; background-position: center; *\/\r\n        }\r\n\r\n        .hero-content {\r\n            text-align: center;\r\n            z-index: 2;\r\n        }\r\n\r\n        .hero-content .ph-text {\r\n            color: #9ca3af;\r\n            font-size: 14px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.2em;\r\n            margin-bottom: 20px;\r\n            display: block;\r\n        }\r\n\r\n        .hero-content h1 {\r\n            margin: 0;\r\n            font-size: 56px;\r\n            font-weight: 800;\r\n            color: #111827;\r\n            letter-spacing: -0.03em;\r\n        }\r\n\r\n        \/* --- 3. \u901a\u7528\u7ae0\u8282\u6837\u5f0f --- *\/\r\n        .section-padding {\r\n            padding: 90px 0;\r\n            border-bottom: 1px solid #f1f5f9;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .section-header h2 {\r\n            font-size: 34px;\r\n            font-weight: 800;\r\n            color: #111827;\r\n            margin: 0 0 15px;\r\n        }\r\n\r\n        .section-header .sub-text {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            color: #6b7280;\r\n            font-size: 17px;\r\n        }\r\n\r\n        .title-underline {\r\n            width: 50px;\r\n            height: 3px;\r\n            background-color: #0056B3;\r\n            margin: 20px auto 0;\r\n        }\r\n\r\n        \/* --- 4. \u670d\u52a1\u677f\u5757 (4-Card Grid) --- *\/\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 24px;\r\n        }\r\n\r\n        .service-card {\r\n            background: #fff;\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 16px;\r\n            padding: 35px 25px;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            text-decoration: none;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .service-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 40px rgba(0, 86, 179, 0.1);\r\n            border-color: #0056B3;\r\n        }\r\n\r\n        .icon-box {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: #f0f7ff;\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #0056B3;\r\n            margin-bottom: 25px;\r\n            font-size: 12px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .service-card h3 {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: #111827;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .service-card p {\r\n            color: #4b5563;\r\n            font-size: 15px;\r\n            margin-bottom: 25px;\r\n            min-height: 70px;\r\n        }\r\n\r\n        .learn-more {\r\n            margin-top: auto;\r\n            color: #0056B3;\r\n            font-weight: 700;\r\n            font-size: 14px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* --- 5. \u91c7\u8d2d\u95ed\u73af\u677f\u5757 (Closed Loop) --- *\/\r\n        .loop-flex {\r\n            display: flex;\r\n            gap: 60px;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .loop-visual {\r\n            flex: 1 1 500px;\r\n            position: relative;\r\n            height: 500px;\r\n        }\r\n\r\n        .loop-circle-bg {\r\n            position: absolute;\r\n            inset: 0;\r\n            border-radius: 50%;\r\n            border: 1px solid #e5e7eb;\r\n            background: radial-gradient(circle, rgba(0, 86, 179, 0.04) 0%, transparent 70%);\r\n        }\r\n\r\n        .loop-center {\r\n            position: absolute;\r\n            top: 50%; left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 140px; height: 140px;\r\n            background: #0056B3;\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            text-align: center;\r\n            font-weight: 800;\r\n            font-size: 15px;\r\n            box-shadow: 0 10px 25px rgba(0, 86, 179, 0.3);\r\n            z-index: 5;\r\n        }\r\n\r\n        .node {\r\n            position: absolute;\r\n            width: 170px;\r\n            padding: 12px 15px;\r\n            background: #fff;\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 12px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n            font-size: 13px;\r\n            z-index: 6;\r\n        }\r\n\r\n        .node b { display: block; color: #0056B3; margin-bottom: 4px; font-size: 14px; }\r\n\r\n        \/* \u8282\u70b9\u5b9a\u4f4d *\/\r\n        .n1 { top: 0%; left: 50%; transform: translateX(-50%); }\r\n        .n2 { top: 35%; right: 0%; }\r\n        .n3 { bottom: 5%; right: 10%; }\r\n        .n4 { bottom: 5%; left: 10%; }\r\n        .n5 { top: 35%; left: 0%; }\r\n\r\n        .loop-text-content { flex: 1 1 400px; }\r\n        .loop-list { list-style: none; padding: 0; margin-bottom: 35px; }\r\n        .loop-list li {\r\n            position: relative;\r\n            padding-left: 30px;\r\n            margin-bottom: 15px;\r\n            font-size: 16px;\r\n        }\r\n        .loop-list li::before {\r\n            content: \"\u2713\";\r\n            position: absolute; left: 0;\r\n            color: #0056B3; font-weight: 900;\r\n        }\r\n\r\n        .cta-btn {\r\n            display: inline-block;\r\n            padding: 16px 35px;\r\n            background: #0056B3;\r\n            color: #fff;\r\n            text-decoration: none;\r\n            border-radius: 8px;\r\n            font-weight: 700;\r\n            transition: 0.3s;\r\n        }\r\n        .cta-btn:hover { background: #004494; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 86, 179, 0.2); }\r\n\r\n        \/* --- 6. \u8ba4\u8bc1\u677f\u5757 --- *\/\r\n        .cert-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 20px;\r\n        }\r\n        .cert-item {\r\n            height: 100px;\r\n            background: #f8fafc;\r\n            border: 1px solid #f1f5f9;\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #94a3b8;\r\n            font-weight: 600;\r\n            transition: 0.3s;\r\n        }\r\n        .cert-item:hover { border-color: #0056B3; color: #0056B3; background: #fff; }\r\n\r\n        \/* --- 7. \u54cd\u5e94\u5f0f\u63a7\u5236 --- *\/\r\n        @media (max-width: 1024px) {\r\n            .services-grid, .cert-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .hero-content h1 { font-size: 42px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .services-grid, .cert-grid, .loop-flex { flex-direction: column; grid-template-columns: 1fr; }\r\n            .hero-banner-full { height: 350px; }\r\n            .hero-content h1 { font-size: 32px; }\r\n            .loop-visual { height: 450px; margin-bottom: 30px; }\r\n            .node { width: 140px; font-size: 12px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"page-builder-wrapper\">\r\n\r\n    <!-- 1. \u5168\u5bbd Banner -->\r\n    <section class=\"hero-banner-full\">\r\n        <div class=\"hero-content\">\r\n            <span class=\"ph-text\">High-Resolution Background Image Recommended<\/span>\r\n            <h1>Our Core Solutions<\/h1>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 2. \u670d\u52a1\u4e0e\u89e3\u51b3\u65b9\u6848 -->\r\n    <section class=\"section-padding\">\r\n        <div class=\"container-1200\">\r\n            <div class=\"section-header\">\r\n                <h2>Services & Solutions<\/h2>\r\n                <p class=\"sub-text\">We provide specialized procurement services for the global electronics industry, from emergency spot buys to comprehensive BOM supply chain management.<\/p>\r\n                <div class=\"title-underline\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"services-grid\">\r\n                <a href=\"https:\/\/trueharbor-tech.com\/spot-buy-services\/\" class=\"service-card\">\r\n                    <div class=\"icon-box\">64x64<\/div>\r\n                    <h3>Spot Buy Services<\/h3>\r\n                    <p>Immediate response to critical shortages with a global verified supplier network.<\/p>\r\n                    <span class=\"learn-more\">Learn More \u2192<\/span>\r\n                <\/a>\r\n                <a href=\"https:\/\/trueharbor-tech.com\/bom-kitting\/\" class=\"service-card\">\r\n                    <div class=\"icon-box\">64x64<\/div>\r\n                    <h3>BOM Kitting<\/h3>\r\n                    <p>Consolidated procurement of complete Bill of Materials to streamline your production.<\/p>\r\n                    <span class=\"learn-more\">Learn More \u2192<\/span>\r\n                <\/a>\r\n                <a href=\"https:\/\/trueharbor-tech.com\/shortage-obsolescence\/\" class=\"service-card\">\r\n                    <div class=\"icon-box\">64x64<\/div>\r\n                    <h3>Shortage & EOL<\/h3>\r\n                    <p>Proactive sourcing for allocated, obsolete, and hard-to-find components.<\/p>\r\n                    <span class=\"learn-more\">Learn More \u2192<\/span>\r\n                <\/a>\r\n                <a href=\"https:\/\/trueharbor-tech.com\/excess-inventory\/\" class=\"service-card\">\r\n                    <div class=\"icon-box\">64x64<\/div>\r\n                    <h3>Excess Inventory<\/h3>\r\n                    <p>Asset recovery solutions to turn your excess stock into liquid capital.<\/p>\r\n                    <span class=\"learn-more\">Learn More \u2192<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 3. \u91c7\u8d2d\u95ed\u73af\u56fe\u8868 -->\r\n    <section class=\"section-padding\" style=\"background-color: #fcfcfc;\">\r\n        <div class=\"container-1200\">\r\n            <div class=\"section-header\">\r\n                <h2>Procurement Closed Loop<\/h2>\r\n                <p class=\"sub-text\">Our structured 5-step process ensures transparency, quality, and speed throughout the component lifecycle.<\/p>\r\n                <div class=\"title-underline\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"loop-flex\">\r\n                <div class=\"loop-visual\">\r\n                    <div class=\"loop-circle-bg\"><\/div>\r\n                    <div class=\"loop-center\">Procurement<br>Cycle<\/div>\r\n                    <div class=\"node n1\"><b>Source Access<\/b>Verified global supply channels.<\/div>\r\n                    <div class=\"node n2\"><b>Cost Control<\/b>Strategic price optimization.<\/div>\r\n                    <div class=\"node n3\"><b>Rapid Logistics<\/b>Door-to-door global tracking.<\/div>\r\n                    <div class=\"node n4\"><b>Quality Trust<\/b>Rigorous inspection protocols.<\/div>\r\n                    <div class=\"node n5\"><b>Life-cycle<\/b>Managing EOL and continuity.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"loop-text-content\">\r\n                    <ul class=\"loop-list\">\r\n                        <li>Strict verification of technical specs and date codes.<\/li>\r\n                        <li>Global multi-source screening for best availability.<\/li>\r\n                        <li>Lead-time alignment with customer production schedules.<\/li>\r\n                        <li>Zero-defect quality assurance & optional 3rd party testing.<\/li>\r\n                        <li>Dedicated after-sales support and shipment tracking.<\/li>\r\n                    <\/ul>\r\n                    <a href=\"#\" class=\"cta-btn\">Request a Custom Quote<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 4. \u8ba4\u8bc1\u5408\u89c4 -->\r\n    <section class=\"section-padding\">\r\n        <div class=\"container-1200\">\r\n            <div class=\"section-header\">\r\n                <h2>Compliance & Certifications<\/h2>\r\n                <p class=\"sub-text\">We maintain the highest industry standards for quality management and environmental responsibility.<\/p>\r\n                <div class=\"title-underline\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cert-grid\">\r\n                <div class=\"cert-item\">ISO 9001:2015<\/div>\r\n                <div class=\"cert-item\">AS6081 Compliant<\/div>\r\n                <div class=\"cert-item\">RoHS & REACH<\/div>\r\n                <div class=\"cert-item\">ESD-S20.20<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\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>High-Resolution Background Image Recommended Our Core Solutions Services &#038; Solutions We provide specialized procurement services for the global electronics industry,<\/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-29218","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/29218","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=29218"}],"version-history":[{"count":8,"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/29218\/revisions"}],"predecessor-version":[{"id":29371,"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/29218\/revisions\/29371"}],"wp:attachment":[{"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}