{"id":29191,"date":"2026-04-09T03:46:58","date_gmt":"2026-04-09T03:46:58","guid":{"rendered":"https:\/\/trueharbor-tech.com\/?page_id=29191"},"modified":"2026-04-24T09:37:36","modified_gmt":"2026-04-24T09:37:36","slug":"all-brands","status":"publish","type":"page","link":"https:\/\/trueharbor-tech.com\/?page_id=29191","title":{"rendered":"All Brands"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29191\" class=\"elementor elementor-29191\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8744b4d e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"8744b4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c936c44 elementor-widget elementor-widget-html\" data-id=\"c936c44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"th-brands-page\">\r\n    <div class=\"th-br-container\">\r\n        <!-- 1. \u5de6\u4fa7\u5206\u7c7b\u5bfc\u822a -->\r\n        <aside class=\"th-br-sidebar\">\r\n            <ul class=\"th-br-sidebar-menu\">\r\n                <li class=\"th-br-menu-item active\" data-type=\"all\">All Brands<\/li>\r\n                <li class=\"th-br-menu-item\" data-type=\"authorized\">Authorized Brands<\/li>\r\n                <li class=\"th-br-menu-item\" data-type=\"distributed\">Distributed Brands<\/li>\r\n            <\/ul>\r\n        <\/aside>\r\n\r\n        <!-- 2. \u53f3\u4fa7\u4e3b\u5185\u5bb9\u533a -->\r\n        <main class=\"th-br-main\">\r\n            <!-- \u9762\u5305\u5c51 -->\r\n            <nav class=\"th-br-breadcrumb\">\r\n                Home > Products > ICs & Discrete > <span class=\"active\">Brands<\/span>\r\n            <\/nav>\r\n\r\n            <!-- \u7b5b\u9009\u9762\u677f -->\r\n            <div class=\"th-br-filter-box\">\r\n                <div class=\"th-br-filter-row\">\r\n                    <span class=\"th-br-label\">Origin:<\/span>\r\n                    <div class=\"th-br-btn-group\">\r\n                        <button class=\"th-br-btn active\">ALL<\/button>\r\n                        <button class=\"th-br-btn\">OVERSEAS<\/button>\r\n                        <button class=\"th-br-btn\">DOMESTIC<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"th-br-filter-row\">\r\n                    <span class=\"th-br-label\">Alphabet:<\/span>\r\n                    <div class=\"th-br-alphabet-grid\">\r\n                        <div class=\"th-br-letter active\">All<\/div>\r\n                        <!-- ... \u5b57\u6bcd A-Z \u903b\u8f91\u4fdd\u6301\u4e0d\u53d8 ... -->\r\n                        <div class=\"th-br-letter\">A<\/div><div class=\"th-br-letter\">B<\/div><div class=\"th-br-letter\">C<\/div><div class=\"th-br-letter\">D<\/div><div class=\"th-br-letter\">E<\/div><div class=\"th-br-letter\">F<\/div><div class=\"th-br-letter\">G<\/div><div class=\"th-br-letter\">H<\/div><div class=\"th-br-letter\">I<\/div><div class=\"th-br-letter\">J<\/div><div class=\"th-br-letter\">K<\/div><div class=\"th-br-letter\">L<\/div><div class=\"th-br-letter\">M<\/div><div class=\"th-br-letter\">N<\/div><div class=\"th-br-letter\">O<\/div><div class=\"th-br-letter\">P<\/div><div class=\"th-br-letter\">Q<\/div><div class=\"th-br-letter\">R<\/div><div class=\"th-br-letter\">S<\/div><div class=\"th-br-letter\">T<\/div><div class=\"th-br-letter\">U<\/div><div class=\"th-br-letter\">V<\/div><div class=\"th-br-letter\">W<\/div><div class=\"th-br-letter\">X<\/div><div class=\"th-br-letter\">Y<\/div><div class=\"th-br-letter\">Z<\/div><div class=\"th-br-letter\">0-9<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u54c1\u724c\u5c55\u793a\u7f51\u683c -->\r\n            <div class=\"th-br-grid\" id=\"brandDisplayGrid\">\r\n                <!-- \u7531 JavaScript \u52a8\u6001\u751f\u6210 -->\r\n            <\/div>\r\n        <\/main>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* \u57fa\u7840\u6846\u67b6\u6837\u5f0f *\/\r\n    #th-brands-page { margin: 40px auto; max-width: 1200px; font-family: 'Inter', sans-serif; }\r\n    .th-br-container { display: flex; gap: 30px; }\r\n    .th-br-sidebar { flex: 0 0 240px; background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 10px; }\r\n    .th-br-sidebar-menu { list-style: none !important; margin: 0 !important; padding: 0 !important; }\r\n    .th-br-menu-item { padding: 12px 18px; margin-bottom: 5px; cursor: pointer; font-size: 15px; color: #444; border-radius: 6px; transition: 0.3s; font-weight: 500; }\r\n    .th-br-menu-item.active { background-color: #0056b3 !important; color: #fff !important; }\r\n    \r\n    .th-br-main { flex: 1; }\r\n    .th-br-filter-box { border: 1px solid #eee; border-radius: 8px; padding: 20px; background: #fff; margin-bottom: 30px; }\r\n    .th-br-filter-row { display: flex; align-items: flex-start; margin-bottom: 15px; }\r\n    .th-br-label { font-weight: bold; font-size: 14px; width: 80px; padding-top: 6px; }\r\n    .th-br-btn-group { display: flex; gap: 8px; }\r\n    .th-br-btn { padding: 6px 12px; border: 1px solid #ddd; background: #fff; border-radius: 4px; cursor: pointer; font-size: 12px; }\r\n    .th-br-btn.active { background: #0056b3; color: #fff; border-color: #0056b3; }\r\n    .th-br-alphabet-grid { display: flex; flex-wrap: wrap; gap: 5px; flex: 1; }\r\n    .th-br-letter { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; font-size: 11px; cursor: pointer; border-radius: 4px; color: #666; }\r\n    .th-br-letter.active { background: #0056b3; color: #fff; }\r\n\r\n    \/* --- \u54c1\u724c\u7f51\u683c\u4e0e\u60ac\u6d6e\u906e\u7f69\u6838\u5fc3\u6837\u5f0f --- *\/\r\n    .th-br-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }\r\n    \r\n    .th-br-card { \r\n        background: #fff; \r\n        border: 1px solid #eee; \r\n        border-radius: 8px; \r\n        padding: 20px; \r\n        display: flex; \r\n        flex-direction: column; \r\n        align-items: center; \r\n        justify-content: center; \r\n        text-decoration: none; \r\n        transition: 0.3s; \r\n        aspect-ratio: 1 \/ 0.9;\r\n        position: relative; \/* \u5fc5\u987b\u8bbe\u7f6e\uff0c\u4f9b\u906e\u7f69\u5b9a\u4f4d *\/\r\n        overflow: hidden;   \/* \u5fc5\u987b\u8bbe\u7f6e\uff0c\u9632\u6b62\u906e\u7f69\u6ea2\u51fa *\/\r\n    }\r\n\r\n    \/* \u9ed8\u8ba4\u5c55\u793a\u7684 Logo \u548c \u540d\u79f0 *\/\r\n    .th-br-logo-wrap { height: 50px; display: flex; align-items: center; margin-bottom: 12px; transition: 0.3s; }\r\n    .th-br-logo-wrap img { max-width: 120px; max-height: 100%; object-fit: contain; }\r\n    .th-br-name { font-size: 13px; font-weight: bold; color: #333; text-align: center; transition: 0.3s; }\r\n\r\n    \/* \u60ac\u6d6e\u906e\u7f69\u5c42 *\/\r\n    .th-br-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 86, 179, 0.95); \/* \u6df1\u84dd\u8272\u80cc\u666f *\/\r\n        color: #fff;\r\n        padding: 20px;\r\n        box-sizing: border-box;\r\n        opacity: 0; \/* \u9ed8\u8ba4\u9690\u85cf *\/\r\n        visibility: hidden;\r\n        transition: all 0.4s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-start;\r\n        text-align: left;\r\n        z-index: 2;\r\n    }\r\n\r\n    .th-br-card:hover .th-br-overlay {\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n\r\n    .th-br-overlay-title {\r\n        font-size: 15px;\r\n        font-weight: 800;\r\n        margin-bottom: 10px;\r\n        border-bottom: 1px solid rgba(255,255,255,0.3);\r\n        padding-bottom: 5px;\r\n    }\r\n\r\n    .th-br-overlay-desc {\r\n        font-size: 12px;\r\n        line-height: 1.6;\r\n        overflow-y: auto; \/* \u5185\u5bb9\u8fc7\u591a\u65f6\u663e\u793a\u6eda\u52a8\u6761 *\/\r\n        scrollbar-width: thin;\r\n        scrollbar-color: rgba(255,255,255,0.3) transparent;\r\n    }\r\n\r\n    \/* \u9690\u85cf\u9ed8\u8ba4\u5185\u5bb9\uff0c\u53ef\u9009\uff1a\u9f20\u6807\u60ac\u6d6e\u65f6Logo\u53d8\u900f\u660e *\/\r\n    .th-br-card:hover .th-br-logo-wrap,\r\n    .th-br-card:hover .th-br-name {\r\n        opacity: 0.1;\r\n    }\r\n\r\n    @media (max-width: 768px) { \r\n        .th-br-container { flex-direction: column; } \r\n        .th-br-sidebar { width: 100%; } \r\n        .th-br-grid { grid-template-columns: repeat(2, 1fr); } \r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        const grid = document.getElementById('brandDisplayGrid');\r\n\r\n        \/\/ \u6a21\u62df\u54c1\u724c\u6570\u636e\r\n        const brands = [\r\n            { name: \"TEXAS INSTRUMENTS\", logo: \"TI\", desc: \"Texas Instruments (TI) is a global semiconductor company that designs, manufactures, tests and sells analog and embedded processing chips.\" },\r\n            { name: \"ANALOG DEVICES\", logo: \"ADI\", desc: \"Analog Devices (ADI) is a world leader in the design, manufacture, and marketing of a broad portfolio of high-performance analog, mixed-signal, and DSP integrated circuits.\" },\r\n            { name: \"STMICRO\", logo: \"ST\", desc: \"STMicroelectronics is a global independent semiconductor company and a leader in developing and delivering semiconductor solutions across the spectrum of microelectronics applications.\" },\r\n            { name: \"NXP\", logo: \"NXP\", desc: \"NXP Semiconductors N.V. enables secure connections and infrastructure for a smarter world, advancing solutions that make lives easier, better, and safer.\" },\r\n            { name: \"INFINEON\", logo: \"INF\", desc: \"Infineon Technologies AG is a world leader in semiconductor solutions that make life easier, safer and greener.\" },\r\n            { name: \"ON SEMI\", logo: \"ON\", desc: \"onsemi is driving disruptive innovations to help build a better future. With a focus on automotive and industrial end-markets.\" }\r\n        ];\r\n\r\n        \/\/ \u52a8\u6001\u751f\u6210\u5361\u7247\u51fd\u6570\r\n        function renderCards() {\r\n            grid.innerHTML = \"\";\r\n            \/\/ \u5faa\u73af\u751f\u6210\u4e00\u4e9b\u91cd\u590d\u7684\u793a\u4f8b\u5361\u7247\r\n            for(let i=0; i<12; i++){\r\n                const b = brands[i % brands.length];\r\n                grid.innerHTML += `\r\n                    <a href=\"\/brand\/${b.name.toLowerCase().replace(\/ \/g, '-')}\" class=\"th-br-card\">\r\n                        <!-- \u6b63\u9762\u5185\u5bb9 -->\r\n                        <div class=\"th-br-logo-wrap\">\r\n                            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/120x50?text=${b.logo}\" alt=\"${b.name}\">\r\n                        <\/div>\r\n                        <span class=\"th-br-name\">${b.name}<\/span>\r\n                        \r\n                        <!-- \u60ac\u6d6e\u906e\u7f69\u5185\u5bb9 -->\r\n                        <div class=\"th-br-overlay\">\r\n                            <div class=\"th-br-overlay-title\">${b.name}<\/div>\r\n                            <div class=\"th-br-overlay-desc\">${b.desc}<\/div>\r\n                            <div style=\"margin-top: auto; font-size: 11px; opacity: 0.8; text-align: right;\">View Details \u2192<\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                `;\r\n            }\r\n        }\r\n\r\n        \/\/ \u521d\u59cb\u5316\r\n        renderCards();\r\n\r\n        \/\/ \u6a21\u62df\u70b9\u51fb\u5207\u6362\u903b\u8f91\r\n        document.querySelectorAll('.th-br-btn, .th-br-letter, .th-br-menu-item').forEach(el => {\r\n            el.addEventListener('click', function() {\r\n                this.parentElement.querySelectorAll('.active').forEach(a => a.classList.remove('active'));\r\n                this.classList.add('active');\r\n                renderCards(); \r\n            });\r\n        });\r\n\r\n        \/\/ \u5904\u7406 URL \u53c2\u6570\u5b9e\u73b0\u5bfc\u822a\u540c\u6b65\r\n        const params = new URLSearchParams(window.location.search);\r\n        const filterType = params.get('filter');\r\n        if (filterType) {\r\n            const target = document.querySelector(`.th-br-menu-item[data-type=\"${filterType}\"]`);\r\n            if (target) target.click();\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>All Brands Authorized Brands Distributed Brands Home > Products > ICs &#038; Discrete > Brands Origin: ALL OVERSEAS DOMESTIC Alphabet:<\/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-29191","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/29191","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=29191"}],"version-history":[{"count":13,"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/29191\/revisions"}],"predecessor-version":[{"id":29396,"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/29191\/revisions\/29396"}],"wp:attachment":[{"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}