{"id":29532,"date":"2026-07-01T06:58:38","date_gmt":"2026-07-01T06:58:38","guid":{"rendered":"https:\/\/trueharbor-tech.com\/?page_id=29532"},"modified":"2026-07-28T10:08:17","modified_gmt":"2026-07-28T10:08:17","slug":"c","status":"publish","type":"page","link":"https:\/\/trueharbor-tech.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n TRUEHARBOR \u2022 AI Agent<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <!-- \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u062c\u0633\u062a\u062c\u0648\u06cc \u0647\u0648\u0634\u0645\u0646\u062f -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/fuse.js@6.6.2\"><\/script>\r\n \r\n <style>\r\n .chip-3d { background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); box-shadow: 0 4px 0 #3730a3, inset 0 2px 2px rgba(255, 255, 255, 0.2); }\r\n .typing { animation: blink 1s infinite; }\r\n @keyframes blink { 50% { opacity: 0; } }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 py-16\">\r\n\r\n <div class=\"max-w-[680px] mx-auto px-6\">\r\n \r\n <!-- \u0646\u0648\u0627\u0631 \u062c\u0633\u062a\u062c\u0648 -->\r\n <div class=\"bg-white rounded-[24px] shadow-[0_10px_30px_rgba(0,0,0,0.06)] p-[8px] border border-slate-100 flex items-center gap-x-3 mb-8\">\r\n \r\n <!-- \u0622\u06cc\u06a9\u0648\u0646 \u062a\u0631\u0627\u0634\u0647 \u06f3 \u0628\u0639\u062f\u06cc -->\r\n <div class=\"chip-3d w-[48px] h-[48px] rounded-2xl flex items-center justify-center flex-shrink-0 text-white\">\r\n <i class=\"fa-solid fa-microchip text-[22px]\"><\/i>\r\n <\/div>\r\n\r\n <!-- \u0627\u06cc\u0646\u067e\u0648\u062a -->\r\n <input id=\"search-input\" \r\n type=\"text\" \r\n placeholder=\"Ask about parts, pricing, or stock...\"\r\n class=\"flex-1 bg-transparent outline-none text-[15px] px-2 text-slate-700 placeholder:text-slate-400\">\r\n\r\n <!-- \u062f\u06a9\u0645\u0647 Ask AI -->\r\n <button onclick=\"handleAgentQuery()\"\r\n class=\"bg-slate-900 hover:bg-black transition-all px-6 py-[12px] rounded-[16px] text-white font-medium text-sm flex items-center gap-x-2 shadow-lg shadow-slate-900\/20\">\r\n Ask AI <span>\u2728<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- \u0628\u062e\u0634 \u067e\u0627\u0633\u062e \u0627\u06cc\u062c\u0646\u062a -->\r\n <div id=\"result-area\" class=\"hidden opacity-0 transition-opacity duration-500\">\r\n <div class=\"flex items-start gap-x-4\">\r\n <div class=\"w-9 h-9 bg-indigo-600 rounded-full flex items-center justify-center flex-shrink-0 mt-[2px] shadow-md\">\r\n <i class=\"fa-solid fa-robot text-white text-[14px]\"><\/i>\r\n <\/div>\r\n <div class=\"flex-1 bg-white border border-slate-200 rounded-2xl p-5 shadow-sm\">\r\n <div class=\"font-bold text-slate-800 text-[14px] mb-2 uppercase tracking-wider text-indigo-600\">TrueHarbor Intelligence<\/div>\r\n <div id=\"ai-answer\" class=\"text-slate-700 text-[15px] leading-relaxed\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0634\u0645\u0627 (\u0627\u06cc\u0646\u062c\u0627 \u0647\u0631 \u0686\u0642\u062f\u0631 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u062f\u0627\u062f\u0647 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f)\r\n const knowledgeBase = [\r\n { id: 1, title: \"STM32F103 Specs\", content: \"\u0645\u06cc\u06a9\u0631\u0648\u06a9\u0646\u062a\u0631\u0644\u0631 STM32F103C8T6 \u062f\u0627\u0631\u0627\u06cc \u0647\u0633\u062a\u0647 ARM Cortex-M3 \u0627\u0633\u062a. \u0642\u06cc\u0645\u062a \u0641\u0639\u0644\u06cc 1.85 \u062f\u0644\u0627\u0631 \u0648 \u0645\u0648\u062c\u0648\u062f\u06cc \u0627\u0646\u0628\u0627\u0631 \u0645\u0627 12,500 \u0639\u062f\u062f \u0627\u0633\u062a.\", tags: [\"stm32\", \"microcontroller\", \"price\", \"stock\", \"f103\"] },\r\n { id: 2, title: \"Shipping\", content: \"\u0645\u0627 \u0627\u0631\u0633\u0627\u0644 \u0628\u0647 \u0633\u0631\u0627\u0633\u0631 \u062c\u0647\u0627\u0646 \u0631\u0627 \u0628\u0627 DHL \u0648 FedEx \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645. \u0632\u0645\u0627\u0646 \u062a\u062d\u0648\u06cc\u0644 \u0628\u0631\u0627\u06cc \u0642\u0637\u0639\u0627\u062a \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0627\u0646\u0628\u0627\u0631 \u0645\u0639\u0645\u0648\u0644\u0627\u064b 3 \u062a\u0627 7 \u0631\u0648\u0632 \u06a9\u0627\u0631\u06cc \u0627\u0633\u062a.\", tags: [\"shipping\", \"delivery\", \"\u0627\u0631\u0633\u0627\u0644\", \"\u0632\u0645\u0627\u0646 \u062a\u062d\u0648\u06cc\u0644\"] },\r\n { id: 3, title: \"BOM Kitting\", content: \"\u062e\u062f\u0645\u0627\u062a BOM Kitting \u0645\u0627 \u0634\u0627\u0645\u0644 \u062a\u0623\u0645\u06cc\u0646 \u06a9\u0627\u0645\u0644 \u0644\u06cc\u0633\u062a \u0642\u0637\u0639\u0627\u062a \u0648 \u062a\u0633\u062a \u06a9\u06cc\u0641\u06cc\u062a \u0627\u0633\u062a. \u0644\u0637\u0641\u0627\u064b \u0641\u0627\u06cc\u0644 BOM \u062e\u0648\u062f \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u0627 \u0628\u0641\u0631\u0633\u062a\u06cc\u062f \u062a\u0627 \u0638\u0631\u0641 24 \u0633\u0627\u0639\u062a \u067e\u06cc\u0634\u200c\u0641\u0627\u06a9\u062a\u0648\u0631 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u0645.\", tags: [\"bom\", \"kitting\", \"\u0633\u0641\u0627\u0631\u0634\", \"\u0644\u06cc\u0633\u062a\"] },\r\n { id: 4, title: \"Contact\", content: \"\u062a\u06cc\u0645 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u0627 24\/7 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0627\u06cc\u0645\u06cc\u0644 sourcing@trueharbor.com \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0627\u0633\u062a.\", tags: [\"contact\", \"support\", \"\u062a\u0645\u0627\u0633\", \"\u0627\u06cc\u0645\u06cc\u0644\"] }\r\n ];\r\n\r\n \/\/ \u062a\u0646\u0638\u06cc\u0645 \u0645\u0648\u062a\u0648\u0631 \u062c\u0633\u062a\u062c\u0648\r\n const fuse = new Fuse(knowledgeBase, {\r\n keys: ['content', 'tags', 'title'],\r\n threshold: 0.4\r\n });\r\n\r\n async function handleAgentQuery() {\r\n const input = document.getElementById('search-input');\r\n const answerDiv = document.getElementById('ai-answer');\r\n const resultArea = document.getElementById('result-area');\r\n \r\n if (!input.value.trim()) return;\r\n\r\n resultArea.classList.remove('hidden');\r\n resultArea.classList.add('opacity-100');\r\n answerDiv.innerHTML = \"\u062f\u0631 \u062d\u0627\u0644 \u062a\u062d\u0644\u06cc\u0644 \u062f\u06cc\u062a\u0627\u0628\u06cc\u0633... <span class='typing'>|<\/span>\";\r\n\r\n await new Promise(resolve => setTimeout(resolve, 800));\r\n\r\n const results = fuse.search(input.value);\r\n\r\n if (results.length > 0) {\r\n answerDiv.innerHTML = results[0].item.content;\r\n } else {\r\n answerDiv.innerHTML = \"\u0645\u062a\u0627\u0633\u0641\u0645\u060c \u062f\u0631 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0633\u0627\u06cc\u062a \u067e\u0627\u0633\u062e\u06cc \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0645\u0648\u0631\u062f \u067e\u06cc\u062f\u0627 \u0646\u06a9\u0631\u062f\u0645. \u0622\u06cc\u0627 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633 \u0641\u0631\u0648\u0634 \u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f\u061f (sourcing@trueharbor.com)\";\r\n }\r\n }\r\n\r\n document.getElementById('search-input').addEventListener('keypress', (e) => { if(e.key === 'Enter') handleAgentQuery(); });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7c81e2 e-con-full e-flex e-con e-child\" data-id=\"c7c81e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98e6592 elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"98e6592\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-22d52d2 e-con-full e-flex e-con e-child\" data-id=\"22d52d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb6c59e e-con-full e-flex e-con e-child\" data-id=\"fb6c59e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bf04a2 elementor-widget elementor-widget-html\" data-id=\"3bf04a2\" 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 <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>TRUEHARBOR \u2022 AI Search<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<\/head>\r\n<body class=\"bg-slate-50 py-16\">\r\n\r\n <div class=\"max-w-[620px] mx-auto px-6\">\r\n \r\n <!-- \u0646\u0648\u0627\u0631 \u062c\u0633\u062a\u062c\u0648 -->\r\n <div class=\"flex flex-col items-center gap-y-4\">\r\n \r\n <!-- \u0627\u06cc\u0646\u067e\u0648\u062a \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u0622\u06cc\u06a9\u0648\u0646 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc\/\u062c\u0633\u062a\u062c\u0648 \u062f\u0631 \u062f\u0627\u062e\u0644 \u06a9\u0627\u062f\u0631 -->\r\n <div class=\"w-full bg-white rounded-2xl shadow-[0_4px_20px_rgba(0,0,0,0.05)] p-2 border border-slate-100 flex items-center gap-x-3 transition-all focus-within:shadow-[0_4px_25px_rgba(37,99,235,0.12)] focus-within:border-blue-200\">\r\n \r\n <!-- \u0622\u06cc\u06a9\u0648\u0646 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0634\u06cc\u06a9 (Sparkles) -->\r\n <div class=\"w-10 h-10 bg-blue-50 text-blue-600 rounded-xl flex items-center justify-center flex-shrink-0 ml-1\">\r\n <i class=\"fa-solid fa-wand-magic-sparkles text-lg\"><\/i>\r\n <\/div>\r\n\r\n <!-- \u0627\u06cc\u0646\u067e\u0648\u062a -->\r\n <input id=\"search-input\" \r\n type=\"text\" \r\n placeholder=\"Search electronic components or ask AI...\"\r\n class=\"w-full bg-transparent text-slate-800 placeholder:text-slate-400 px-2 py-2 outline-none text-[15px]\">\r\n <\/div>\r\n\r\n <!-- \u062f\u06a9\u0645\u0647 Ask AI (\u0638\u0631\u06cc\u0641\u060c \u0634\u06cc\u06a9 \u0648 \u0632\u06cc\u0628\u0627) -->\r\n <button onclick=\"askAI()\"\r\n class=\"bg-blue-600 hover:bg-blue-700 active:scale-[0.98] transition-all duration-200 px-7 py-2.5 rounded-full text-white font-medium text-sm flex items-center gap-x-2 shadow-sm hover:shadow-md hover:shadow-blue-500\/20\">\r\n <span>Ask AI<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-xs transition-transform group-hover:translate-x-1\"><\/i>\r\n <\/button>\r\n \r\n <\/div>\r\n\r\n <!-- \u0628\u062e\u0634 \u067e\u0627\u0633\u062e -->\r\n <div id=\"result-area\" class=\"hidden mt-8\">\r\n <div class=\"flex items-start gap-x-3\">\r\n \r\n <div class=\"w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center flex-shrink-0 mt-[2px] shadow-sm\">\r\n <i class=\"fa-solid fa-robot text-white text-xs\"><\/i>\r\n <\/div>\r\n\r\n <div class=\"flex-1\">\r\n <div class=\"font-semibold text-slate-800 text-[14px] mb-1.5 flex items-center gap-2\">\r\n TRUEHARBOR AI Response\r\n <\/div>\r\n \r\n <div id=\"ai-answer\" \r\n class=\"bg-white border border-slate-200\/80 rounded-2xl p-4 text-slate-800 text-[14.5px] leading-relaxed min-h-[70px] shadow-sm\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n const searchInput = document.getElementById('search-input');\r\n const resultArea = document.getElementById('result-area');\r\n const aiAnswer = document.getElementById('ai-answer');\r\n\r\n function askAI() {\r\n const query = searchInput.value.trim().toLowerCase();\r\n if (!query) return;\r\n\r\n resultArea.classList.remove('hidden');\r\n\r\n let response = \"\";\r\n\r\n if (query.includes(\"price\") || query.includes(\"cost\") || query.includes(\"\u0642\u06cc\u0645\u062a\")) {\r\n response = \"Current price for STM32F103C8T6 is approximately <strong>$1.85<\/strong>. We have <strong>12,500 units<\/strong> in stock with lead time of 2-3 weeks.\";\r\n } \r\n else if (query.includes(\"shortage\") || query.includes(\"\u06a9\u0645\u0628\u0648\u062f\") || query.includes(\"lack\")) {\r\n response = \"We can help with component shortages. I found 3 reliable alternative sources for this part. Would you like me to send you the list of alternatives?\";\r\n } \r\n else if (query.includes(\"bom\") || query.includes(\"kitting\") || query.includes(\"\u06a9\u06cc\u062a\")) {\r\n response = \"Our BOM Kitting service includes full sourcing, quality inspection, and consolidated shipping. Please share your BOM list and we will prepare a quote within 24 hours.\";\r\n } \r\n else if (query.includes(\"contact\") || query.includes(\"support\")) {\r\n response = \"You can reach our sourcing team directly at <strong>sourcing@trueharbor.com<\/strong> or use the 'Request a Quote' button on the website.\";\r\n } \r\n else {\r\n response = \"Thank you for your query. To give you the most accurate information, could you please provide the part number or more details about the component you're looking for?\";\r\n }\r\n\r\n aiAnswer.innerHTML = response;\r\n }\r\n\r\n searchInput.addEventListener('keypress', function(e) {\r\n if (e.key === 'Enter') {\r\n askAI();\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e3bdb3 e-con-full e-flex e-con e-child\" data-id=\"4e3bdb3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-abf1c42 elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"abf1c42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1800ecf e-con-full e-flex e-con e-child\" data-id=\"1800ecf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0532102 e-con-full e-flex e-con e-child\" data-id=\"0532102\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec62611 elementor-widget elementor-widget-search\" data-id=\"ec62611\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"submit_trigger":"key_enter","live_results":"yes","pagination_type_options":"none","results_is_dropdown_width":"search_field"}\" data-widget_type=\"search.default\">\n\t\t\t\t\t\t\t<search class=\"e-search hidden\" role=\"search\">\n\t\t\t<form class=\"e-search-form\" action=\"https:\/\/trueharbor-tech.com\" method=\"get\">\n\n\t\t\t\t\n\t\t\t\t<label class=\"e-search-label\" for=\"search-ec62611\">\n\t\t\t\t\t<span class=\"elementor-screen-only\">\n\t\t\t\t\t\tSearch\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/label>\n\n\t\t\t\t<div class=\"e-search-input-wrapper\">\n\t\t\t\t\t<input id=\"search-ec62611\" placeholder=\"Type to start searching...\" class=\"e-search-input\" type=\"search\" name=\"s\" value=\"\" autocomplete=\"off\" role=\"combobox\" aria-autocomplete=\"list\" aria-expanded=\"false\" aria-controls=\"results-ec62611\" aria-haspopup=\"listbox\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-times\" viewBox=\"0 0 352 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t<output id=\"results-ec62611\" class=\"e-search-results-container hide-loader\" aria-live=\"polite\" aria-atomic=\"true\" aria-label=\"Results for search\" tabindex=\"0\">\n\t\t\t\t\t\t<div class=\"e-search-results\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/output>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<button class=\"e-search-submit elementor-screen-only \" type=\"submit\" aria-label=\"Search\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t<input type=\"hidden\" name=\"e_search_props\" value=\"ec62611-29532\">\n\t\t\t<\/form>\n\t\t<\/search>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7535c7d e-con-full e-flex e-con e-child\" data-id=\"7535c7d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04ea159 e-flex e-con-boxed e-con e-parent\" data-id=\"04ea159\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9763f5d elementor-widget elementor-widget-spacer\" data-id=\"9763f5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aeda6cd e-con-full e-flex e-con e-parent\" data-id=\"aeda6cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-218a455 elementor-widget elementor-widget-html\" data-id=\"218a455\" 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 <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>TRUEHARBOR - Hero Section<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700&display=swap');\r\n \r\n body {\r\n font-family: 'Inter', system_ui, sans-serif;\r\n }\r\n \r\n .heading {\r\n font-family: 'Poppins', system_ui, sans-serif;\r\n line-height: 1.05;\r\n letter-spacing: -2px;\r\n }\r\n\r\n .hero-bg {\r\n background: #0A2540;\r\n }\r\n\r\n .section-animate {\r\n animation: fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .stagger-1 { animation-delay: 0.1s; }\r\n .stagger-2 { animation-delay: 0.25s; }\r\n .stagger-3 { animation-delay: 0.4s; }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .premium-button {\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n .premium-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\r\n }\r\n\r\n .image-container {\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n .image-container:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 25px 50px -12px rgb(0 0 0 \/ 0.4);\r\n }\r\n\r\n .navy-text {\r\n color: #0A2540;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-[#0A2540]\">\r\n\r\n <!-- HERO SECTION -->\r\n <section class=\"min-h-[100dvh] flex items-center py-16 lg:py-0 hero-bg\">\r\n <div class=\"max-w-screen-2xl mx-auto px-6 lg:px-12 w-full\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-x-12 xl:gap-x-20 items-center\">\r\n \r\n <!-- \u0645\u062a\u0646 \u0633\u0645\u062a \u0686\u067e -->\r\n <div class=\"lg:col-span-7 xl:col-span-7\">\r\n \r\n <!-- \u0628\u0627\u06af -->\r\n <div class=\"section-animate stagger-1 inline-flex items-center px-5 py-2 rounded-full border border-white\/25 bg-white\/5 backdrop-blur-sm mb-8\">\r\n <span class=\"text-white text-sm font-medium tracking-[0.5px]\">\r\n Electronic Components Supply Chain Partner\r\n <\/span>\r\n <\/div>\r\n\r\n <!-- \u0639\u0646\u0648\u0627\u0646 \u0627\u0635\u0644\u06cc -->\r\n <h1 class=\"section-animate stagger-2 text-white text-5xl md:text-6xl xl:text-[64px] font-bold heading tracking-[-2.5px] leading-[1.05] mb-7\">\r\n Reliable Electronic Components<br>\r\n Sourcing for Global<br>\r\n B2B Customers\r\n <\/h1>\r\n\r\n <!-- \u062a\u0648\u0636\u06cc\u062d\u0627\u062a -->\r\n <p class=\"section-animate stagger-3 text-white\/90 text-lg md:text-xl max-w-[560px] leading-relaxed mb-10\">\r\n From urgent spot-buy sourcing to BOM kitting, shortage solutions,<br class=\"hidden md:block\">\r\n quality control, warehousing, and logistics support \u2014<br>\r\n TRUEHARBOR helps you secure the components your business needs.\r\n <\/p>\r\n\r\n <!-- \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 -->\r\n <div class=\"section-animate stagger-3 flex flex-col sm:flex-row gap-4\">\r\n \r\n <!-- \u062f\u06a9\u0645\u0647 \u0627\u0635\u0644\u06cc -->\r\n <a href=\"#quote\" \r\n class=\"premium-button inline-flex items-center justify-center bg-white hover:bg-gray-100 px-9 py-4 rounded-2xl text-[#0A2540] font-semibold text-base tracking-[0.5px] shadow-lg\">\r\n REQUEST A QUOTE\r\n <\/a>\r\n \r\n <!-- \u062f\u06a9\u0645\u0647 \u062f\u0648\u0645 -->\r\n <a href=\"#products\" \r\n class=\"premium-button inline-flex items-center justify-center border border-white\/60 hover:bg-white\/10 hover:border-white\/80 px-9 py-4 rounded-2xl text-white font-medium text-base tracking-[0.5px] transition-colors\">\r\n Explore Products\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- \u062a\u0635\u0648\u06cc\u0631 \u0633\u0645\u062a \u0631\u0627\u0633\u062a -->\r\n <div class=\"lg:col-span-5 xl:col-span-5 mt-12 lg:mt-0\">\r\n <div class=\"image-container relative bg-[#E2E8F0] p-4 rounded-[28px] shadow-2xl max-w-[620px] mx-auto lg:mx-0\">\r\n <div class=\"bg-white rounded-2xl overflow-hidden aspect-[720\/520] flex items-center justify-center relative\">\r\n \r\n <!-- \u0627\u06cc\u0646\u062c\u0627 \u062a\u0635\u0648\u06cc\u0631 \u0627\u0635\u0644\u06cc \u0631\u0648 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646 -->\r\n <img decoding=\"async\" src=\"http:\/\/trueharbor-tech.com\/wp-content\/uploads\/2026\/07\/7.png\" \r\n alt=\"Industrial Electronic Components\" \r\n class=\"w-full h-full object-cover\">\r\n \r\n <!-- \u0627\u06af\u0631 \u062a\u0635\u0648\u06cc\u0631 \u0646\u062f\u0627\u0631\u06cc\u060c \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0631\u0648 \u0646\u06af\u0647 \u062f\u0627\u0631 -->\r\n <!-- \r\n <div class=\"text-center px-8\">\r\n <div class=\"mx-auto w-16 h-16 bg-gray-200 rounded-2xl flex items-center justify-center mb-4\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8 text-gray-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"text-gray-500 font-medium\">Hero \/ Industrial Component Image<\/p>\r\n <p class=\"text-gray-400 text-sm mt-1\">Recommended: 720 \u00d7 520 px<\/p>\r\n <\/div>\r\n -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ee68c6 e-con-full e-flex e-con e-parent\" data-id=\"9ee68c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1277d8 elementor-widget elementor-widget-html\" data-id=\"f1277d8\" 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=\"fa\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Infinite Marquee<\/title>\r\n<style>\r\nbody {\r\n background: #fff;\r\n margin: 0;\r\n font-family: sans-serif;\r\n}\r\n.company-marquee {\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 18px 0;\r\n background: transparent;\r\n}\r\n.marquee-track {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n animation: scroll-marquee 20s linear infinite;\r\n width: max-content;\r\n will-change: transform;\r\n}\r\n.marquee-track:hover {\r\n animation-play-state: paused;\r\n}\r\n.item {\r\n background-color: #E8F4FC;\r\n color: #1E3A5F;\r\n padding: 12px 26px;\r\n border-radius: 9999px;\r\n font-size: 15.5px;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 115px;\r\n text-align: center;\r\n user-select: none;\r\n}\r\n@keyframes scroll-marquee {\r\n from {\r\n transform: translateX(-50%);\r\n }\r\n to {\r\n transform: translateX(80%);\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"company-marquee\">\r\n <div class=\"marquee-track\">\r\n <!-- \u06a9\u067e\u06cc \u06f1 -->\r\n <div class=\"item\">Murata<\/div>\r\n <div class=\"item\">Samsung<\/div>\r\n <div class=\"item\">Intel<\/div>\r\n <div class=\"item\">Texas Instruments<\/div>\r\n <div class=\"item\">STMicro<\/div>\r\n <div class=\"item\">Infineon<\/div>\r\n <!-- \u06a9\u067e\u06cc \u06f2 (\u0628\u0627\u06cc\u062f \u0639\u06cc\u0646\u0627\u064b \u0647\u0645\u0648\u0646 \u0644\u06cc\u0633\u062a \u06a9\u067e\u06cc \u06f1 \u0628\u0627\u0634\u0647) -->\r\n <div class=\"item\">Murata<\/div>\r\n <div class=\"item\">Samsung<\/div>\r\n <div class=\"item\">Intel<\/div>\r\n <div class=\"item\">Texas Instruments<\/div>\r\n <div class=\"item\">STMicro<\/div>\r\n <div class=\"item\">Infineon<\/div>\r\n \r\n <\/div>\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<div class=\"elementor-element elementor-element-a02edec e-con-full e-flex e-con e-parent\" data-id=\"a02edec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74f93ae elementor-widget elementor-widget-html\" data-id=\"74f93ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0628\u062e\u0634 Our Solutions - \u0646\u0633\u062e\u0647 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u06cc \u0628\u0647\u0628\u0648\u062f \u06cc\u0627\u0641\u062a\u0647 -->\r\n<section class=\"max-w-7xl mx-auto px-6 py-16 bg-slate-50\">\r\n \r\n <!-- Badge -->\r\n <div class=\"inline-flex items-center px-4 py-1.5 rounded-full bg-indigo-100 text-indigo-700 text-sm font-medium mb-6\">\r\n Our Solutions\r\n <\/div>\r\n\r\n <!-- Heading + Description -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-x-8 gap-y-6 items-end mb-12\">\r\n <div class=\"lg:col-span-7\">\r\n <h2 class=\"text-4xl lg:text-5xl font-bold tracking-tight text-slate-900 leading-tight\">\r\n Supply chain services built for<br>\r\n urgent and complex component needs.\r\n <\/h2>\r\n <\/div>\r\n \r\n <div class=\"lg:col-span-5\">\r\n <p class=\"text-lg text-slate-600 leading-relaxed\">\r\n Service cards are clickable in the final site and route to \r\n dedicated service pages with consistent layouts and quote actions.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Service Cards \u0628\u0627 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0628\u0647\u062a\u0631 -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6\">\r\n \r\n <!-- Card 1 -->\r\n <a href=\"#\" class=\"group bg-white rounded-3xl p-8 shadow-sm hover:shadow-2xl transition-all duration-300 ease-out hover:-translate-y-2 border border-slate-100 flex flex-col h-full\">\r\n <div class=\"w-12 h-12 bg-indigo-100 rounded-2xl flex items-center justify-center mb-6 transition-all duration-300 group-hover:bg-indigo-200 group-hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-indigo-600 transition-transform duration-300 group-hover:scale-110\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-slate-900 mb-3\">Spot Buy Services<\/h3>\r\n <p class=\"text-slate-600 text-[15px] leading-relaxed flex-grow\">\r\n Fast response for urgent electronic component sourcing and hard-to-find parts.\r\n <\/p>\r\n <\/a>\r\n\r\n <!-- Card 2 -->\r\n <a href=\"#\" class=\"group bg-white rounded-3xl p-8 shadow-sm hover:shadow-2xl transition-all duration-300 ease-out hover:-translate-y-2 border border-slate-100 flex flex-col h-full\">\r\n <div class=\"w-12 h-12 bg-indigo-100 rounded-2xl flex items-center justify-center mb-6 transition-all duration-300 group-hover:bg-indigo-200 group-hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-indigo-600 transition-transform duration-300 group-hover:scale-110\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2v12a2 2 0 01-2 2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-slate-900 mb-3\">BOM Kitting<\/h3>\r\n <p class=\"text-slate-600 text-[15px] leading-relaxed flex-grow\">\r\n Submit full BOM lists and let our team support multi-line component procurement.\r\n <\/p>\r\n <\/a>\r\n\r\n <!-- Card 3 -->\r\n <a href=\"#\" class=\"group bg-white rounded-3xl p-8 shadow-sm hover:shadow-2xl transition-all duration-300 ease-out hover:-translate-y-2 border border-slate-100 flex flex-col h-full\">\r\n <div class=\"w-12 h-12 bg-indigo-100 rounded-2xl flex items-center justify-center mb-6 transition-all duration-300 group-hover:bg-indigo-200 group-hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-indigo-600 transition-transform duration-300 group-hover:scale-110\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 01-14 0 7 7 0 0114 0z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-slate-900 mb-3\">Shortage & Obsolescence<\/h3>\r\n <p class=\"text-slate-600 text-[15px] leading-relaxed flex-grow\">\r\n Solutions for discontinued, allocated, obsolete, and difficult-to-source components.\r\n <\/p>\r\n <\/a>\r\n\r\n <!-- Card 4 -->\r\n <a href=\"#\" class=\"group bg-white rounded-3xl p-8 shadow-sm hover:shadow-2xl transition-all duration-300 ease-out hover:-translate-y-2 border border-slate-100 flex flex-col h-full\">\r\n <div class=\"w-12 h-12 bg-indigo-100 rounded-2xl flex items-center justify-center mb-6 transition-all duration-300 group-hover:bg-indigo-200 group-hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-indigo-600 transition-transform duration-300 group-hover:scale-110\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.058 11H1M12 3v2m0 16v2m9-9H15m-6 0a8.002 8.002 0 01-3.464-6.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-slate-900 mb-3\">Excess Inventory<\/h3>\r\n <p class=\"text-slate-600 text-[15px] leading-relaxed flex-grow\">\r\n Support for excess stock handling, inventory recovery, and redistribution.\r\n <\/p>\r\n <\/a>\r\n\r\n <!-- Card 5 -->\r\n <a href=\"#\" class=\"group bg-white rounded-3xl p-8 shadow-sm hover:shadow-2xl transition-all duration-300 ease-out hover:-translate-y-2 border border-slate-100 flex flex-col h-full\">\r\n <div class=\"w-12 h-12 bg-indigo-100 rounded-2xl flex items-center justify-center mb-6 transition-all duration-300 group-hover:bg-indigo-200 group-hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-indigo-600 transition-transform duration-300 group-hover:scale-110\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-slate-900 mb-3\">Warehousing & Logistics<\/h3>\r\n <p class=\"text-slate-600 text-[15px] leading-relaxed flex-grow\">\r\n Packaging, warehousing, shipment coordination, and delivery support.\r\n <\/p>\r\n <\/a>\r\n\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d9aa40c e-con-full e-flex e-con e-parent\" data-id=\"d9aa40c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dab4276 elementor-widget elementor-widget-html\" data-id=\"dab4276\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0628\u062e\u0634 Popular Product Categories \u0628\u0627 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u062c\u0630\u0627\u0628 -->\r\n<section class=\"max-w-7xl mx-auto px-6 py-16 bg-white\">\r\n \r\n <!-- Badge + Heading + Description -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-x-8 gap-y-6 items-end mb-12\">\r\n \r\n <!-- Left Side -->\r\n <div class=\"lg:col-span-7\">\r\n <!-- Badge -->\r\n <div class=\"inline-flex items-center px-4 py-1.5 rounded-full bg-blue-100 text-blue-700 text-sm font-medium mb-4\">\r\n Products\r\n <\/div>\r\n \r\n <h2 class=\"text-4xl lg:text-5xl font-bold tracking-tight text-slate-900 leading-tight\">\r\n Popular product categories\r\n <\/h2>\r\n <\/div>\r\n \r\n <!-- Right Side Description -->\r\n <div class=\"lg:col-span-5\">\r\n <p class=\"text-lg text-slate-600 leading-relaxed\">\r\n The final CMS should support categories, subcategories, brands, part numbers, datasheets, specifications, and related products.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Category Cards -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n \r\n <!-- Card 1: Power Modules -->\r\n <a href=\"#\" class=\"group bg-white rounded-3xl overflow-hidden border border-slate-200 shadow-sm hover:shadow-xl transition-all duration-300 ease-out hover:-translate-y-2 flex flex-col\">\r\n <!-- Image Area -->\r\n <div class=\"relative h-52 bg-slate-100 overflow-hidden\">\r\n <img decoding=\"async\" src=\"http:\/\/trueharbor-tech.com\/wp-content\/uploads\/2026\/07\/3-s2.0-B9780128114070000064-f06-29-9780128114070.jpg\" alt=\"Power Modules\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-black\/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none\"><\/div>\r\n <\/div>\r\n \r\n <!-- Content -->\r\n <div class=\"p-6 flex flex-col flex-grow\">\r\n <h3 class=\"text-xl font-semibold text-slate-900 mb-2\">Power Modules \/ Power Electronics<\/h3>\r\n <p class=\"text-slate-600 text-sm leading-relaxed flex-grow\">\r\n IGBT modules, MOSFETs, rectifiers, power ICs, and industrial power components.\r\n <\/p>\r\n <div class=\"mt-4\">\r\n <span class=\"inline-flex items-center text-blue-600 font-medium text-sm group-hover:text-blue-700 transition-colors\">\r\n View Products \r\n <span class=\"ml-1 transition-transform group-hover:translate-x-1\">\u2192<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Card 2: ICs & Discrete -->\r\n <a href=\"#\" class=\"group bg-white rounded-3xl overflow-hidden border border-slate-200 shadow-sm hover:shadow-xl transition-all duration-300 ease-out hover:-translate-y-2 flex flex-col\">\r\n <!-- Image Area -->\r\n <div class=\"relative h-52 bg-slate-100 overflow-hidden\">\r\n <img decoding=\"async\" src=\"http:\/\/trueharbor-tech.com\/wp-content\/uploads\/2026\/07\/ICs-Discrete.jpg\" alt=\"ICs & Discrete\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-black\/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"p-6 flex flex-col flex-grow\">\r\n <h3 class=\"text-xl font-semibold text-slate-900 mb-2\">ICs & Discrete<\/h3>\r\n <p class=\"text-slate-600 text-sm leading-relaxed flex-grow\">\r\n Microcontrollers, analog ICs, logic ICs, diodes, transistors, and semiconductors.\r\n <\/p>\r\n <div class=\"mt-4\">\r\n <span class=\"inline-flex items-center text-blue-600 font-medium text-sm group-hover:text-blue-700 transition-colors\">\r\n View Products \r\n <span class=\"ml-1 transition-transform group-hover:translate-x-1\">\u2192<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Card 3: Precision Connectors -->\r\n <a href=\"#\" class=\"group bg-white rounded-3xl overflow-hidden border border-slate-200 shadow-sm hover:shadow-xl transition-all duration-300 ease-out hover:-translate-y-2 flex flex-col\">\r\n <!-- Image Area -->\r\n <div class=\"relative h-52 bg-slate-100 overflow-hidden\">\r\n <img decoding=\"async\" src=\"http:\/\/trueharbor-tech.com\/wp-content\/uploads\/2026\/07\/Precision-Connectors.jpg\" alt=\"Precision Connectors\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-black\/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"p-6 flex flex-col flex-grow\">\r\n <h3 class=\"text-xl font-semibold text-slate-900 mb-2\">Precision Connectors & Wire Harnesses<\/h3>\r\n <p class=\"text-slate-600 text-sm leading-relaxed flex-grow\">\r\n Industrial connectors, board-to-board connectors, and cable assemblies.\r\n <\/p>\r\n <div class=\"mt-4\">\r\n <span class=\"inline-flex items-center text-blue-600 font-medium text-sm group-hover:text-blue-700 transition-colors\">\r\n View Products \r\n <span class=\"ml-1 transition-transform group-hover:translate-x-1\">\u2192<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Card 4: Test & Measurement -->\r\n <a href=\"#\" class=\"group bg-white rounded-3xl overflow-hidden border border-slate-200 shadow-sm hover:shadow-xl transition-all duration-300 ease-out hover:-translate-y-2 flex flex-col\">\r\n <!-- Image Area -->\r\n <div class=\"relative h-52 bg-slate-100 overflow-hidden\">\r\n <img decoding=\"async\" src=\"http:\/\/trueharbor-tech.com\/wp-content\/uploads\/2026\/07\/Test-Measurement.jpg\" alt=\"Test & Measurement\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-black\/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"p-6 flex flex-col flex-grow\">\r\n <h3 class=\"text-xl font-semibold text-slate-900 mb-2\">Test & Measurement Equipment<\/h3>\r\n <p class=\"text-slate-600 text-sm leading-relaxed flex-grow\">\r\n Electronic testing tools, measurement devices, industrial instruments, and parts.\r\n <\/p>\r\n <div class=\"mt-4\">\r\n <span class=\"inline-flex items-center text-blue-600 font-medium text-sm group-hover:text-blue-700 transition-colors\">\r\n View Products \r\n <span class=\"ml-1 transition-transform group-hover:translate-x-1\">\u2192<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79b8f1c e-con-full e-flex e-con e-parent\" data-id=\"79b8f1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdf15ac elementor-widget elementor-widget-html\" data-id=\"cdf15ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0628\u062e\u0634 Company & Quality - \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0641\u0648\u0642\u200c\u0627\u0644\u0639\u0627\u062f\u0647 \u062c\u0630\u0627\u0628 -->\r\n<section class=\"max-w-7xl mx-auto px-6 py-16 bg-slate-50\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 items-center\">\r\n \r\n <!-- Left: Image -->\r\n <div class=\"relative group\">\r\n <div class=\"aspect-[640\/520] bg-slate-200 rounded-3xl overflow-hidden shadow-lg border border-slate-200 transition-all duration-500 group-hover:shadow-2xl\">\r\n \r\n <!-- \u0639\u06a9\u0633 \u0627\u0635\u0644\u06cc \u062c\u0627\u06cc\u06af\u0630\u0627\u0631\u06cc \u0634\u062f\u0647 -->\r\n <img decoding=\"async\" src=\"http:\/\/trueharbor-tech.com\/wp-content\/uploads\/2026\/07\/2.jpg\" \r\n alt=\"Quality Supply Chain Support\" \r\n class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\r\n \r\n <!-- Subtle zoom effect -->\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-500\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right: Content Card -->\r\n <div class=\"bg-white rounded-3xl p-10 shadow-xl border border-slate-100\">\r\n \r\n <!-- Badge -->\r\n <div class=\"inline-flex items-center px-4 py-1.5 rounded-full bg-blue-100 text-blue-700 text-sm font-semibold mb-6\">\r\n Company & Quality\r\n <\/div>\r\n\r\n <!-- Heading -->\r\n <h2 class=\"text-4xl lg:text-5xl font-bold tracking-tight text-slate-900 leading-tight mb-6\">\r\n Quality-driven component<br>supply chain support\r\n <\/h2>\r\n\r\n <!-- Description -->\r\n <p class=\"text-lg text-slate-600 leading-relaxed mb-10\">\r\n TRUEHARBOR focuses on reliable sourcing, quality verification, and long-term support for industrial, medical, communication, and electronics manufacturers.\r\n <\/p>\r\n\r\n <!-- Quality Steps -->\r\n <div class=\"space-y-4\">\r\n \r\n <!-- Item 1 -->\r\n <div class=\"group\/item flex gap-4 p-5 rounded-2xl border border-slate-200 hover:border-blue-200 hover:bg-blue-50\/50 transition-all duration-300 hover:-translate-y-0.5 hover:shadow-md\">\r\n <div class=\"flex-shrink-0\">\r\n <div class=\"w-9 h-9 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-lg shadow-md group-hover\/item:scale-110 transition-transform duration-300\">\r\n 1\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-semibold text-slate-900 text-lg mb-1\">Visual & Packaging Verification<\/h4>\r\n <p class=\"text-slate-600 text-sm\">Anti-counterfeit screening, label matching, and pin condition check.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 2 -->\r\n <div class=\"group\/item flex gap-4 p-5 rounded-2xl border border-slate-200 hover:border-blue-200 hover:bg-blue-50\/50 transition-all duration-300 hover:-translate-y-0.5 hover:shadow-md\">\r\n <div class=\"flex-shrink-0\">\r\n <div class=\"w-9 h-9 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-lg shadow-md group-hover\/item:scale-110 transition-transform duration-300\">\r\n 2\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-semibold text-slate-900 text-lg mb-1\">Radiological X-Ray Analysis<\/h4>\r\n <p class=\"text-slate-600 text-sm\">Lead frame inspection, void detection, and wire bonding check.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 3 -->\r\n <div class=\"group\/item flex gap-4 p-5 rounded-2xl border border-slate-200 hover:border-blue-200 hover:bg-blue-50\/50 transition-all duration-300 hover:-translate-y-0.5 hover:shadow-md\">\r\n <div class=\"flex-shrink-0\">\r\n <div class=\"w-9 h-9 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-lg shadow-md group-hover\/item:scale-110 transition-transform duration-300\">\r\n 3\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-semibold text-slate-900 text-lg mb-1\">Decapsulation Analysis<\/h4>\r\n <p class=\"text-slate-600 text-sm\">Die authenticity verification and topology analysis.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 4 -->\r\n <div class=\"group\/item flex gap-4 p-5 rounded-2xl border border-slate-200 hover:border-blue-200 hover:bg-blue-50\/50 transition-all duration-300 hover:-translate-y-0.5 hover:shadow-md\">\r\n <div class=\"flex-shrink-0\">\r\n <div class=\"w-9 h-9 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-lg shadow-md group-hover\/item:scale-110 transition-transform duration-300\">\r\n 4\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-semibold text-slate-900 text-lg mb-1\">Electrical & Functional Testing<\/h4>\r\n <p class=\"text-slate-600 text-sm\">Performance verification via certified third-party laboratories.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40812fe e-con-full e-flex e-con e-parent\" data-id=\"40812fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5ac84d4 e-con-full e-flex e-con e-child\" data-id=\"5ac84d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a0c346 fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"8a0c346\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n <div class=\"fluentform-widget-wrapper fluentform-widget-align-default\">\n\n <div class=\"fluentform-widget-heading\">\n <\/div>\n \n <div class='fluentform ff-default fluentform_wrapper_1 ffs_default_wrap'><form data-form_id=\"1\" id=\"fluentform_1\" class=\"frm-fluent-form fluent_form_1 ff-el-form-top ff_form_instance_1_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_1_1\" method=\"POST\" ><fieldset style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Contact Form Demo<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='29532' \/><input type=\"hidden\" id=\"_fluentform_1_fluentformnonce\" name=\"_fluentform_1_fluentformnonce\" value=\"93a6cbb5db\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F29532\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_first_name_' id='label_ff_1_names_first_name_' >First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_1_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"First Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_last_name_' id='label_ff_1_names_last_name_' >Last Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_1_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Last Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_email' id='label_ff_1_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_1_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\" aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_subject' id='label_ff_1_subject' aria-label=\"Subject\">Subject<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"subject\" class=\"ff-el-form-control\" placeholder=\"Subject\" data-name=\"subject\" id=\"ff_1_subject\" aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_message' id='label_ff_1_message' aria-label=\"Your Message\">Your Message<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_1_message\" name=\"message\" id=\"ff_1_message\" class=\"ff-el-form-control\" placeholder=\"Your Message\" rows=\"4\" cols=\"2\" data-name=\"message\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\" aria-label=\"Submit Form\">Submit Form<\/button><\/div><\/fieldset><\/form><div id='fluentform_1_errors' class='ff-errors-in-stack ff_form_instance_1_1 ff-form-loading_errors ff_form_instance_1_1_errors'><\/div><\/div> <script type=\"text\/javascript\">\n window.fluent_form_ff_form_instance_1_1 = {\"id\":\"1\",\"ajaxUrl\":\"https:\\\/\\\/trueharbor-tech.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_1_1\",\"form_id_selector\":\"fluentform_1\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\"}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\"}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\"}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\"}},\"subject\":{\"required\":{\"value\":false,\"message\":\"This field is required\"}},\"message\":{\"required\":{\"value\":true,\"message\":\"This field is required\"}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n <\/script>\n <\/div>\n\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-112c316 e-con-full e-flex e-con e-child\" data-id=\"112c316\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfef084 elementor-widget elementor-widget-google_maps\" data-id=\"cfef084\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=china%2C%20shenzhen%2C%20longhua%2C%20Song%20Bai%20Lu%2C%20Guang%20Ming%20Qu%2C%20Shen%20Zhen%20Shi%2C%20Guang%20Dong%20Sheng%2C%20518107&t=m&z=10&output=embed&iwloc=near\"\n\t\t\t\t\ttitle=\"china, shenzhen, longhua, Song Bai Lu, Guang Ming Qu, Shen Zhen Shi, Guang Dong Sheng, 518107\"\n\t\t\t\t\taria-label=\"china, shenzhen, longhua, Song Bai Lu, Guang Ming Qu, Shen Zhen Shi, Guang Dong Sheng, 518107\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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>TRUEHARBOR \u2022 AI Agent Ask AI \u2728 TrueHarbor Intelligence TRUEHARBOR \u2022 AI Search Ask AI TRUEHARBOR AI Response Search TRUEHARBOR – Hero Section Electronic Components Supply Chain Partner Reliable Electronic Components Sourcing for Global B2B Customers From urgent spot-buy sourcing to BOM kitting, shortage solutions, quality control, warehousing, and logistics support \u2014 TRUEHARBOR helps you … <a title=\"Home\" class=\"read-more\" href=\"https:\/\/trueharbor-tech.com\/\" aria-label=\"\u062f\u0631\u0628\u0627\u0631\u06c0 Home \u0628\u06cc\u0634\u062a\u0631 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f\">\u0627\u062f\u0627\u0645\u0647<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29532","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/29532","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29532"}],"version-history":[{"count":135,"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/29532\/revisions"}],"predecessor-version":[{"id":29829,"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/29532\/revisions\/29829"}],"wp:attachment":[{"href":"https:\/\/trueharbor-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}