{"id":29270,"date":"2026-04-11T13:32:41","date_gmt":"2026-04-11T13:32:41","guid":{"rendered":"https:\/\/trueharbor-tech.com\/?page_id=29270"},"modified":"2026-04-11T13:38:08","modified_gmt":"2026-04-11T13:38:08","slug":"products","status":"publish","type":"page","link":"https:\/\/trueharbor-tech.com\/?page_id=29270","title":{"rendered":"Products"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29270\" class=\"elementor elementor-29270\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eccd236 e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"eccd236\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fdccc9 elementor-widget elementor-widget-html\" data-id=\"7fdccc9\" 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        \/* --- \u5168\u5c40\u6837\u5f0f --- *\/\r\n        .pc-wrapper {\r\n            font-family: 'Inter', -apple-system, sans-serif;\r\n            display: flex;\r\n            gap: 30px;\r\n            max-width: 1200px;\r\n            margin: 40px auto;\r\n            color: #333;\r\n        }\r\n\r\n        \/* --- \u5de6\u4fa7\u5bfc\u822a (Side Nav) --- *\/\r\n        .pc-side-nav {\r\n            flex: 0 0 280px;\r\n            background: #fff;\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            height: fit-content;\r\n        }\r\n\r\n        .pc-nav-header {\r\n            background: #0056B3;\r\n            color: #fff;\r\n            padding: 20px;\r\n            font-weight: 800;\r\n            font-size: 18px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .pc-nav-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .pc-nav-item a {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 15px 20px;\r\n            text-decoration: none;\r\n            color: #4b5563;\r\n            font-size: 14px;\r\n            border-bottom: 1px solid #f3f4f6;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .pc-nav-item a:hover, .pc-nav-item.active a {\r\n            background: #f0f7ff;\r\n            color: #0056B3;\r\n            font-weight: 600;\r\n            padding-left: 25px;\r\n        }\r\n\r\n        .pc-nav-item a::after {\r\n            content: '\u203a';\r\n            font-size: 20px;\r\n        }\r\n\r\n        \/* --- \u53f3\u4fa7\u5c55\u793a\u533a --- *\/\r\n        .pc-main-content {\r\n            flex: 1;\r\n        }\r\n\r\n        \/* \u52a8\u6001\u9762\u5305\u5c51 *\/\r\n        .pc-breadcrumb {\r\n            font-size: 13px;\r\n            color: #6b7280;\r\n            margin-bottom: 20px;\r\n            display: flex;\r\n            gap: 8px;\r\n        }\r\n        .pc-breadcrumb span.current { color: #0056B3; font-weight: 600; }\r\n\r\n        \/* \u9876\u90e8\u7b5b\u9009\u5668 *\/\r\n        .pc-filter-box {\r\n            background: #fff;\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 8px;\r\n            padding: 20px;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .pc-filter-row {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 20px;\r\n            margin-bottom: 15px;\r\n        }\r\n        .pc-filter-row:last-child { margin-bottom: 0; }\r\n\r\n        .filter-label {\r\n            font-weight: 700;\r\n            font-size: 14px;\r\n            width: 80px;\r\n            color: #111827;\r\n        }\r\n\r\n        \/* \u6d77\u5916\/\u56fd\u4ea7 \u5207\u6362 *\/\r\n        .toggle-group {\r\n            display: flex;\r\n            gap: 10px;\r\n        }\r\n        .toggle-btn {\r\n            padding: 6px 16px;\r\n            border: 1px solid #d1d5db;\r\n            border-radius: 4px;\r\n            background: #fff;\r\n            font-size: 13px;\r\n            cursor: pointer;\r\n            transition: 0.3s;\r\n        }\r\n        .toggle-btn.active {\r\n            background: #0056B3;\r\n            color: #fff;\r\n            border-color: #0056B3;\r\n        }\r\n\r\n        \/* A-Z \u5b57\u6bcd\u8f74 *\/\r\n        .alphabet-axis {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 8px;\r\n        }\r\n        .letter {\r\n            width: 28px;\r\n            height: 28px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 4px;\r\n            font-size: 13px;\r\n            cursor: pointer;\r\n            color: #4b5563;\r\n            transition: 0.2s;\r\n        }\r\n        .letter:hover, .letter.active {\r\n            background: #0056B3;\r\n            color: #fff;\r\n        }\r\n\r\n        \/* \u54c1\u724c Logo \u77e9\u9635 *\/\r\n        .brand-logo-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(6, 1fr);\r\n            gap: 15px;\r\n        }\r\n\r\n        .brand-item {\r\n            background: #fff;\r\n            border: 1px solid #eee;\r\n            aspect-ratio: 1 \/ 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 10px;\r\n            border-radius: 8px;\r\n            transition: 0.3s;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .brand-item:hover {\r\n            border-color: #0056B3;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .brand-item img {\r\n            max-width: 80%;\r\n            max-height: 50%;\r\n            object-fit: contain;\r\n            filter: grayscale(100%);\r\n            opacity: 0.7;\r\n            transition: 0.3s;\r\n        }\r\n\r\n        .brand-item:hover img {\r\n            filter: grayscale(0%);\r\n            opacity: 1;\r\n        }\r\n\r\n        .brand-name {\r\n            margin-top: 10px;\r\n            font-size: 12px;\r\n            color: #666;\r\n            text-align: center;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* \u54cd\u5e94\u5f0f *\/\r\n        @media (max-width: 1024px) {\r\n            .pc-wrapper { flex-direction: column; padding: 0 20px; }\r\n            .pc-side-nav { flex: none; width: 100%; }\r\n            .brand-logo-grid { grid-template-columns: repeat(4, 1fr); }\r\n        }\r\n        @media (max-width: 640px) {\r\n            .brand-logo-grid { grid-template-columns: repeat(2, 1fr); }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"pc-wrapper\">\r\n    <!-- \u5de6\u4fa7\u5bfc\u822a -->\r\n    <aside class=\"pc-side-nav\">\r\n        <div class=\"pc-nav-header\">Categories<\/div>\r\n        <ul class=\"pc-nav-list\">\r\n            <li class=\"pc-nav-item active\"><a href=\"#\">ICs & Discrete<\/a><\/li>\r\n            <li class=\"pc-nav-item\"><a href=\"#\">Power Modules<\/a><\/li>\r\n            <li class=\"pc-nav-item\"><a href=\"#\">Memory<\/a><\/li>\r\n            <li class=\"pc-nav-item\"><a href=\"#\">Crystal Oscillator<\/a><\/li>\r\n            <li class=\"pc-nav-item\"><a href=\"#\">Passive & Protective<\/a><\/li>\r\n            <li class=\"pc-nav-item\"><a href=\"#\">Hardware Structure<\/a><\/li>\r\n            <li class=\"pc-nav-item\"><a href=\"#\">RF Communication<\/a><\/li>\r\n            <li class=\"pc-nav-item\"><a href=\"#\">Precision Connectors<\/a><\/li>\r\n            <li class=\"pc-nav-item\"><a href=\"#\">Sensor<\/a><\/li>\r\n            <li class=\"pc-nav-item\"><a href=\"#\">Optoelectronics<\/a><\/li>\r\n            <li class=\"pc-nav-item\"><a href=\"#\">Motors & Motion<\/a><\/li>\r\n            <li class=\"pc-nav-item\"><a href=\"#\">Test & Measurement<\/a><\/li>\r\n            <li class=\"pc-nav-item\"><a href=\"#\">Medical Components<\/a><\/li>\r\n        <\/ul>\r\n    <\/aside>\r\n\r\n    <!-- \u53f3\u4fa7\u5185\u5bb9 -->\r\n    <main class=\"pc-main-content\">\r\n        <!-- \u9762\u5305\u5c51 -->\r\n        <nav class=\"pc-breadcrumb\">\r\n            Home > Products > <span>ICs & Discrete<\/span> > <span>Overseas<\/span> > <span class=\"current\">TI<\/span>\r\n        <\/nav>\r\n\r\n        <!-- \u7b5b\u9009\u5668\u533a\u57df -->\r\n        <div class=\"pc-filter-box\">\r\n            <!-- \u6d77\u5916\/\u56fd\u4ea7 \u7b5b\u9009 -->\r\n            <div class=\"pc-filter-row\">\r\n                <span class=\"filter-label\">Origin:<\/span>\r\n                <div class=\"toggle-group\">\r\n                    <button class=\"toggle-btn active\">All<\/button>\r\n                    <button class=\"toggle-btn\">Overseas<\/button>\r\n                    <button class=\"toggle-btn\">Domestic<\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- A-Z \u7b5b\u9009 -->\r\n            <div class=\"pc-filter-row\">\r\n                <span class=\"filter-label\">Alphabet:<\/span>\r\n                <div class=\"alphabet-axis\">\r\n                    <div class=\"letter active\">All<\/div>\r\n                    <div class=\"letter\">A<\/div><div class=\"letter\">B<\/div><div class=\"letter\">C<\/div>\r\n                    <div class=\"letter\">D<\/div><div class=\"letter\">E<\/div><div class=\"letter\">F<\/div>\r\n                    <div class=\"letter\">G<\/div><div class=\"letter\">H<\/div><div class=\"letter\">I<\/div>\r\n                    <div class=\"letter\">J<\/div><div class=\"letter\">K<\/div><div class=\"letter\">L<\/div>\r\n                    <div class=\"letter\">M<\/div><div class=\"letter\">N<\/div><div class=\"letter\">O<\/div>\r\n                    <div class=\"letter\">P<\/div><div class=\"letter\">Q<\/div><div class=\"letter\">R<\/div>\r\n                    <div class=\"letter\">S<\/div><div class=\"letter\">T<\/div><div class=\"letter\">U<\/div>\r\n                    <div class=\"letter\">V<\/div><div class=\"letter\">W<\/div><div class=\"letter\">X<\/div>\r\n                    <div class=\"letter\">Y<\/div><div class=\"letter\">Z<\/div><div class=\"letter\">0-9<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u5382\u724c\u5c55\u793a\u7f51\u683c -->\r\n        <div class=\"brand-logo-grid\">\r\n            <!-- \u54c1\u724c\u5361\u7247 \u793a\u4f8b -->\r\n            <a href=\"#\" class=\"brand-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x40?text=TI\" alt=\"TI\">\r\n                <span class=\"brand-name\">TEXAS INSTRUMENTS<\/span>\r\n            <\/a>\r\n            <a href=\"#\" class=\"brand-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x40?text=ADI\" alt=\"ADI\">\r\n                <span class=\"brand-name\">ANALOG DEVICES<\/span>\r\n            <\/a>\r\n            <a href=\"#\" class=\"brand-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x40?text=ST\" alt=\"ST\">\r\n                <span class=\"brand-name\">STMICRO<\/span>\r\n            <\/a>\r\n            <a href=\"#\" class=\"brand-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x40?text=ON\" alt=\"ON\">\r\n                <span class=\"brand-name\">ON SEMI<\/span>\r\n            <\/a>\r\n            <a href=\"#\" class=\"brand-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x40?text=NXP\" alt=\"NXP\">\r\n                <span class=\"brand-name\">NXP<\/span>\r\n            <\/a>\r\n            <a href=\"#\" class=\"brand-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x40?text=INF\" alt=\"Infineon\">\r\n                <span class=\"brand-name\">INFINEON<\/span>\r\n            <\/a>\r\n            <!-- \u8fd9\u91cc\u53ef\u4ee5\u91cd\u590d\u653e\u7f6e\u66f4\u591a\u54c1\u724c\u5361\u7247 -->\r\n             <script>\r\n                \/\/ \u81ea\u52a8\u751f\u6210\u4e00\u4e9b\u91cd\u590d\u7684\u5360\u4f4d\u7b26\u65b9\u4fbf\u9884\u89c8\r\n                const grid = document.querySelector('.brand-logo-grid');\r\n                for(let i=0; i<12; i++){\r\n                    grid.innerHTML += `\r\n                        <a href=\"#\" class=\"brand-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x40?text=BRAND\" alt=\"Brand\">\r\n                            <span class=\"brand-name\">BRAND NAME<\/span>\r\n                        <\/a>\r\n                    `;\r\n                }\r\n             <\/script>\r\n        <\/div>\r\n    <\/main>\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>Categories ICs &#038; Discrete Power Modules Memory Crystal Oscillator Passive &#038; Protective Hardware Structure RF Communication Precision Connectors Sensor Optoelectronics<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-29270","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/29270","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=29270"}],"version-history":[{"count":5,"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/29270\/revisions"}],"predecessor-version":[{"id":29340,"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/29270\/revisions\/29340"}],"wp:attachment":[{"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}