{"id":4075,"date":"2026-05-01T03:21:11","date_gmt":"2026-05-01T03:21:11","guid":{"rendered":"https:\/\/travel.axcell-td.com\/?page_id=4075"},"modified":"2026-08-02T06:57:17","modified_gmt":"2026-08-02T06:57:17","slug":"sample-client-5-fix","status":"publish","type":"page","link":"https:\/\/be.axcell-td.com\/?page_id=4075","title":{"rendered":"Client"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n AXCELL \u00b7 Partner Ecosystem \u2014 Expanded Imagery<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n \/* ==============================================\r\n AXCELL PARTNER ECOSYSTEM - LARGER LOGO VARIANT\r\n Font: Gotham (dengan Montserrat sebagai fallback)\r\n FIFGroup dipindahkan ke Finance & Banking\r\n ============================================== *\/\r\n \r\n .axcell-ecosystem,\r\n .axcell-ecosystem * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .axcell-ecosystem {\r\n --bg: #ffffff;\r\n --surface: #f8fafc;\r\n --surface2: #ffffff;\r\n --border: rgba(0,0,0,0.06);\r\n --border-hover: rgba(0,102,204,0.25);\r\n --gold: #0066cc;\r\n --gold-light: #3399ff;\r\n --gold-dim: rgba(0,102,204,0.06);\r\n --text: #0f172a;\r\n --text-muted: #334155;\r\n --text-dim: #64748b;\r\n \r\n font-family: 'Gotham', 'Montserrat', sans-serif;\r\n background: var(--bg);\r\n color: var(--text);\r\n min-height: 100vh;\r\n width: 100%;\r\n overflow-x: hidden;\r\n position: relative;\r\n isolation: isolate;\r\n }\r\n\r\n \/* Ambient light soft white bg *\/\r\n .axcell-ecosystem .ambient {\r\n position: absolute; \r\n top: -200px; \r\n left: 50%; \r\n transform: translateX(-50%);\r\n width: 900px; \r\n height: 600px;\r\n background: radial-gradient(ellipse, rgba(0,102,204,0.02) 0%, transparent 70%);\r\n pointer-events: none; \r\n z-index: 0;\r\n }\r\n\r\n .axcell-page { \r\n position: relative; \r\n z-index: 2; \r\n max-width: 1280px; \r\n margin: 0 auto; \r\n padding: 0 40px 100px; \r\n }\r\n\r\n \/* \u2500\u2500\u2500 NAVIGATION (clean) \u2500\u2500\u2500 *\/\r\n .axcell-nav {\r\n display: flex; \r\n align-items: center; \r\n justify-content: space-between;\r\n padding: 32px 0 0;\r\n border-bottom: 1px solid var(--border);\r\n padding-bottom: 28px;\r\n margin-bottom: 70px;\r\n }\r\n\r\n .axcell-nav-logo {\r\n font-family: 'Gotham', 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 22px; \r\n letter-spacing: 0.04em;\r\n color: var(--text);\r\n }\r\n .axcell-nav-logo span { color: var(--gold); }\r\n\r\n .axcell-nav-links { display: flex; gap: 36px; }\r\n .axcell-nav-links a {\r\n font-size: 13px; \r\n font-weight: 400; \r\n letter-spacing: 0.08em;\r\n text-transform: uppercase; \r\n color: var(--text-muted);\r\n text-decoration: none; \r\n transition: color 0.2s;\r\n }\r\n .axcell-nav-links a:hover { color: var(--gold); }\r\n\r\n .axcell-nav-badge {\r\n font-size: 11px; \r\n font-weight: 400; \r\n letter-spacing: 0.12em;\r\n text-transform: uppercase; \r\n color: var(--gold);\r\n border: 1px solid rgba(0,102,204,0.3); \r\n padding: 7px 18px; \r\n border-radius: 100px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 HERO (tetap minimal) \u2500\u2500\u2500 *\/\r\n .axcell-hero { margin-bottom: 70px; }\r\n .axcell-hero-eyebrow {\r\n display: flex; \r\n align-items: center; \r\n gap: 16px;\r\n font-size: 11px; \r\n font-weight: 400; \r\n letter-spacing: 0.2em;\r\n text-transform: uppercase; \r\n color: var(--gold);\r\n margin-bottom: 28px;\r\n }\r\n .axcell-hero-eyebrow::before {\r\n content: ''; \r\n width: 32px; \r\n height: 1px; \r\n background: var(--gold); \r\n opacity: 0.4;\r\n }\r\n .axcell-hero h1 {\r\n font-family: 'Gotham', 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: clamp(48px, 6vw, 82px);\r\n line-height: 1.05; \r\n letter-spacing: -0.02em;\r\n color: var(--text); \r\n max-width: 760px;\r\n }\r\n .axcell-hero h1 em { font-style: italic; color: var(--gold); }\r\n .axcell-hero-desc {\r\n margin-top: 28px; \r\n font-size: 16px; \r\n font-weight: 300;\r\n color: var(--text-muted); \r\n max-width: 440px; \r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 STAT STRIP (opsional minimal ditampilkan) \u2500\u2500\u2500 *\/\r\n .axcell-stats-strip {\r\n display: flex; \r\n gap: 0;\r\n border: 1px solid var(--border); \r\n border-radius: 20px;\r\n overflow: hidden; \r\n margin-bottom: 80px;\r\n background: var(--surface);\r\n }\r\n .axcell-stat-cell {\r\n flex: 1; \r\n padding: 28px 32px;\r\n border-right: 1px solid var(--border);\r\n transition: background 0.2s;\r\n }\r\n .axcell-stat-cell:last-child { border-right: none; }\r\n .axcell-stat-cell:hover { background: #f1f5ff; }\r\n .axcell-stat-number {\r\n font-family: 'Gotham', 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 42px; \r\n color: var(--text); \r\n }\r\n .axcell-stat-number sup { \r\n font-size: 18px; \r\n color: var(--gold); \r\n vertical-align: super; \r\n }\r\n .axcell-stat-label { \r\n font-size: 11px; \r\n font-weight: 400; \r\n letter-spacing: 0.15em; \r\n text-transform: uppercase; \r\n color: var(--text-muted); \r\n margin-top: 8px; \r\n }\r\n\r\n \/* \u2500\u2500\u2500 SECTIONS \u2500\u2500\u2500 *\/\r\n .axcell-section-header {\r\n display: flex; \r\n align-items: flex-end; \r\n justify-content: space-between;\r\n margin-bottom: 36px;\r\n }\r\n .axcell-section-title {\r\n font-family: 'Gotham', 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 32px; \r\n color: var(--text);\r\n }\r\n .axcell-section-count {\r\n font-size: 12px; \r\n letter-spacing: 0.12em; \r\n color: var(--text-dim);\r\n text-transform: uppercase; \r\n font-weight: 400;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 FILTER TABS \u2500\u2500\u2500 *\/\r\n .axcell-filter-tabs {\r\n display: flex; \r\n flex-wrap: wrap; \r\n gap: 8px; \r\n margin-bottom: 40px;\r\n }\r\n .axcell-tab {\r\n font-size: 12px; \r\n font-weight: 400; \r\n letter-spacing: 0.08em;\r\n text-transform: uppercase; \r\n padding: 9px 22px; \r\n border-radius: 100px;\r\n border: 1px solid var(--border); \r\n background: transparent;\r\n color: var(--text-muted); \r\n cursor: pointer; \r\n transition: all 0.2s;\r\n font-family: 'Gotham', 'Montserrat', sans-serif;\r\n }\r\n .axcell-tab:hover { \r\n border-color: var(--border-hover); \r\n color: var(--gold); \r\n }\r\n .axcell-tab.active {\r\n background: var(--gold-dim); \r\n border-color: rgba(0,102,204,0.4);\r\n color: var(--gold);\r\n }\r\n\r\n \/* ===== PARTNER GRID DENGAN AVATAR YANG LEBIH BESAR (2x ukuran) ===== *\/\r\n .axcell-partner-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\r\n gap: 1px;\r\n border: 1px solid var(--border);\r\n border-radius: 24px; \r\n overflow: hidden;\r\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\r\n }\r\n\r\n .axcell-partner-card {\r\n background: var(--surface2);\r\n padding: 28px 32px;\r\n cursor: pointer;\r\n transition: background 0.2s ease, transform 0.1s;\r\n position: relative;\r\n display: flex; \r\n align-items: center; \r\n gap: 28px;\r\n animation: axcell-fadeIn 0.45s ease both;\r\n font-family: 'Gotham', 'Montserrat', sans-serif;\r\n }\r\n\r\n .axcell-partner-card::after {\r\n content: '\u2192';\r\n position: absolute; \r\n right: 28px; \r\n top: 50%; \r\n transform: translateY(-50%);\r\n color: var(--text-dim); \r\n font-size: 18px;\r\n transition: all 0.2s; \r\n opacity: 0;\r\n }\r\n\r\n .axcell-partner-card:hover {\r\n background: #f8fafd;\r\n }\r\n .axcell-partner-card:hover::after { \r\n opacity: 1; \r\n right: 24px; \r\n color: var(--gold); \r\n }\r\n\r\n .axcell-partner-avatar {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 20px;\r\n background: #f1f5f9;\r\n border: 1px solid var(--border);\r\n object-fit: cover;\r\n flex-shrink: 0;\r\n transition: all 0.2s cubic-bezier(0.2, 0, 0, 1);\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.02);\r\n }\r\n .axcell-partner-card:hover .axcell-partner-avatar { \r\n border-color: var(--gold-light);\r\n transform: scale(1.01);\r\n box-shadow: 0 8px 18px rgba(0,102,204,0.08);\r\n }\r\n\r\n .axcell-partner-info { flex: 1; min-width: 0; }\r\n .axcell-partner-name {\r\n font-size: 17px; \r\n font-weight: 700; \r\n color: var(--text);\r\n white-space: nowrap; \r\n overflow: hidden; \r\n text-overflow: ellipsis;\r\n }\r\n .axcell-partner-sub {\r\n font-size: 13px; \r\n color: var(--text-muted); \r\n margin-top: 5px;\r\n white-space: nowrap; \r\n overflow: hidden; \r\n text-overflow: ellipsis;\r\n font-weight: 300;\r\n }\r\n .axcell-sector-dot {\r\n width: 8px; \r\n height: 8px; \r\n border-radius: 50%;\r\n flex-shrink: 0;\r\n background: currentColor;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 TICKER NETWORK \u2500\u2500\u2500 *\/\r\n .axcell-network-section { margin-top: 80px; }\r\n .axcell-ticker-wrap {\r\n overflow: hidden;\r\n mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);\r\n -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);\r\n margin-top: 24px;\r\n }\r\n .axcell-ticker-track {\r\n display: flex; \r\n gap: 14px;\r\n width: max-content;\r\n animation: axcell-ticker 48s linear infinite;\r\n }\r\n .axcell-ticker-track:hover { animation-play-state: paused; }\r\n .axcell-ticker-pill {\r\n display: flex; \r\n align-items: center; \r\n gap: 12px;\r\n padding: 8px 24px 8px 16px;\r\n border: 1px solid var(--border); \r\n border-radius: 120px;\r\n background: var(--surface); \r\n cursor: pointer;\r\n transition: all 0.2s; \r\n white-space: nowrap;\r\n font-family: 'Gotham', 'Montserrat', sans-serif;\r\n }\r\n .axcell-ticker-pill:hover { \r\n border-color: var(--border-hover); \r\n background: #eef2ff; \r\n }\r\n .axcell-ticker-avatar {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n object-fit: cover; \r\n background: #eef2ff;\r\n }\r\n .axcell-ticker-name { \r\n font-size: 14px; \r\n font-weight: 400; \r\n color: var(--text-muted); \r\n }\r\n\r\n \/* ===== MODAL ===== *\/\r\n .axcell-modal-overlay {\r\n position: fixed; \r\n inset: 0;\r\n background: rgba(10,20,30,0.75);\r\n backdrop-filter: blur(12px);\r\n z-index: 100000; \r\n display: flex;\r\n align-items: center; \r\n justify-content: center;\r\n opacity: 0; \r\n visibility: hidden;\r\n transition: opacity 0.25s, visibility 0.25s;\r\n font-family: 'Gotham', 'Montserrat', sans-serif;\r\n }\r\n .axcell-modal-overlay.open { opacity: 1; visibility: visible; }\r\n\r\n .axcell-modal {\r\n background: #ffffff;\r\n border: 1px solid rgba(0,0,0,0.06);\r\n border-radius: 36px; \r\n padding: 40px 44px;\r\n width: 92%; \r\n max-width: 680px;\r\n text-align: center;\r\n transform: translateY(24px) scale(0.97);\r\n transition: transform 0.3s;\r\n box-shadow: 0 30px 60px -12px rgba(0,0,0,0.3);\r\n }\r\n .axcell-modal-overlay.open .axcell-modal { \r\n transform: translateY(0) scale(1); \r\n }\r\n\r\n .axcell-modal-img-wrap {\r\n width: 480px;\r\n max-width: 100%;\r\n height: auto;\r\n margin: 0 auto 24px;\r\n border-radius: 24px; \r\n overflow: hidden;\r\n border: 1px solid var(--border);\r\n background: #f8fcff;\r\n aspect-ratio: 480 \/ 321;\r\n }\r\n .axcell-modal-img-wrap img { \r\n width: 100%; \r\n height: 100%; \r\n object-fit: cover; \r\n display: block;\r\n }\r\n\r\n .axcell-modal-sector-tag {\r\n display: inline-block; \r\n font-size: 11px; \r\n font-weight: 400;\r\n letter-spacing: 0.15em; \r\n text-transform: uppercase;\r\n color: var(--gold); \r\n background: var(--gold-dim);\r\n padding: 6px 18px; \r\n border-radius: 100px; \r\n margin-bottom: 16px;\r\n }\r\n .axcell-modal-name {\r\n font-family: 'Gotham', 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 34px; \r\n color: var(--text); \r\n margin-bottom: 16px;\r\n }\r\n .axcell-modal-desc {\r\n font-size: 15px; \r\n font-weight: 300; \r\n color: var(--text-muted);\r\n line-height: 1.6; \r\n border-top: 1px solid var(--border); \r\n padding-top: 22px;\r\n }\r\n .axcell-modal-close {\r\n margin-top: 34px; \r\n padding: 12px 36px;\r\n font-family: 'Gotham', 'Montserrat', sans-serif;\r\n font-size: 13px; \r\n font-weight: 400;\r\n letter-spacing: 0.08em; \r\n text-transform: uppercase;\r\n background: transparent; \r\n border: 1px solid var(--border);\r\n color: var(--text-muted); \r\n border-radius: 100px; \r\n cursor: pointer;\r\n transition: all 0.2s;\r\n }\r\n .axcell-modal-close:hover { \r\n border-color: var(--gold); \r\n color: var(--gold); \r\n background: var(--gold-dim);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\r\n .axcell-footer {\r\n margin-top: 100px; \r\n padding-top: 40px;\r\n border-top: 1px solid var(--border);\r\n display: flex; \r\n align-items: center; \r\n justify-content: space-between;\r\n flex-wrap: wrap; \r\n gap: 20px;\r\n }\r\n .axcell-footer-left {\r\n font-family: 'Gotham', 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n color: var(--text);\r\n }\r\n .axcell-footer-left span { color: var(--gold); }\r\n .axcell-footer-right { \r\n font-size: 12px; \r\n color: var(--text-dim); \r\n letter-spacing: 0.1em; \r\n }\r\n\r\n @keyframes axcell-fadeIn {\r\n from { opacity: 0; transform: translateY(14px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes axcell-ticker {\r\n from { transform: translateX(0); }\r\n to { transform: translateX(-50%); }\r\n }\r\n\r\n @media (max-width: 740px) {\r\n .axcell-page { padding: 0 20px 70px; }\r\n .axcell-nav-links { display: none; }\r\n .axcell-stats-strip { flex-direction: column; }\r\n .axcell-stat-cell { border-right: none; border-bottom: 1px solid var(--border);}\r\n .axcell-partner-grid { grid-template-columns: 1fr; }\r\n .axcell-partner-avatar { width: 68px; height: 68px; }\r\n .axcell-partner-card { gap: 20px; padding: 22px 24px; }\r\n .axcell-modal { padding: 28px 20px; }\r\n .axcell-modal-img-wrap { width: 100%; aspect-ratio: 480\/321; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .axcell-partner-avatar { width: 60px; height: 60px; border-radius: 16px; }\r\n .axcell-partner-name { font-size: 15px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"axcell-ecosystem\">\r\n <div class=\"ambient\"><\/div>\r\n <div class=\"axcell-page\">\r\n <!-- PARTNERS SECTION -->\r\n <div class=\"axcell-section-header\">\r\n <div class=\"axcell-section-title\">All Clients<\/div>\r\n <div class=\"axcell-section-count\" id=\"axcellPartnerCount\">\u2014 Clients<\/div>\r\n <\/div>\r\n\r\n <div class=\"axcell-filter-tabs\" id=\"axcellFilterTabs\">\r\n <button class=\"axcell-tab active\" data-sector=\"All\">All<\/button>\r\n <\/div>\r\n\r\n <div class=\"axcell-partner-grid\" id=\"axcellPartnerGrid\"><\/div>\r\n\r\n <!-- Extended Network -->\r\n <div class=\"axcell-network-section\">\r\n <div class=\"axcell-section-header\">\r\n <div class=\"axcell-section-title\"><\/div>\r\n <\/div>\r\n <div class=\"axcell-ticker-wrap\">\r\n <div class=\"axcell-ticker-track\" id=\"axcellTickerTrack\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- MODAL -->\r\n <div class=\"axcell-modal-overlay\" id=\"axcellModalOverlay\">\r\n <div class=\"axcell-modal\" id=\"axcellModal\">\r\n <div class=\"axcell-modal-img-wrap\">\r\n <img decoding=\"async\" id=\"axcellModalImg\" src=\"\" alt=\"partner logo\" \/>\r\n <\/div>\r\n <div class=\"axcell-modal-sector-tag\" id=\"axcellModalSector\"><\/div>\r\n <div class=\"axcell-modal-name\" id=\"axcellModalName\"><\/div>\r\n <div class=\"axcell-modal-desc\" id=\"axcellModalDesc\"><\/div>\r\n <button class=\"axcell-modal-close\" id=\"axcellModalClose\">Close<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n (function() {\r\n const sectorColors = {\r\n 'Finance & Banking': '#059669',\r\n 'RETAIL': '#0891b2',\r\n 'Energy': '#d97706',\r\n 'Automotive': '#ea580c',\r\n 'HVAC': '#e11d48',\r\n 'Pharmacy': '#14b8a6',\r\n 'Others': '#7c3aed',\r\n };\r\n\r\n const sectorData = {\r\n 'Finance & Banking':['BSI','BTPN Syariah','Danastra','SMS Finance','FIFGroup','Sinarmas'],\r\n 'RETAIL': ['Erajaya','Vivo','Rotiboy'],\r\n 'Energy': ['Pertamina','PetroMine Energy','Bayan Group'],\r\n 'Automotive': ['Astra Motor'],\r\n 'HVAC': ['TIMS','Daikin','AAF International','DMT'],\r\n 'Pharmacy': ['Moleac','Mersifarma'],\r\n 'Others': ['Arista Pratama Jaya','Wings','Vintus','Wilmar','Wahana Kendali Mutu','MS2 \/ Mitra Selaras','Locomotif','LiveWell Global','Arifin Purba & Firmansyah','Devoteam','Bakrie Pipe Industries'],\r\n };\r\n\r\n const partnerDetails = {\r\n 'Daikin': { s:'PT. Daikin Applied Solutions', desc:'Leading HVAC & refrigeration solutions provider for industrial and commercial applications.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Daikin.png' },\r\n 'BSI': { s:'Bank Syariah Indonesia', desc:'The largest Islamic bank in Indonesia, providing sharia-compliant financial services nationwide.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Bank-BSI.png' },\r\n 'Arista Pratama Jaya': { s:'Mechanical Contractor', desc:'Strategic distribution partner driving regional growth and market expansion.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Arista.png' },\r\n 'Astra Motor': { s:'Member of Astra Group', desc:'Authorized Honda distributor with a nationwide dealer network.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Astra-Motor.png' },\r\n 'Bakrie Pipe Industries': { s:'Steel Pipe Manufacturing', desc:'Premier steel pipe manufacturer serving energy and infrastructure sectors.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Bakrie-Pipe.png' },\r\n 'BTPN Syariah': { s:'Banking & Finance', desc:'A sharia-compliant bank empowering underserved communities through inclusive finance.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-BTPN-Syariah.png' },\r\n 'Danastra': { s:'Micro Financing', desc:'Micro financing solutions creating economic opportunities for small businesses.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Danastra.png' },\r\n 'Devoteam': { s:'Technology Partner', desc:'Global leader in digital transformation, cloud strategy, and data-driven innovation.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Devoteam.png' },\r\n 'DMT': { s:'PT. Dwi Mitra Teknindo', desc:'Technology infrastructure provider specializing in enterprise IT solutions.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-DMT.png' },\r\n 'Erajaya': { s:'Electronics', desc:'Indonesia\\'s leading mobile & consumer electronics retail network.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Erajaya.png' },\r\n 'FIFGroup': { s:'Member of Astra Group', desc:'Automotive financing solutions with a broad customer base across Indonesia.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-FIF.png' },\r\n 'Bayan Group': { s:'Energy & Mining', desc:'One of Indonesia\\'s largest coal mining and energy companies.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Bayan-Group.png' },\r\n 'Wings': { s:'FMCG', desc:'A diversified consumer goods giant with iconic household brands.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Wings.png' },\r\n 'Pertamina': { s:'National Energy Company', desc:'Indonesia\\'s state-owned oil, gas, and energy corporation.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Pertamina.png' },\r\n 'PetroMine Energy':{ s:'Energy Trading', desc:'Energy solutions provider specializing in upstream and midstream operations.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Petromine.png' },\r\n 'Sinarmas': { s:'Multifinance', desc:'A major conglomerate spanning agribusiness, banking, and real estate.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Sinarmas.png' },\r\n 'Vivo': { s:'Consumer Electronics', desc:'Global smartphone brand bringing premium technology to Indonesian consumers.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Vivo.png' },\r\n 'TIMS': { s:'Technology \/ Information Management', desc:'Information management solutions for enterprise and government sectors.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Tims.png' },\r\n 'SMS Finance': { s:'Finance', desc:'Consumer financing with flexible solutions tailored to customer needs.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Sms-Finance.png' },\r\n 'Rotiboy': { s:'F&B', desc:'Beloved bakery chain known for its signature buttery coffee buns.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Roti-Boy.png' },\r\n 'Vintus': { s:'IT Service', desc:'PT Vintus Integrasi Bisnis (Vintus) adalah perusahaan yang bergerak di bidang konsultasi dan layanan Teknologi Informasi (TI).', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Vintus.png' },\r\n 'Molecac': { s:'Pharmaceutical', desc:'Laboratory and diagnostic solutions supporting Indonesia\\'s healthcare sector.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Moleac.png' },\r\n 'Wilmar': { s:'Agribusiness', desc:'Global leader in food processing and agricultural supply chains.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Wilmar.png' },\r\n 'Wahana Kendali Mutu': { s:'Quality Management', desc:'Consulting and quality assurance services for manufacturing industries.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-wahana-Kendali.png' },\r\n 'MS2 \/ Mitra Selaras': { s:'Tax Consultant', desc:'Business and tax consulting firm providing strategic financial guidance.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-mitra-selaras-solusindo.png' },\r\n 'AAF International': { s:'American Air Filter', desc:'Global leader in air filtration systems for industrial environments.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-AAF.png' },\r\n 'Locomotif': { s:'Paper Converting \/ Paper Manufacture', desc:'Stationery and paper converting manufacturer producing notebooks and school supplies.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Locomotif.png' },\r\n 'LiveWell Global': { s:'Multi Level Marketing', desc:'Wellness product distribution network promoting healthier lifestyles.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-LifeWell.png' },\r\n 'Arifin Purba & Firmansyah': { s:'Law Firm', desc:'Premier legal consultancy offering corporate, commercial, and litigation services.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Arifin.png' },\r\n 'Mersifarma': { s:'Pharmaceutical', desc:'PT Mersifarma TM (Mersi), established in 1997, is a leading pharmaceutical manufacturer specializing in medicines for neuro-psychiatric, anesthetics, vitamins, minerals, and healthcare products.', img:'https:\/\/travel.axcell-td.com\/wp-content\/uploads\/2026\/05\/Logo-Mersi.png' },\r\n };\r\n\r\n const allPartners = [];\r\n Object.entries(sectorData).forEach(([sector, partners]) => {\r\n partners.forEach(name => {\r\n const d = partnerDetails[name] || { s:'Strategic Partner', desc:'Trusted collaboration delivering value.', img:'https:\/\/picsum.photos\/id\/1\/480\/321' };\r\n allPartners.push({ name, sector, ...d });\r\n });\r\n });\r\n\r\n const filterTabs = document.getElementById('axcellFilterTabs');\r\n Object.keys(sectorData).forEach(sector => {\r\n if (!sectorData[sector].length) return;\r\n const btn = document.createElement('button');\r\n btn.className = 'axcell-tab';\r\n btn.dataset.sector = sector;\r\n const dot = `<span style=\"display:inline-block;width:8px;height:8px;border-radius:50%;background:${sectorColors[sector]};margin-right:7px;vertical-align:middle;\"><\/span>`;\r\n btn.innerHTML = dot + sector;\r\n filterTabs.appendChild(btn);\r\n });\r\n\r\n const grid = document.getElementById('axcellPartnerGrid');\r\n const countEl = document.getElementById('axcellPartnerCount');\r\n\r\n function renderGrid(filter = 'All') {\r\n const filtered = filter === 'All' ? allPartners : allPartners.filter(p => p.sector === filter);\r\n countEl.textContent = `${filtered.length} clients`;\r\n grid.innerHTML = '';\r\n filtered.forEach((partner, i) => {\r\n const card = document.createElement('div');\r\n card.className = 'axcell-partner-card';\r\n card.style.animationDelay = `${i * 30}ms`;\r\n card.innerHTML = `\r\n <img decoding=\"async\" class=\"axcell-partner-avatar\" src=\"${partner.img}\" alt=\"${partner.name}\" onerror=\"this.src='https:\/\/picsum.photos\/id\/1\/240\/240'\" \/>\r\n <div class=\"axcell-partner-info\">\r\n <div class=\"axcell-partner-name\">${partner.name}<\/div>\r\n <div class=\"axcell-partner-sub\">${partner.s}<\/div>\r\n <\/div>\r\n <span class=\"axcell-sector-dot\" style=\"background:${sectorColors[partner.sector]}\"><\/span>\r\n `;\r\n card.addEventListener('click', () => openModal(partner));\r\n grid.appendChild(card);\r\n });\r\n }\r\n renderGrid();\r\n\r\n filterTabs.addEventListener('click', e => {\r\n const tab = e.target.closest('.axcell-tab');\r\n if (!tab) return;\r\n document.querySelectorAll('.axcell-tab').forEach(t => t.classList.remove('active'));\r\n tab.classList.add('active');\r\n renderGrid(tab.dataset.sector);\r\n });\r\n\r\n const tickerPartners = [\r\n 'Wahana Kendali Mutu','Vivo','TIMS','SMS Finance','Rotiboy','Vintus','Molecac',\r\n 'Wilmar','MS2 \/ Mitra Selaras','AAF International','Locomotif',\r\n 'LiveWell Global','Arifin Purba & Firmansyah','Mersifarma','FIFGroup'\r\n ];\r\n const ticker = document.getElementById('axcellTickerTrack');\r\n [...tickerPartners, ...tickerPartners].forEach(name => {\r\n const d = partnerDetails[name] || { s:'Partner', img:'https:\/\/picsum.photos\/id\/1\/240\/240' };\r\n const pill = document.createElement('div');\r\n pill.className = 'axcell-ticker-pill';\r\n pill.innerHTML = `<img decoding=\"async\" class=\"axcell-ticker-avatar\" src=\"${d.img}\" alt=\"${name}\" onerror=\"this.src='https:\/\/picsum.photos\/id\/1\/80\/80'\" \/><span class=\"axcell-ticker-name\">${name}<\/span>`;\r\n const partner = allPartners.find(p => p.name === name);\r\n if (partner) pill.addEventListener('click', () => openModal(partner));\r\n ticker.appendChild(pill);\r\n });\r\n\r\n const overlay = document.getElementById('axcellModalOverlay');\r\n const modalImg = document.getElementById('axcellModalImg');\r\n const modalSector = document.getElementById('axcellModalSector');\r\n const modalName = document.getElementById('axcellModalName');\r\n const modalDesc = document.getElementById('axcellModalDesc');\r\n\r\n function openModal(partner) {\r\n modalImg.src = partner.img;\r\n modalImg.onerror = () => { modalImg.src = 'https:\/\/picsum.photos\/id\/1\/480\/321'; };\r\n modalSector.textContent = partner.sector;\r\n modalName.textContent = partner.name;\r\n modalDesc.textContent = partner.desc || partner.s;\r\n overlay.classList.add('open');\r\n }\r\n\r\n document.getElementById('axcellModalClose').addEventListener('click', () => overlay.classList.remove('open'));\r\n overlay.addEventListener('click', e => { if (e.target === overlay) overlay.classList.remove('open'); });\r\n document.addEventListener('keydown', e => { if (e.key === 'Escape') overlay.classList.remove('open'); });\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>AXCELL \u00b7 Partner Ecosystem \u2014 Expanded Imagery All Clients \u2014 Clients All Close<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-4075","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/be.axcell-td.com\/index.php?rest_route=\/wp\/v2\/pages\/4075","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/be.axcell-td.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/be.axcell-td.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/be.axcell-td.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/be.axcell-td.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4075"}],"version-history":[{"count":29,"href":"https:\/\/be.axcell-td.com\/index.php?rest_route=\/wp\/v2\/pages\/4075\/revisions"}],"predecessor-version":[{"id":5303,"href":"https:\/\/be.axcell-td.com\/index.php?rest_route=\/wp\/v2\/pages\/4075\/revisions\/5303"}],"wp:attachment":[{"href":"https:\/\/be.axcell-td.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4075"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}