{"id":1088,"date":"2026-03-17T05:43:54","date_gmt":"2026-03-17T05:43:54","guid":{"rendered":"https:\/\/trendpowercharge.com\/about\/"},"modified":"2026-09-29T02:31:33","modified_gmt":"2026-09-29T02:31:33","slug":"about","status":"publish","type":"page","link":"https:\/\/trendpowercharge.com\/id\/about\/","title":{"rendered":"Tentang"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1088\" class=\"elementor elementor-1088\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ca788b e-con-full e-flex e-con e-parent\" data-id=\"0ca788b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1e2667 elementor-widget elementor-widget-html\" data-id=\"b1e2667\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<main class=\"tp-about-page\" id=\"tp-about-page\">\n  <style>\n    #tp-about-page,\n    #tp-about-page * { box-sizing: border-box; }\n\n    #tp-about-page {\n      --tp-blue: #2f73dc;\n      --tp-blue-deep: #174fba;\n      --tp-green: #28b940;\n      --tp-navy: #071b38;\n      --tp-navy-2: #0d2a54;\n      --tp-ink: #0f172a;\n      --tp-body: #445166;\n      --tp-muted: #69768b;\n      --tp-line: #dce6f3;\n      --tp-soft: #f3f7fc;\n      --tp-white: #fff;\n      --tp-width: 1320px;\n      width: 100%;\n      overflow: hidden;\n      color: var(--tp-ink);\n      background: #fff;\n      font-family: Inter, Roboto, \"Helvetica Neue\", Arial, sans-serif;\n      font-size: 16px;\n      line-height: 1.65;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    #tp-about-page img { max-width: 100%; }\n    #tp-about-page a { text-decoration: none; }\n    #tp-about-page h1,\n    #tp-about-page h2,\n    #tp-about-page h3,\n    #tp-about-page h4,\n    #tp-about-page p { margin-top: 0; }\n\n    #tp-about-page .tp-shell {\n      width: min(calc(100% - 64px), var(--tp-width));\n      margin-inline: auto;\n    }\n\n    #tp-about-page .tp-section { padding: 112px 0; }\n    #tp-about-page .tp-section-soft { background: var(--tp-soft); }\n\n    #tp-about-page .tp-kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 18px;\n      color: var(--tp-blue);\n      font-size: 12px;\n      font-weight: 800;\n      line-height: 1.2;\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n    #tp-about-page .tp-kicker::before {\n      content: \"\";\n      width: 32px;\n      height: 2px;\n      border-radius: 10px;\n      background: linear-gradient(90deg, var(--tp-blue), var(--tp-green));\n    }\n\n    #tp-about-page .tp-title {\n      max-width: 880px;\n      margin-bottom: 22px;\n      color: var(--tp-ink);\n      font-size: clamp(38px, 4.2vw, 64px);\n      font-weight: 760;\n      line-height: 1.06;\n      letter-spacing: -.045em;\n    }\n\n    #tp-about-page .tp-title-md {\n      max-width: 760px;\n      margin-bottom: 18px;\n      color: var(--tp-ink);\n      font-size: clamp(34px, 3.2vw, 50px);\n      font-weight: 760;\n      line-height: 1.1;\n      letter-spacing: -.04em;\n    }\n\n    #tp-about-page .tp-lead {\n      max-width: 780px;\n      margin-bottom: 0;\n      color: var(--tp-body);\n      font-size: 18px;\n      line-height: 1.78;\n    }\n\n    #tp-about-page .tp-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px;\n      margin-top: 34px;\n    }\n\n    #tp-about-page .tp-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      min-height: 54px;\n      padding: 0 24px;\n      border: 1px solid transparent;\n      border-radius: 10px;\n      font-size: 15px;\n      font-weight: 750;\n      line-height: 1;\n      transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;\n    }\n\n    #tp-about-page .tp-btn svg { width: 18px; height: 18px; }\n    #tp-about-page .tp-btn:hover { transform: translateY(-2px); }\n\n    #tp-about-page .tp-btn-primary {\n      color: #fff;\n      background: linear-gradient(135deg, var(--tp-blue), var(--tp-blue-deep));\n      box-shadow: 0 14px 34px rgba(47, 115, 220, .24);\n    }\n\n    #tp-about-page .tp-btn-primary:hover {\n      color: #fff;\n      box-shadow: 0 18px 40px rgba(47, 115, 220, .32);\n    }\n\n    #tp-about-page .tp-btn-secondary {\n      color: var(--tp-ink);\n      background: rgba(255,255,255,.9);\n      border-color: rgba(15,23,42,.14);\n    }\n\n    #tp-about-page .tp-btn-secondary:hover {\n      color: var(--tp-blue);\n      border-color: rgba(47,115,220,.4);\n    }\n    \n    #tp-about-page .tp-hero {\n      position: relative;\n      min-height: 660px;\n      display: flex;\n      align-items: center;\n      isolation: isolate;\n      background:\n        radial-gradient(circle at 18% 15%, rgba(47,115,220,.15), transparent 27%),\n        linear-gradient(110deg, #f7faff 0%, #fff 47%, #edf4fd 100%);\n    }\n\n    #tp-about-page .tp-hero::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: -2;\n      opacity: .46;\n      background-image:\n        linear-gradient(rgba(47,115,220,.055) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(47,115,220,.055) 1px, transparent 1px);\n      background-size: 52px 52px;\n      mask-image: linear-gradient(90deg, #000, transparent 58%);\n    }\n\n    #tp-about-page .tp-hero-grid {\n      display: grid;\n      grid-template-columns: minmax(0, .92fr) minmax(500px, .88fr);\n      gap: 64px;\n      align-items: center;\n      padding: 64px 0 72px;\n    }\n\n    #tp-about-page .tp-hero-copy { position: relative; z-index: 2; }\n\n    #tp-about-page .tp-hero-copy h1 {\n      max-width: 760px;\n      margin-bottom: 24px;\n      color: var(--tp-navy);\n      font-size: clamp(46px, 4.9vw, 70px);\n      font-weight: 780;\n      line-height: .99;\n      letter-spacing: -.055em;\n    }\n\n    #tp-about-page .tp-hero-copy h1 span {\n      color: var(--tp-blue);\n      background: linear-gradient(100deg, var(--tp-blue) 10%, #346ee0 55%, var(--tp-green));\n      -webkit-background-clip: text;\n      background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n\n    #tp-about-page .tp-hero-copy > p {\n      max-width: 690px;\n      margin-bottom: 0;\n      color: var(--tp-body);\n      font-size: 18px;\n      line-height: 1.75;\n    }\n\n    #tp-about-page .tp-hero-promise {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      margin: 0 0 20px;\n      padding: 8px 13px;\n      color: #174fba;\n      background: rgba(255,255,255,.76);\n      border: 1px solid rgba(47,115,220,.18);\n      border-radius: 999px;\n      box-shadow: 0 8px 26px rgba(24,73,145,.06);\n      font-size: 12px;\n      font-weight: 750;\n      letter-spacing: .02em;\n    }\n\n    #tp-about-page .tp-hero-promise i {\n      width: 8px;\n      height: 8px;\n      background: var(--tp-green);\n      border-radius: 50%;\n      box-shadow: 0 0 0 5px rgba(40,185,64,.12);\n    }\n\n    #tp-about-page .tp-hero-media {\n      position: relative;\n      min-height: 520px;\n    }\n\n    #tp-about-page .tp-hero-image {\n      position: absolute;\n      inset: 0;\n      overflow: hidden;\n      border-radius: 28px 4px 28px 4px;\n      box-shadow: 0 36px 90px rgba(7,27,56,.22);\n    }\n\n    #tp-about-page .tp-hero-image::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(180deg, transparent 48%, rgba(7,27,56,.5));\n    }\n\n    #tp-about-page .tp-hero-image img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    #tp-about-page .tp-hero-badge {\n      position: absolute;\n      right: -26px;\n      bottom: 36px;\n      z-index: 3;\n      width: 210px;\n      padding: 22px 24px;\n      color: #fff;\n      background: rgba(7,27,56,.9);\n      border: 1px solid rgba(255,255,255,.16);\n      border-radius: 16px;\n      backdrop-filter: blur(14px);\n      box-shadow: 0 20px 48px rgba(7,27,56,.25);\n    }\n\n    #tp-about-page .tp-network-card {\n      position: absolute;\n      left: -34px;\n      top: 34px;\n      z-index: 4;\n      width: 236px;\n      padding: 18px;\n      color: var(--tp-ink);\n      background: rgba(255,255,255,.94);\n      border: 1px solid rgba(255,255,255,.86);\n      border-radius: 16px;\n      backdrop-filter: blur(14px);\n      box-shadow: 0 20px 55px rgba(12,40,80,.18);\n    }\n\n    #tp-about-page .tp-network-card-head {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 15px;\n      font-size: 12px;\n      font-weight: 800;\n    }\n\n    #tp-about-page .tp-live {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      color: #14842a;\n      font-size: 10px;\n      font-weight: 800;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n    }\n\n    #tp-about-page .tp-live::before {\n      content: \"\";\n      width: 7px;\n      height: 7px;\n      background: var(--tp-green);\n      border-radius: 50%;\n      box-shadow: 0 0 0 4px rgba(40,185,64,.12);\n    }\n\n    #tp-about-page .tp-network-row {\n      display: grid;\n      grid-template-columns: 1fr auto;\n      gap: 8px;\n      align-items: center;\n      padding: 9px 0;\n      color: var(--tp-muted);\n      border-top: 1px solid #e8eef6;\n      font-size: 11px;\n    }\n\n    #tp-about-page .tp-network-row strong { color: var(--tp-ink); font-size: 12px; }\n\n    #tp-about-page .tp-hero-badge strong {\n      display: block;\n      margin-bottom: 4px;\n      font-size: 24px;\n      line-height: 1.2;\n    }\n\n    #tp-about-page .tp-hero-badge span {\n      color: rgba(255,255,255,.72);\n      font-size: 13px;\n      line-height: 1.5;\n    }\n    \n    #tp-about-page .tp-proof-wrap {\n      position: relative;\n      z-index: 5;\n      margin-top: -54px;\n    }\n\n    #tp-about-page .tp-proof {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      overflow: hidden;\n      background: #fff;\n      border: 1px solid var(--tp-line);\n      border-radius: 18px;\n      box-shadow: 0 22px 60px rgba(19,49,94,.12);\n    }\n\n    #tp-about-page .tp-proof-item {\n      position: relative;\n      min-height: 132px;\n      padding: 27px 30px;\n    }\n\n    #tp-about-page .tp-proof-item + .tp-proof-item::before {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: 28px;\n      bottom: 28px;\n      width: 1px;\n      background: var(--tp-line);\n    }\n\n    #tp-about-page .tp-proof-item strong {\n      display: block;\n      margin-bottom: 5px;\n      color: var(--tp-blue);\n      font-size: 32px;\n      font-weight: 780;\n      line-height: 1.05;\n      letter-spacing: -.04em;\n    }\n\n    #tp-about-page .tp-proof-item span {\n      display: block;\n      color: var(--tp-muted);\n      font-size: 13px;\n      line-height: 1.5;\n    }\n    \n    #tp-about-page .tp-empathy {\n      position: relative;\n      padding: 122px 0;\n      background:\n        radial-gradient(circle at 90% 0%, rgba(40,185,64,.1), transparent 24%),\n        linear-gradient(180deg, #fff 0%, #f7faff 100%);\n    }\n\n    #tp-about-page .tp-empathy-head {\n      display: grid;\n      grid-template-columns: minmax(0, .86fr) minmax(380px, .65fr);\n      gap: 76px;\n      align-items: end;\n      margin-bottom: 52px;\n    }\n\n    #tp-about-page .tp-empathy-quote {\n      margin: 0;\n      padding: 26px 0 2px 30px;\n      color: var(--tp-body);\n      border-left: 3px solid var(--tp-green);\n      font-size: 18px;\n      line-height: 1.75;\n    }\n\n    #tp-about-page .tp-pain-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 16px;\n    }\n\n    #tp-about-page .tp-pain-card {\n      position: relative;\n      overflow: hidden;\n      min-height: 260px;\n      padding: 29px 26px 26px;\n      background: rgba(255,255,255,.94);\n      border: 1px solid var(--tp-line);\n      border-radius: 18px;\n      box-shadow: 0 15px 44px rgba(18,52,103,.055);\n      transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n    }\n\n    #tp-about-page .tp-pain-card:hover {\n      transform: translateY(-7px);\n      border-color: rgba(47,115,220,.32);\n      box-shadow: 0 24px 58px rgba(18,52,103,.12);\n    }\n\n    #tp-about-page .tp-pain-card::after {\n      content: \"\";\n      position: absolute;\n      right: -30px;\n      bottom: -42px;\n      width: 110px;\n      height: 110px;\n      border: 18px solid rgba(47,115,220,.045);\n      border-radius: 50%;\n    }\n\n    #tp-about-page .tp-pain-num {\n      display: inline-flex;\n      margin-bottom: 33px;\n      color: var(--tp-blue);\n      font-size: 12px;\n      font-weight: 850;\n      letter-spacing: .13em;\n    }\n\n    #tp-about-page .tp-pain-card h3 { margin-bottom: 11px; font-size: 19px; line-height: 1.35; }\n    #tp-about-page .tp-pain-card p { margin-bottom: 0; color: var(--tp-muted); font-size: 14px; line-height: 1.7; }\n    \n    #tp-about-page .tp-ecosystem {\n      position: relative;\n      color: #fff;\n      background:\n        radial-gradient(circle at 13% 12%, rgba(47,115,220,.35), transparent 28%),\n        radial-gradient(circle at 93% 80%, rgba(40,185,64,.18), transparent 25%),\n        #06162f;\n    }\n\n    #tp-about-page .tp-ecosystem .tp-kicker { color: #9bc0ff; }\n    #tp-about-page .tp-ecosystem .tp-title-md { color: #fff; }\n    #tp-about-page .tp-ecosystem .tp-lead { color: #c7d5e9; }\n\n    #tp-about-page .tp-eco-grid {\n      display: grid;\n      grid-template-columns: repeat(12, 1fr);\n      gap: 16px;\n      margin-top: 56px;\n    }\n\n    #tp-about-page .tp-eco-card {\n      position: relative;\n      overflow: hidden;\n      min-height: 230px;\n      padding: 28px;\n      background: rgba(255,255,255,.055);\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: 18px;\n      backdrop-filter: blur(8px);\n      transition: transform .28s ease, background .28s ease, border-color .28s ease;\n    }\n\n    #tp-about-page .tp-eco-card:hover {\n      transform: translateY(-5px);\n      background: rgba(255,255,255,.09);\n      border-color: rgba(125,174,255,.38);\n    }\n\n    #tp-about-page .tp-eco-card:nth-child(1),\n    #tp-about-page .tp-eco-card:nth-child(4) { grid-column: span 6; }\n    #tp-about-page .tp-eco-card:nth-child(2),\n    #tp-about-page .tp-eco-card:nth-child(3),\n    #tp-about-page .tp-eco-card:nth-child(n+5) { grid-column: span 3; }\n    #tp-about-page .tp-eco-card:nth-child(7),\n    #tp-about-page .tp-eco-card:nth-child(8) { grid-column: span 6; }\n    #tp-about-page .tp-eco-card:nth-child(1),\n    #tp-about-page .tp-eco-card:nth-child(4) { min-height: 262px; }\n\n    #tp-about-page .tp-eco-icon {\n      display: grid;\n      place-items: center;\n      width: 46px;\n      height: 46px;\n      margin-bottom: 27px;\n      color: #9bc0ff;\n      background: rgba(47,115,220,.17);\n      border: 1px solid rgba(119,169,255,.22);\n      border-radius: 13px;\n    }\n\n    #tp-about-page .tp-eco-card:nth-child(4) .tp-eco-icon,\n    #tp-about-page .tp-eco-card:nth-child(8) .tp-eco-icon {\n      color: #7ee890;\n      background: rgba(40,185,64,.13);\n      border-color: rgba(40,185,64,.22);\n    }\n\n    #tp-about-page .tp-eco-icon svg { width: 23px; height: 23px; }\n    #tp-about-page .tp-eco-card h3 { margin-bottom: 10px; color: #fff; font-size: 19px; line-height: 1.35; }\n    #tp-about-page .tp-eco-card p { margin-bottom: 0; color: #b7c7dd; font-size: 13.5px; line-height: 1.72; }\n    #tp-about-page .tp-eco-tag { display: inline-flex; margin-top: 21px; color: #88b2f7; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }\n    \n    #tp-about-page .tp-ownership {\n      position: relative;\n      background: #fff;\n    }\n\n    #tp-about-page .tp-ownership-grid {\n      display: grid;\n      grid-template-columns: minmax(0, .78fr) minmax(520px, 1fr);\n      gap: 78px;\n      align-items: center;\n    }\n\n    #tp-about-page .tp-owner-list {\n      display: grid;\n      gap: 13px;\n      margin-top: 32px;\n    }\n\n    #tp-about-page .tp-owner-item {\n      display: grid;\n      grid-template-columns: 42px 1fr;\n      gap: 14px;\n      padding: 16px 0;\n      border-top: 1px solid var(--tp-line);\n    }\n\n    #tp-about-page .tp-owner-item b {\n      display: grid;\n      place-items: center;\n      width: 34px;\n      height: 34px;\n      color: #fff;\n      background: linear-gradient(135deg, var(--tp-blue), #4e89e8);\n      border-radius: 10px;\n      font-size: 12px;\n    }\n\n    #tp-about-page .tp-owner-item strong { display: block; margin-bottom: 4px; color: var(--tp-ink); font-size: 15px; }\n    #tp-about-page .tp-owner-item span { display: block; color: var(--tp-muted); font-size: 13px; line-height: 1.58; }\n\n    #tp-about-page .tp-console {\n      position: relative;\n      overflow: hidden;\n      padding: 24px;\n      color: #fff;\n      background: linear-gradient(145deg, #071b38, #0e3566);\n      border: 1px solid rgba(47,115,220,.18);\n      border-radius: 24px;\n      box-shadow: 0 35px 85px rgba(7,27,56,.22);\n    }\n\n    #tp-about-page .tp-console-top {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 20px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid rgba(255,255,255,.1);\n    }\n\n    #tp-about-page .tp-console-brand { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 800; }\n    #tp-about-page .tp-console-brand i { width: 9px; height: 9px; background: var(--tp-green); border-radius: 50%; box-shadow: 0 0 0 5px rgba(40,185,64,.12); }\n    #tp-about-page .tp-console-state { color: #8de99c; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }\n\n    #tp-about-page .tp-console-metrics {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 12px;\n      margin-bottom: 14px;\n    }\n\n    #tp-about-page .tp-console-metric { padding: 17px; background: rgba(255,255,255,.065); border: 1px solid rgba(255,255,255,.09); border-radius: 13px; }\n    #tp-about-page .tp-console-metric span { display: block; margin-bottom: 7px; color: #9eb3cf; font-size: 10px; }\n    #tp-about-page .tp-console-metric strong { display: block; color: #fff; font-size: 21px; line-height: 1; }\n\n    #tp-about-page .tp-console-main {\n      display: grid;\n      grid-template-columns: 1.25fr .75fr;\n      gap: 12px;\n    }\n\n    #tp-about-page .tp-console-chart,\n    #tp-about-page .tp-console-feed { min-height: 222px; padding: 18px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.085); border-radius: 13px; }\n    #tp-about-page .tp-console-label { display: block; margin-bottom: 17px; color: #b8c9df; font-size: 11px; font-weight: 750; }\n    #tp-about-page .tp-bars { display: flex; align-items: end; gap: 9px; height: 140px; padding-top: 12px; border-bottom: 1px solid rgba(255,255,255,.1); }\n    #tp-about-page .tp-bars i { flex: 1; min-width: 8px; background: linear-gradient(180deg, #67a0ff, #285eb5); border-radius: 6px 6px 2px 2px; opacity: .92; }\n    #tp-about-page .tp-bars i:nth-child(2), #tp-about-page .tp-bars i:nth-child(6) { background: linear-gradient(180deg, #65d97a, #169b30); }\n    #tp-about-page .tp-feed-row { display: grid; grid-template-columns: 8px 1fr auto; gap: 9px; align-items: center; padding: 11px 0; border-top: 1px solid rgba(255,255,255,.075); color: #bed0e8; font-size: 10px; }\n    #tp-about-page .tp-feed-row i { width: 7px; height: 7px; background: var(--tp-green); border-radius: 50%; }\n    #tp-about-page .tp-feed-row em { color: #7f98b8; font-style: normal; }\n    \n    #tp-about-page .tp-service {\n      background: linear-gradient(180deg, #f4f8fd, #fff);\n    }\n\n    #tp-about-page .tp-service-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 16px;\n      margin-top: 50px;\n    }\n\n    #tp-about-page .tp-service-card {\n      position: relative;\n      min-height: 255px;\n      padding: 29px 27px;\n      background: #fff;\n      border: 1px solid var(--tp-line);\n      border-radius: 17px;\n      box-shadow: 0 15px 40px rgba(17,52,102,.06);\n    }\n\n    #tp-about-page .tp-service-card strong {\n      display: block;\n      margin-bottom: 25px;\n      color: var(--tp-blue);\n      font-size: 12px;\n      font-weight: 850;\n      letter-spacing: .12em;\n      text-transform: uppercase;\n    }\n\n    #tp-about-page .tp-service-card h3 { margin-bottom: 10px; font-size: 19px; line-height: 1.35; }\n    #tp-about-page .tp-service-card p { margin-bottom: 0; color: var(--tp-muted); font-size: 13.5px; line-height: 1.72; }\n    #tp-about-page .tp-service-note { margin-top: 18px; padding: 19px 23px; color: #d9e6f8; background: var(--tp-navy); border-radius: 14px; font-size: 14px; line-height: 1.7; }\n    #tp-about-page .tp-service-note b { color: #fff; }\n    \n    #tp-about-page .tp-intro-head {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(360px, .6fr);\n      gap: 70px;\n      align-items: end;\n      margin-bottom: 50px;\n    }\n\n    #tp-about-page .tp-intro-note {\n      padding: 25px 28px;\n      color: #fff;\n      background: linear-gradient(135deg, var(--tp-navy), var(--tp-navy-2));\n      border-radius: 16px;\n      box-shadow: 0 18px 46px rgba(7,27,56,.15);\n    }\n\n    #tp-about-page .tp-intro-note strong {\n      display: block;\n      margin-bottom: 7px;\n      font-size: 18px;\n      line-height: 1.4;\n    }\n\n    #tp-about-page .tp-intro-note span {\n      color: #cddcf3;\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    #tp-about-page .tp-audience-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 18px;\n    }\n\n    #tp-about-page .tp-audience-card {\n      min-height: 250px;\n      padding: 30px 28px;\n      background: #fff;\n      border: 1px solid var(--tp-line);\n      border-radius: 16px;\n      transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;\n    }\n\n    #tp-about-page .tp-audience-card:hover {\n      transform: translateY(-6px);\n      border-color: rgba(47,115,220,.34);\n      box-shadow: 0 22px 50px rgba(21,54,105,.1);\n    }\n\n    #tp-about-page .tp-icon {\n      display: grid;\n      place-items: center;\n      width: 48px;\n      height: 48px;\n      margin-bottom: 24px;\n      color: var(--tp-blue);\n      background: #eef5ff;\n      border-radius: 12px;\n    }\n\n    #tp-about-page .tp-icon svg { width: 24px; height: 24px; }\n    #tp-about-page .tp-audience-card h3 { margin-bottom: 10px; font-size: 20px; line-height: 1.25; }\n    #tp-about-page .tp-audience-card p { margin-bottom: 0; color: var(--tp-muted); font-size: 14px; line-height: 1.7; }\n    \n    #tp-about-page .tp-capabilities {\n      position: relative;\n      color: #fff;\n      background:\n        radial-gradient(circle at 90% 5%, rgba(47,115,220,.35), transparent 32%),\n        linear-gradient(135deg, #06172f 0%, #0a2448 58%, #0a3156 100%);\n    }\n\n    #tp-about-page .tp-capabilities::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      opacity: .25;\n      background-image:\n        linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);\n      background-size: 58px 58px;\n      pointer-events: none;\n    }\n\n    #tp-about-page .tp-capabilities .tp-shell { position: relative; }\n    #tp-about-page .tp-capabilities .tp-kicker { color: #8fb8ff; }\n    #tp-about-page .tp-capabilities .tp-title-md { color: #fff; }\n    #tp-about-page .tp-capabilities .tp-lead { color: #c8d7eb; }\n\n    #tp-about-page .tp-cap-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 18px;\n      margin-top: 54px;\n    }\n\n    #tp-about-page .tp-cap-card {\n      min-height: 265px;\n      padding: 30px;\n      background: rgba(255,255,255,.055);\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: 18px;\n      backdrop-filter: blur(8px);\n    }\n\n    #tp-about-page .tp-cap-num {\n      display: inline-flex;\n      margin-bottom: 30px;\n      color: #7cafff;\n      font-size: 13px;\n      font-weight: 800;\n      letter-spacing: .12em;\n    }\n\n    #tp-about-page .tp-cap-card h3 { margin-bottom: 12px; color: #fff; font-size: 21px; line-height: 1.3; }\n    #tp-about-page .tp-cap-card p { margin-bottom: 0; color: #b9c9df; font-size: 14px; line-height: 1.75; }\n    \n    #tp-about-page .tp-video-section {\n      background: linear-gradient(150deg, #f5f9ff 0%, #fff 52%, #f4f9f7 100%);\n      border-block: 1px solid #e8eff8;\n    }\n\n    #tp-about-page .tp-video-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1.12fr) minmax(320px, .72fr);\n      gap: clamp(32px, 5vw, 72px);\n      align-items: center;\n    }\n\n    #tp-about-page .tp-video-frame {\n      position: relative;\n      aspect-ratio: 16 \/ 9;\n      overflow: hidden;\n      background: var(--tp-navy);\n      border: 1px solid rgba(21, 77, 145, .12);\n      border-radius: 24px;\n      box-shadow: 0 26px 68px rgba(8,34,72,.16);\n    }\n\n    #tp-about-page .tp-video-frame iframe {\n      display: block;\n      width: 100%;\n      height: 100%;\n      border: 0;\n    }\n\n    #tp-about-page .tp-video-copy .tp-detail-list {\n      display: grid;\n      gap: 15px;\n      margin: 30px 0 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    #tp-about-page .tp-detail-list li {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      color: var(--tp-body);\n      font-size: 15px;\n    }\n\n    #tp-about-page .tp-check {\n      flex: 0 0 auto;\n      display: grid;\n      place-items: center;\n      width: 22px;\n      height: 22px;\n      margin-top: 2px;\n      color: #fff;\n      background: var(--tp-green);\n      border-radius: 999px;\n    }\n\n    #tp-about-page .tp-check svg { width: 13px; height: 13px; }\n    \n    #tp-about-page .tp-founder-grid {\n      display: grid;\n      grid-template-columns: minmax(360px, .72fr) minmax(0, 1fr);\n      gap: 84px;\n      align-items: center;\n    }\n\n    #tp-about-page .tp-founder-image {\n      position: relative;\n      overflow: hidden;\n      aspect-ratio: 4 \/ 5;\n      border-radius: 6px 28px 6px 28px;\n      box-shadow: 0 28px 70px rgba(15,37,74,.16);\n    }\n\n    #tp-about-page .tp-founder-image img { width: 100%; height: 100%; object-fit: cover; display: block; }\n    #tp-about-page .tp-founder-image::after { content: \"\"; position: absolute; inset: auto 0 0; height: 35%; background: linear-gradient(transparent, rgba(7,27,56,.34)); }\n\n    #tp-about-page .tp-quote-mark {\n      margin-bottom: 12px;\n      color: var(--tp-blue);\n      font-family: Georgia, serif;\n      font-size: 78px;\n      line-height: .7;\n    }\n\n    #tp-about-page .tp-founder-quote {\n      margin-bottom: 26px;\n      color: var(--tp-ink);\n      font-size: clamp(25px, 2.4vw, 36px);\n      font-weight: 680;\n      line-height: 1.43;\n      letter-spacing: -.025em;\n    }\n\n    #tp-about-page .tp-founder-body { max-width: 760px; margin-bottom: 28px; color: var(--tp-body); font-size: 16px; line-height: 1.82; }\n    #tp-about-page .tp-founder-name strong { display: block; font-size: 17px; }\n    #tp-about-page .tp-founder-name span { color: var(--tp-muted); font-size: 13px; }\n    \n    #tp-about-page .tp-team-section {\n      width: 100vw !important;\n      max-width: 100vw !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n    }\n    \n    #tp-about-page .tp-journey-head {\n      display: flex;\n      align-items: end;\n      justify-content: space-between;\n      gap: 50px;\n      margin-bottom: 54px;\n    }\n\n    #tp-about-page .tp-journey-head .tp-lead { max-width: 470px; }\n\n    #tp-about-page .tp-timeline {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 0;\n      border-top: 1px solid var(--tp-line);\n    }\n\n    #tp-about-page .tp-time-item {\n      position: relative;\n      padding: 37px 28px 8px 0;\n    }\n\n    #tp-about-page .tp-time-item::before {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: -7px;\n      width: 13px;\n      height: 13px;\n      background: #fff;\n      border: 3px solid var(--tp-blue);\n      border-radius: 999px;\n    }\n\n    #tp-about-page .tp-time-item:last-child::before { border-color: var(--tp-green); }\n    #tp-about-page .tp-time-year { display: block; margin-bottom: 14px; color: var(--tp-blue); font-size: 26px; font-weight: 780; line-height: 1; }\n    #tp-about-page .tp-time-item h3 { margin-bottom: 10px; font-size: 18px; line-height: 1.35; }\n    #tp-about-page .tp-time-item p { margin-bottom: 0; color: var(--tp-muted); font-size: 13px; line-height: 1.7; }\n    \n    #tp-about-page .tp-global-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1.1fr) minmax(390px, .7fr);\n      gap: 72px;\n      align-items: center;\n    }\n\n    #tp-about-page .tp-global-map {\n      padding: 26px;\n      background: #fff;\n      border: 1px solid var(--tp-line);\n      border-radius: 18px;\n      box-shadow: 0 22px 54px rgba(22,54,102,.1);\n    }\n\n    #tp-about-page .tp-global-map img { display: block; width: 100%; height: auto; }\n\n    #tp-about-page .tp-region-list {\n      display: grid;\n      gap: 12px;\n      margin-top: 32px;\n    }\n\n    #tp-about-page .tp-region {\n      display: grid;\n      grid-template-columns: 142px 1fr;\n      gap: 15px;\n      padding: 15px 0;\n      border-bottom: 1px solid var(--tp-line);\n    }\n\n    #tp-about-page .tp-region strong { color: var(--tp-ink); font-size: 14px; }\n    #tp-about-page .tp-region span { color: var(--tp-muted); font-size: 13px; line-height: 1.55; }\n    \n    #tp-about-page .tp-delivery-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 18px;\n      margin-top: 50px;\n    }\n\n    #tp-about-page .tp-step {\n      position: relative;\n      min-height: 220px;\n      padding: 28px;\n      background: #fff;\n      border: 1px solid var(--tp-line);\n      border-radius: 16px;\n    }\n\n    #tp-about-page .tp-step::after {\n      content: \"\";\n      position: absolute;\n      right: -19px;\n      top: 52px;\n      z-index: 2;\n      width: 20px;\n      height: 1px;\n      background: var(--tp-blue);\n    }\n\n    #tp-about-page .tp-step:last-child::after { display: none; }\n    #tp-about-page .tp-step span { display: inline-flex; margin-bottom: 28px; color: var(--tp-blue); font-size: 13px; font-weight: 800; letter-spacing: .12em; }\n    #tp-about-page .tp-step h3 { margin-bottom: 10px; font-size: 19px; }\n    #tp-about-page .tp-step p { margin-bottom: 0; color: var(--tp-muted); font-size: 13px; line-height: 1.7; }\n    \n    #tp-about-page .tp-cta-section { padding: 0 0 112px; background: var(--tp-soft); }\n\n    #tp-about-page .tp-cta {\n      position: relative;\n      overflow: hidden;\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) auto;\n      gap: 40px;\n      align-items: center;\n      padding: 64px 68px;\n      color: #fff;\n      background:\n        radial-gradient(circle at 88% 15%, rgba(40,185,64,.26), transparent 28%),\n        linear-gradient(120deg, var(--tp-navy), #103a71 75%, #164e75);\n      border-radius: 24px;\n      box-shadow: 0 28px 70px rgba(7,27,56,.2);\n    }\n\n    #tp-about-page .tp-cta::before {\n      content: \"\";\n      position: absolute;\n      right: -90px;\n      top: -130px;\n      width: 380px;\n      height: 380px;\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: 50%;\n      box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 140px rgba(255,255,255,.02);\n    }\n\n    #tp-about-page .tp-cta-copy { position: relative; z-index: 2; }\n    #tp-about-page .tp-cta h2 { max-width: 760px; margin-bottom: 14px; color: #fff; font-size: clamp(32px, 3vw, 48px); line-height: 1.12; letter-spacing: -.035em; }\n    #tp-about-page .tp-cta p { max-width: 720px; margin-bottom: 0; color: #cbd9ed; font-size: 16px; line-height: 1.75; }\n    #tp-about-page .tp-cta-actions { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; }\n    #tp-about-page .tp-cta .tp-btn-primary { color: var(--tp-navy); background: #fff; box-shadow: none; }\n    #tp-about-page .tp-cta .tp-btn-primary:hover { color: var(--tp-blue); }\n    #tp-about-page .tp-cta .tp-btn-secondary { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.22); }\n    \n    #tp-about-page .tp-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1); }\n    #tp-about-page .tp-reveal.is-visible { opacity: 1; transform: none; }\n\n    @media (max-width: 1120px) {\n      #tp-about-page .tp-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(390px, .72fr); gap: 45px; }\n      #tp-about-page .tp-hero-copy h1 { font-size: 54px; }\n      #tp-about-page .tp-hero-media { min-height: 480px; }\n      #tp-about-page .tp-hero-badge { right: 18px; }\n      #tp-about-page .tp-network-card { left: 18px; top: 18px; }\n      #tp-about-page .tp-pain-grid,\n      #tp-about-page .tp-service-grid { grid-template-columns: repeat(2, 1fr); }\n      #tp-about-page .tp-ownership-grid { grid-template-columns: minmax(0, .72fr) minmax(480px, 1fr); gap: 48px; }\n      #tp-about-page .tp-audience-grid,\n      #tp-about-page .tp-delivery-grid { grid-template-columns: repeat(2, 1fr); }\n      #tp-about-page .tp-cap-grid { grid-template-columns: repeat(2, 1fr); }\n      #tp-about-page .tp-eco-card:nth-child(n) { grid-column: span 6; min-height: 235px; }\n      #tp-about-page .tp-step::after { display: none; }\n    }\n\n    @media (max-width: 900px) {\n      #tp-about-page .tp-shell { width: min(calc(100% - 40px), var(--tp-width)); }\n      #tp-about-page .tp-section { padding: 84px 0; }\n      #tp-about-page .tp-hero { min-height: auto; }\n      #tp-about-page .tp-hero-grid,\n      #tp-about-page .tp-intro-head,\n      #tp-about-page .tp-empathy-head,\n      #tp-about-page .tp-ownership-grid,\n      #tp-about-page .tp-video-grid,\n      #tp-about-page .tp-founder-grid,\n      #tp-about-page .tp-global-grid { grid-template-columns: 1fr; }\n      #tp-about-page .tp-hero-grid { padding: 58px 0 82px; }\n      #tp-about-page .tp-hero-media { min-height: 540px; }\n      #tp-about-page .tp-empathy { padding: 86px 0; }\n      #tp-about-page .tp-ownership-grid { gap: 56px; }\n      #tp-about-page .tp-proof { grid-template-columns: repeat(2, 1fr); }\n      #tp-about-page .tp-proof-item:nth-child(3)::before { display: none; }\n      #tp-about-page .tp-proof-item:nth-child(-n+2) { border-bottom: 1px solid var(--tp-line); }\n      #tp-about-page .tp-journey-head { display: block; }\n      #tp-about-page .tp-journey-head .tp-lead { max-width: 740px; }\n      #tp-about-page .tp-timeline { grid-template-columns: repeat(2, 1fr); row-gap: 34px; border-top: 0; }\n      #tp-about-page .tp-time-item { padding-top: 24px; border-top: 1px solid var(--tp-line); }\n      #tp-about-page .tp-cta { grid-template-columns: 1fr; padding: 52px 44px; }\n      #tp-about-page .tp-cta-actions { justify-content: flex-start; }\n    }\n\n    @media (max-width: 620px) {\n      #tp-about-page .tp-shell { width: min(calc(100% - 32px), var(--tp-width)); }\n      #tp-about-page .tp-section { padding: 68px 0; }\n      #tp-about-page .tp-title { font-size: 39px; }\n      #tp-about-page .tp-title-md { font-size: 34px; }\n      #tp-about-page .tp-lead { font-size: 16px; line-height: 1.72; }\n      #tp-about-page .tp-actions { display: grid; }\n      #tp-about-page .tp-btn { width: 100%; }\n      #tp-about-page .tp-hero-grid { padding: 42px 0 68px; gap: 38px; }\n      #tp-about-page .tp-hero-copy h1 { font-size: 42px; line-height: 1.04; }\n      #tp-about-page .tp-hero-copy > p { font-size: 16px; }\n      #tp-about-page .tp-hero-media { min-height: 390px; }\n      #tp-about-page .tp-hero-image { border-radius: 18px 4px 18px 4px; }\n      #tp-about-page .tp-hero-badge { left: 18px; right: 18px; bottom: 18px; width: auto; }\n      #tp-about-page .tp-network-card { display: none; }\n      #tp-about-page .tp-proof-wrap { margin-top: -34px; }\n      #tp-about-page .tp-proof { grid-template-columns: 1fr 1fr; border-radius: 14px; }\n      #tp-about-page .tp-proof-item { min-height: 116px; padding: 22px 18px; }\n      #tp-about-page .tp-proof-item strong { font-size: 27px; }\n      #tp-about-page .tp-proof-item span { font-size: 11.5px; }\n      #tp-about-page .tp-audience-grid,\n      #tp-about-page .tp-cap-grid,\n      #tp-about-page .tp-pain-grid,\n      #tp-about-page .tp-service-grid,\n      #tp-about-page .tp-delivery-grid,\n      #tp-about-page .tp-timeline { grid-template-columns: 1fr; }\n      #tp-about-page .tp-eco-grid { grid-template-columns: 1fr; }\n      #tp-about-page .tp-eco-card:nth-child(n) { grid-column: auto; min-height: auto; }\n      #tp-about-page .tp-console { padding: 16px; border-radius: 17px; }\n      #tp-about-page .tp-console-metrics { grid-template-columns: 1fr 1fr; }\n      #tp-about-page .tp-console-metric:last-child { grid-column: 1 \/ -1; }\n      #tp-about-page .tp-console-main { grid-template-columns: 1fr; }\n      #tp-about-page .tp-console-feed { min-height: auto; }\n      #tp-about-page .tp-audience-card,\n      #tp-about-page .tp-cap-card,\n      #tp-about-page .tp-step { min-height: auto; }\n      #tp-about-page .tp-founder-grid { gap: 50px; }\n      #tp-about-page .tp-founder-image { max-height: 520px; }\n      #tp-about-page .tp-founder-quote { font-size: 25px; }\n      #tp-about-page .tp-region { grid-template-columns: 1fr; gap: 5px; }\n      #tp-about-page .tp-cta-section { padding-bottom: 68px; }\n      #tp-about-page .tp-cta { padding: 42px 26px; border-radius: 18px; }\n      #tp-about-page .tp-cta-actions { display: grid; width: 100%; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #tp-about-page .tp-reveal { opacity: 1; transform: none; transition: none; }\n      #tp-about-page .tp-btn { transition: none; }\n    }\n  <\/style>\n  \n  <section class=\"tp-hero\" aria-labelledby=\"tp-about-title\">\n    <div class=\"tp-shell tp-hero-grid\">\n      <div class=\"tp-hero-copy tp-reveal\">\n        <span class=\"tp-kicker\">Tentang TrendPower<\/span>\n        <div class=\"tp-hero-promise\"><i aria-hidden=\"true\"><\/i>Untuk operator, produsen, dan bisnis energi.<\/div>\n        <h1 id=\"tp-about-title\">Penagihan itu rumit. Mengembangkan bisnis Anda <span>Seharusnya tidak.<\/span><\/h1>\n        <p>Setiap pengisi daya baru menambah lebih banyak perangkat, pembayaran, pengguna, pesanan kerja, dan persyaratan lokal. Anda tidak perlu mengelola kompleksitas itu sendirian. TrendPower menghadirkan perangkat lunak, pengalaman integrasi, dan sumber daya manusia untuk membantu Anda beralih dari ide ke bisnis pengisian daya yang andal dan dapat diskalakan.<\/p>\n        <div class=\"tp-actions\">\n          <a class=\"tp-btn tp-btn-primary\" href=\"https:\/\/trendpowercharge.com\/id\/contact\/\">\n            Ceritakan kepada Kami Apa yang Sedang Anda Bangun\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n          <a class=\"tp-btn tp-btn-secondary\" href=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/09\/TRENDPOWER-EV-CHARGING-SOLUTION.pdf\" target=\"_blank\" rel=\"noopener\">\n            Jelajahi Kemampuan Kami\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M12 3v12m0 0 5-5m-5 5-5-5M5 21h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"tp-hero-media tp-reveal\">\n        <div class=\"tp-hero-image\">\n          <img fetchpriority=\"high\" src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/03\/TrendPower-scaled.webp\" width=\"2560\" height=\"1707\" loading=\"eager\" decoding=\"async\" alt=\"Kantor pusat TrendPower dan tim perangkat lunak pengisian daya EV global.\">\n        <\/div>\n        <div class=\"tp-network-card\" aria-label=\"Ilustrasi gambaran umum jaringan TrendPower\">\n          <div class=\"tp-network-card-head\"><span>Gambaran umum jaringan<\/span><span class=\"tp-live\">Terhubung<\/span><\/div>\n          <div class=\"tp-network-row\"><span>Konektivitas pengisi daya<\/span><strong>OCPP 1.6 \/ 2.0.1<\/strong><\/div>\n          <div class=\"tp-network-row\"><span>Ekosistem pembayaran<\/span><strong>Global + Lokal<\/strong><\/div>\n          <div class=\"tp-network-row\"><span>Operasi<\/span><strong>Operasi dan Pemeliharaan Jarak Jauh<\/strong><\/div>\n        <\/div>\n        <div class=\"tp-hero-badge\">\n          <strong>20+ tahun<\/strong>\n          <span>pengalaman rekayasa perangkat lunak di balik setiap solusi TrendPower.<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <div class=\"tp-proof-wrap\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-proof tp-reveal\" aria-label=\"Indikator kepercayaan TrendPower\">\n        <div class=\"tp-proof-item\"><strong>20+ Tahun<\/strong><span>Pengalaman berkelanjutan dalam pengembangan dan pengiriman produk perangkat lunak.<\/span><\/div>\n        <div class=\"tp-proof-item\"><strong>150+<\/strong><span>Proyek-proyek yang mendukung operasional bisnis nyata<\/span><\/div>\n        <div class=\"tp-proof-item\"><strong>30+ Negara<\/strong><span>Cakupan pelanggan dan proyek internasional<\/span><\/div>\n        <div class=\"tp-proof-item\"><strong>100+ Pakar<\/strong><span>Para profesional di bidang AI, IoT, perangkat lunak, dan operasional.<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <section class=\"tp-empathy\" aria-labelledby=\"tp-empathy-title\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-empathy-head tp-reveal\">\n        <div>\n          <span class=\"tp-kicker\">Kami Memahami Tekanannya<\/span>\n          <h2 class=\"tp-title-md\" id=\"tp-empathy-title\">Anda tidak sekadar menghubungkan pengisi daya. Anda melindungi setiap janji yang dibuat merek Anda.<\/h2>\n        <\/div>\n        <p class=\"tp-empathy-quote\">Pengemudi hanya melihat apakah pengisian daya berfungsi. Tim Anda melihat semua hal di baliknya\u2014kompatibilitas perangkat keras, kegagalan pembayaran, tiket layanan, penetapan harga, mitra, dan aturan pasar. Kami membangun untuk realitas tersebut.<\/p>\n      <\/div>\n\n      <div class=\"tp-pain-grid\">\n        <article class=\"tp-pain-card tp-reveal\"><span class=\"tp-pain-num\">01 \/ WAKTU<\/span><h3>\u201cKita perlu meluncurkan produk ini\u2014tetapi membangun dari awal membutuhkan waktu terlalu lama.\u201d<\/h3><p>Lokalisasi, gerbang pembayaran, protokol perangkat, dan kepatuhan dapat memperpanjang jangka waktu pengembangan bahkan sebelum pengisi daya pertama diluncurkan.<\/p><\/article>\n        <article class=\"tp-pain-card tp-reveal\"><span class=\"tp-pain-num\">02 \/ KONTROL<\/span><h3>\u201cKami tidak ingin ada platform yang menjadi penghalang antara kami dan pelanggan kami.\u201d<\/h3><p>Para operator membutuhkan kepemilikan atas merek mereka, hubungan pelanggan, data operasional, dan keputusan bisnis\u2014bukan ketergantungan lain.<\/p><\/article>\n        <article class=\"tp-pain-card tp-reveal\"><span class=\"tp-pain-num\">03 \/ FLEKSIBILITAS<\/span><h3>\u201cModel bisnis kami tidak sesuai dengan sistem kaku yang berlaku untuk semua.\u201d<\/h3><p>Harga, mitra, alur kerja, dan layanan berubah sesuai pasar. Platform perlu beradaptasi tanpa memaksa Anda untuk membangun ulang semuanya.<\/p><\/article>\n        <article class=\"tp-pain-card tp-reveal\"><span class=\"tp-pain-num\">04 \/ OPERASI<\/span><h3>\u201cKetika sesuatu gagal, kita butuh jawaban\u2014bukan lebih banyak dasbor.\u201d<\/h3><p>Pemantauan jarak jauh, diagnostik, perintah kerja, dan data operasional yang jelas membantu tim Anda bertindak sebelum masalah kecil menjadi masalah bagi pelanggan.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-intro-head tp-reveal\">\n        <div>\n          <span class=\"tp-kicker\">Siapa Kami<\/span>\n          <h2 class=\"tp-title-md\">Anda membawa ambisi. Kami membawa keahlian teknik yang mendalam untuk membantu mewujudkannya.<\/h2>\n          <p class=\"tp-lead\">TrendPower adalah anak perusahaan dari Guangzhou Trend Information Technology Co., Ltd. Dari kantor pusat kami di Tianhe National Software Industry Base, Guangzhou, dan pusat pengembangan bisnis luar negeri di Hong Kong, kami bekerja sama dengan tim di seluruh dunia untuk mengubah ide-ide pengisian daya kendaraan listrik yang kompleks menjadi sistem operasi yang praktis.<\/p>\n        <\/div>\n        <div class=\"tp-intro-note\">\n          <strong>Kita tahu bahwa demo yang sempurna tidak sama dengan operasi yang dapat diandalkan.<\/strong>\n          <span>Itulah mengapa tim kami selalu memperhatikan strategi produk, integrasi pengisi daya, pembayaran, lokalisasi, implementasi, dan dukungan jangka panjang.<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"tp-audience-grid\">\n        <article class=\"tp-audience-card tp-reveal\">\n          <div class=\"tp-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M3 21V8l6-4v17m0-11 6-3v14m0-9 6-3v12M6 11h.01M6 15h.01M12 12h.01M12 16h.01M18 14h.01M18 18h.01\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n          <h3>Produsen Pengisi Daya<\/h3>\n          <p>Percepat masuk ke pasar luar negeri dengan platform yang kompatibel dengan OCPP, pembayaran yang dilokalkan, pengalaman multibahasa, dan dukungan integrasi perangkat keras.<\/p>\n        <\/article>\n        <article class=\"tp-audience-card tp-reveal\">\n          <div class=\"tp-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M4 19V9m5 10V5m6 14v-7m5 7V3M2 21h20\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n          <h3>Operator Penagihan<\/h3>\n          <p>Bangun merek independen, miliki data pelanggan dan operasional, kelola jaringan dari jarak jauh, dan ciptakan model pendapatan yang fleksibel.<\/p>\n        <\/article>\n        <article class=\"tp-audience-card tp-reveal\">\n          <div class=\"tp-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M12 3 3 8l9 5 9-5-9-5Zm-7 9v5l7 4 7-4v-5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n          <h3>Bisnis Properti &amp; Energi<\/h3>\n          <p>Mengkoordinasikan pengisian daya, penyimpanan energi, penjualan daya, dan operasi lokasi melalui satu arsitektur energi digital yang terhubung.<\/p>\n        <\/article>\n        <article class=\"tp-audience-card tp-reveal\">\n          <div class=\"tp-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M3 16V7a2 2 0 0 1 2-2h9v11M14 9h4l3 4v3M7 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm11 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n          <h3>Jaringan Armada &amp; Mobilitas<\/h3>\n          <p>Mendukung pengisian daya armada, skenario truk tugas berat, dan pengisian daya atau penukaran sepeda listrik dengan konektivitas perangkat yang dapat diskalakan.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section tp-capabilities\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-reveal\">\n        <span class=\"tp-kicker\">Kepercayaan Teknik<\/span>\n        <h2 class=\"tp-title-md\">Berorientasi global dari segi arsitektur, terlokalisasi dari segi pasar.<\/h2>\n        <p class=\"tp-lead\">Landasan platform ini dirancang untuk mengurangi hambatan integrasi, melindungi kendali operasional, dan mendukung ekspansi di berbagai pasar, merek pengisi daya, dan model bisnis.<\/p>\n      <\/div>\n\n      <div class=\"tp-cap-grid\">\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">01 \/ PROTOKOL<\/span><h3>OCPP &amp; Interoperabilitas<\/h3><p>Dukungan untuk OCPP 1.6J \/ 2.0.1 dan OCPI membantu menghubungkan berbagai model pengisi daya, sistem, dan ekosistem roaming.<\/p><\/article>\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">02 \/ PEMBAYARAN<\/span><h3>Integrasi Pembayaran Global<\/h3><p>Hubungkan opsi utama termasuk Stripe, PayPal, Adyen, dan Apple Pay, yang disesuaikan dengan kebiasaan transaksi lokal.<\/p><\/article>\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">03 \/ LOKALISASI<\/span><h3>Pengalaman yang Siap Dipasarkan<\/h3><p>Antarmuka multibahasa, alur kerja regional, dan aturan bisnis yang dapat dikonfigurasi mendukung peluncuran lokal tanpa kehilangan kendali merek.<\/p><\/article>\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">04 \/ PENUGASAN<\/span><h3>Arsitektur Cloud yang Fleksibel<\/h3><p>Opsi cloud publik atau privat memberikan jalur praktis untuk berbagai kebutuhan data, kepemilikan, dan infrastruktur.<\/p><\/article>\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">05 \/ OPERASI<\/span><h3>Operasi dan Pemeliharaan Jarak Jauh<\/h3><p>Pemantauan, diagnostik, perbaikan jarak jauh, dan alur kerja perintah kerja membantu tim operasional menyelesaikan masalah lebih cepat.<\/p><\/article>\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">06 \/ SKALA<\/span><h3>Dirancang untuk Pertumbuhan Jaringan<\/h3><p>Arsitektur IoT yang terpisah dari perangkat keras mendukung manajemen terpusat dan perluasan dari proyek percontohan hingga jaringan perangkat besar.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section tp-ownership\">\n    <div class=\"tp-shell tp-ownership-grid\">\n      <div class=\"tp-reveal\">\n        <span class=\"tp-kicker\">Dirancang Sesuai Kebutuhan Bisnis Anda<\/span>\n        <h2 class=\"tp-title-md\">Merek Anda. Pelanggan Anda. Data operasional Anda.<\/h2>\n        <p class=\"tp-lead\">Anda telah bekerja keras untuk membangun kepercayaan pelanggan. Platform Anda seharusnya memperkuat hubungan tersebut\u2014bukan menyembunyikannya di balik merek orang lain atau model operasional yang kaku.<\/p>\n        <div class=\"tp-owner-list\">\n          <div class=\"tp-owner-item\"><b>01<\/b><div><strong>Pengalaman merek independen<\/strong><span>Aplikasi white-label, program mini, dan portal manajemen menjaga identitas Anda tetap terlihat di setiap titik kontak pelanggan.<\/span><\/div><\/div>\n          <div class=\"tp-owner-item\"><b>02<\/b><div><strong>Penetapan harga dan aturan bisnis yang fleksibel<\/strong><span>Konfigurasikan harga puncak dan non-puncak, biaya layanan, keanggotaan, tingkatan mitra, dan promosi sesuai dengan pasar Anda.<\/span><\/div><\/div>\n          <div class=\"tp-owner-item\"><b>03<\/b><div><strong>Visibilitas data yang jelas<\/strong><span>Berikan produsen, distributor, dan operator tingkat akses yang tepat sambil melindungi batasan data setiap mitra.<\/span><\/div><\/div>\n          <div class=\"tp-owner-item\"><b>04<\/b><div><strong>Kontrol operasional langsung<\/strong><span>Pantau pesanan, tagihan, pendapatan, dan aktivitas layanan tanpa menunggu laporan yang terfragmentasi dari berbagai sistem.<\/span><\/div><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tp-console tp-reveal\" aria-label=\"Dasbor pengoperasian TrendPower ilustratif\">\n        <div class=\"tp-console-top\"><span class=\"tp-console-brand\"><i aria-hidden=\"true\"><\/i>Operasi TrendPower<\/span><span class=\"tp-console-state\">Semua sistem terhubung<\/span><\/div>\n        <div class=\"tp-console-metrics\">\n          <div class=\"tp-console-metric\"><span>Manajemen perangkat<\/span><strong>OCPP<\/strong><\/div>\n          <div class=\"tp-console-metric\"><span>Status pembayaran<\/span><strong>Hidup<\/strong><\/div>\n          <div class=\"tp-console-metric\"><span>Alur kerja layanan<\/span><strong>Aktif<\/strong><\/div>\n        <\/div>\n        <div class=\"tp-console-main\">\n          <div class=\"tp-console-chart\"><span class=\"tp-console-label\">Gambaran umum aktivitas pengisian daya<\/span><div class=\"tp-bars\" aria-hidden=\"true\"><i style=\"height:40%\"><\/i><i style=\"height:58%\"><\/i><i style=\"height:48%\"><\/i><i style=\"height:72%\"><\/i><i style=\"height:63%\"><\/i><i style=\"height:86%\"><\/i><i style=\"height:76%\"><\/i><i style=\"height:94%\"><\/i><\/div><\/div>\n          <div class=\"tp-console-feed\"><span class=\"tp-console-label\">Operasi langsung<\/span><div class=\"tp-feed-row\"><i><\/i><span>Pembayaran dikonfirmasi<\/span><em>Sekarang<\/em><\/div><div class=\"tp-feed-row\"><i><\/i><span>Pengisi daya online<\/span><em>2 meter<\/em><\/div><div class=\"tp-feed-row\"><i><\/i><span>Pesanan kerja ditutup<\/span><em>8 meter<\/em><\/div><div class=\"tp-feed-row\"><i><\/i><span>Tarif diperbarui<\/span><em>14 meter<\/em><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section tp-ecosystem\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-reveal\">\n        <span class=\"tp-kicker\">Satu Ekosistem Energi Digital yang Terhubung<\/span>\n        <h2 class=\"tp-title-md\">Delapan sistem bisnis. Satu tim yang memahami bagaimana semuanya saling terkait.<\/h2>\n        <p class=\"tp-lead\">Bisnis pengisian daya jarang hanya membutuhkan satu fitur terisolasi. TrendPower menghubungkan pengalaman pelanggan, jaringan pengisi daya, aset energi, mitra, dan tim layanan di seluruh siklus operasional.<\/p>\n      <\/div>\n\n      <div class=\"tp-eco-grid\">\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 19V5h16v14H4Zm4-4h2m2 0h4M8 9h8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div><h3>Manajemen Operasi Pengisi Daya EV<\/h3><p>Kelola stasiun pengisian daya, pengguna, pesanan, harga, dan data operasional melalui platform dengan merek independen.<\/p><span class=\"tp-eco-tag\">CPMS \u00b7 APP \u00b7 H5 \u00b7 PC<\/span><\/article>\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 4h14v16H5V4Zm3 4h8M8 12h5M8 16h3\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div><h3>Pesanan Kerja Purna Jual<\/h3><p>Buat, tetapkan, setujui, dan lacak perintah kerja dengan dukungan visualisasi kemajuan dan inventaris.<\/p><\/article>\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 3v6m8-6v6M6 9h12v11H6V9Zm4 4h4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div><h3>Manajemen Penyimpanan Energi<\/h3><p>Mengkoordinasikan alokasi penyimpanan, pengisian daya cerdas, dan penjadwalan energi untuk lokasi terintegrasi.<\/p><\/article>\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3a9 9 0 1 0 9 9M12 7v5l3 2M17 3h4v4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><h3>Operasi &amp; Pemeliharaan Jarak Jauh<\/h3><p>Satukan pemantauan, diagnosis kerusakan, perbaikan jarak jauh, dan alur kerja layanan ke dalam satu pusat komando O&amp;M yang cerdas.<\/p><span class=\"tp-eco-tag\">Pantau \u00b7 Diagnosa \u00b7 Selesaikan<\/span><\/article>\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 16V7h11v9m0-6h4l3 4v2M7 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm11 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><h3>Pengisian Daya Armada Tugas Berat<\/h3><p>Mendukung jadwal armada yang kompleks, peralatan multi-standar, dan penggunaan energi yang terkoordinasi.<\/p><\/article>\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 6h8v12H8V6Zm2-3h4v3m-4 12v3m7-11 3 2-3 2M7 10l-3 2 3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><h3>Pengisian Daya dan Penggantian Baterai Sepeda Listrik<\/h3><p>Hubungkan pengisian daya, penggantian baterai, berbagi, dan penyewaan dalam satu solusi mobilitas mikro.<\/p><\/article>\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3v18M3 12h18M6 6l12 12M18 6 6 18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div><h3>Layanan Ekosistem Pengisian Daya<\/h3><p>Hubungkan ritel, layanan kendaraan, dan program kemitraan untuk memperluas nilai di luar sesi pengisian daya.<\/p><\/article>\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm0-5v2m0 14v2M3 12h2m14 0h2M5.6 5.6 7 7m10 10 1.4 1.4M18.4 5.6 17 7M7 17l-1.4 1.4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div><h3>Platform Menengah IoT<\/h3><p>Menyediakan konektivitas perangkat yang aman dan terpusat melalui arsitektur yang dirancang untuk akses skala besar.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section tp-video-section\" aria-labelledby=\"tp-video-title\">\n    <div class=\"tp-shell tp-video-grid\">\n      <div class=\"tp-video-frame tp-reveal\">\n        <iframe\n          src=\"https:\/\/www.youtube-nocookie.com\/embed\/JLk9eNUuWIY?rel=0&amp;playsinline=1\"\n          title=\"Pengenalan perusahaan TrendPower: Perangkat lunak dan operasi pengisian daya kendaraan listrik\"\n          loading=\"lazy\"\n          referrerpolicy=\"strict-origin-when-cross-origin\"\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n          allowfullscreen><\/iframe>\n      <\/div>\n\n      <div class=\"tp-video-copy tp-reveal\">\n        <span class=\"tp-kicker\">Lihat TrendPower dalam 2 Menit<\/span>\n        <h2 class=\"tp-title-md\" id=\"tp-video-title\">Mulai dari menghubungkan pengisi daya hingga pengoperasian sehari-hari.<\/h2>\n        <p class=\"tp-lead\">Lihat bagaimana TrendPower menyatukan perangkat lunak, konektivitas perangkat keras, pembayaran, dan alur kerja operasional dalam satu ekosistem solusi.<\/p>\n        <ul class=\"tp-detail-list\">\n          <li><span class=\"tp-check\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"m6 12 4 4 8-8\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span>Manajemen titik pengisian daya di berbagai skenario, termasuk rumah, komersial, dan armada.<\/span><\/li>\n          <li><span class=\"tp-check\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"m6 12 4 4 8-8\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span>Aplikasi white-label dan pengalaman pembayaran yang dilokalisasi<\/span><\/li>\n          <li><span class=\"tp-check\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"m6 12 4 4 8-8\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span>Pemantauan jarak jauh, pemeliharaan, dan dukungan teknis jangka panjang.<\/span><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section tp-section-soft\">\n    <div class=\"tp-shell tp-founder-grid\">\n      <div class=\"tp-founder-image tp-reveal\">\n        <img loading=\"lazy\" src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/Professional-portrait-of-Mr.-Wang-Founder-of-TrendPower-2.webp\" width=\"900\" height=\"1125\" decoding=\"async\" alt=\"Bapak Wang, Pendiri TrendPower\">\n      <\/div>\n      <div class=\"tp-reveal\">\n        <span class=\"tp-kicker\">Pesan Pendiri<\/span>\n        <div class=\"tp-quote-mark\" aria-hidden=\"true\">\u201c<\/div>\n        <p class=\"tp-founder-quote\">Kami mengubah arsitektur digital yang kompleks menjadi pengalaman pengisian daya yang andal, terukur, dan mudah dioperasikan.<\/p>\n        <p class=\"tp-founder-body\">Selama lebih dari dua dekade, misi kami tetap konsisten: membuat teknologi berfungsi di lingkungan bisnis nyata. Seiring percepatan elektrifikasi transportasi global, TrendPower menggabungkan AI, komputasi awan, dan pengalaman operasional untuk membantu bisnis pengisian daya berkembang tanpa kehilangan kendali atas merek, data, atau operasional harian mereka.<\/p>\n        <div class=\"tp-founder-name\"><strong>Tuan Wang<\/strong><span>Pendiri, TrendPower<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n<section class=\"tp-team-section\">\n  <div class=\"tp-team-head\">\n    <h2>Tim Teknis Kami<\/h2>\n    <p>Mendorong Inovasi dalam Solusi Pengisian Daya Kendaraan Listrik Global<\/p>\n  <\/div>\n\n  <div class=\"tp-team-carousel\">\n    <button class=\"tp-team-btn tp-team-prev\" type=\"button\" aria-label=\"Slide sebelumnya\">\n      <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M15 5L8 12L15 19\"><\/path>\n      <\/svg>\n    <\/button>\n\n    <div class=\"tp-team-viewport\">\n      <div class=\"tp-team-track\">\n\n        <div class=\"tp-team-slide\">\n          <div class=\"tp-team-img\">\n            <img fetchpriority=\"high\"\n              src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/TrendPower-technical-team-specializing-in-AI-IoT-and-energy-digitalization-solutions.webp\"\n              width=\"600\"\n              height=\"455\"\n              loading=\"eager\"\n              decoding=\"async\"\n              alt=\"Tim teknis TrendPower yang berspesialisasi dalam solusi AI, IoT, dan digitalisasi energi.\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">01<\/div>\n            <h3>Tim Kami<\/h3>\n            <p>Sebuah tim yang berdedikasi terdiri dari 100+ profesional, yang sangat ahli dalam &quot;AI + IoT + Digitalisasi Energi,&quot; berkomitmen untuk membangun TrendPower menjadi penyedia layanan perangkat lunak energi digital kelas dunia.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tp-team-slide\">\n          <div class=\"tp-team-img\">\n            <img loading=\"lazy\"\n              src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/On-site-business-consulting-and-one-on-one-expert-guidance.webp\"\n              width=\"600\"\n              height=\"455\"\n              decoding=\"async\"\n              alt=\"Tim operasional TrendPower menyediakan konsultasi bisnis di lokasi dan bimbingan ahli secara personal.\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">02<\/div>\n            <h3>Tim Operasi<\/h3>\n            <p>Konsultasi bisnis di lokasi dari para ahli berpengalaman. Dari ide hingga solusi siap pasar \u2014 tim operasional kami memberikan bimbingan secara personal.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tp-team-slide\">\n          <div class=\"tp-team-img\">\n            <img loading=\"lazy\"\n              src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/Experienced-RD-architects-and-IoT-specialists-developing-AI-algorithms-global-payment-integration-and-localized-solutions.webp\"\n              width=\"600\"\n              height=\"455\"\n              decoding=\"async\"\n              alt=\"Arsitek R&amp;D dan spesialis IoT TrendPower mengembangkan algoritma AI, integrasi pembayaran, dan solusi yang disesuaikan dengan kebutuhan lokal.\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">03<\/div>\n            <h3>Tim Pengembangan<\/h3>\n            <p>Dengan alokasi pendapatan tahunan lebih dari 251.000 dolar AS untuk R&amp;D, tim arsitek senior dan spesialis IoT kami berfokus pada algoritma AI, integrasi pembayaran global, dan lokalisasi \u2014 tiga pilar keunggulan kompetitif kami.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tp-team-slide\">\n          <div class=\"tp-team-img\">\n            <img loading=\"lazy\"\n              src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/Certified-technical-strength-with-over-60-software-copyrights-and-invention-patents.webp\"\n              width=\"600\"\n              height=\"455\"\n              decoding=\"async\"\n              alt=\"Sertifikasi teknis TrendPower, hak cipta perangkat lunak, dan paten penemuan\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">04<\/div>\n            <h3>Penghargaan Korporasi<\/h3>\n            <p>Telah mengumpulkan lebih dari 60 hak cipta perangkat lunak dan paten penemuan, yang disertifikasi oleh badan-badan berwenang atas kekuatan teknisnya, dengan tingkat komersialisasi 100% dari pencapaian inovatif.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tp-team-slide\">\n          <div class=\"tp-team-img\">\n            <img loading=\"lazy\"\n              src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/University-AI-research-partnerships-supporting-AI-innovation-and-real-world-application.webp\"\n              width=\"600\"\n              height=\"455\"\n              decoding=\"async\"\n              alt=\"TrendPower, kemitraan riset AI universitas yang mendukung inovasi AI di dunia nyata.\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">05<\/div>\n            <h3>Inovasi AI<\/h3>\n            <p>Bermitra dengan universitas-universitas terkemuka untuk bersama-sama mendirikan pusat dan lembaga penelitian AI, terus mendorong inovasi AI dan penerapannya di dunia nyata.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tp-team-slide\">\n          <div class=\"tp-team-img\">\n            <img loading=\"lazy\"\n              src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/Global-digital-solutions-provider-serving-clients-in-over-30-countries-and-regions.webp\"\n              width=\"600\"\n              height=\"455\"\n              decoding=\"async\"\n              alt=\"TrendPower adalah solusi digital global yang melayani klien di lebih dari 30 negara dan wilayah.\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">06<\/div>\n            <h3>Kehadiran Global<\/h3>\n            <p>Berlandaskan filosofi inti &quot;inovasi berbasis teknologi&quot; dan visi global, kami terus menghadirkan solusi digital terdepan kepada klien di lebih dari 30 negara dan wilayah di seluruh dunia.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tp-team-slide\">\n          <div class=\"tp-team-img\">\n            <img loading=\"lazy\"\n              src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/Trusted-by-thousands-of-enterprise-clients-and-globally-recognized-brands.webp\"\n              width=\"600\"\n              height=\"455\"\n              decoding=\"async\"\n              alt=\"TrendPower menjalin kemitraan dengan klien perusahaan yang bermitra dengan merek global dan menawarkan kepuasan pelanggan bintang 5.\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">07<\/div>\n            <h3>Kepercayaan Klien<\/h3>\n            <p>Dengan ribuan klien perusahaan \u2014 termasuk pemimpin industri dan merek yang diakui secara global \u2014 tingkat penyelesaian proyek kami diimbangi dengan kepuasan klien bintang 5 yang konsisten.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"tp-team-mobile-guide\">\n      <div class=\"tp-team-swipe-text\">\n        <span>Geser untuk melihat selengkapnya<\/span>\n        <span class=\"tp-team-swipe-arrows\">\u2039 \u203a<\/span>\n      <\/div>\n      <div class=\"tp-team-dots\" aria-label=\"Penomoran halaman carousel tim\"><\/div>\n    <\/div>\n\n    <button class=\"tp-team-btn tp-team-next\" type=\"button\" aria-label=\"Slide berikutnya\">\n      <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M9 5L16 12L9 19\"><\/path>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/section>\n\n<style>\n  .tp-team-section,\n  .tp-team-section * {\n    box-sizing: border-box;\n  }\n\n  .tp-team-section {\n    width: 100%;\n    overflow: hidden;\n    background: #f0f5ff;\n    padding: 72px 0 42px;\n    font-family: \"MiSans-Semibold\", \"MiSans\", \"Microsoft YaHei\", Arial, sans-serif;\n\n    --card-w: 1200px;\n    --card-half: 600px;\n    --card-h: 466px;\n    --card-mid: 233px;\n\n    --img-w: 600px;\n    --img-h: 455px;\n    --img-left: 60px;\n    --img-top: -60px;\n\n    --content-left: 720px;\n    --content-w: 430px;\n\n    --carousel-gap: 120px;\n    --top-space: 60px;\n    --arrow-outside: 72px;\n  }\n\n  .tp-team-head {\n    text-align: center;\n    padding: 0 20px;\n    margin-bottom: 40px;\n  }\n\n  .tp-team-head h2 {\n    margin: 0;\n    font-family: \"MiSans-Semibold\", \"MiSans\", \"Microsoft YaHei\", Arial, sans-serif;\n    font-size: 46px;\n    font-weight: 600;\n    line-height: 1.12;\n    letter-spacing: -0.025em;\n    color: #111;\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .tp-team-head p {\n    margin: 18px 0 0;\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1.45;\n    color: #3f3f3f;\n    letter-spacing: 0;\n    word-spacing: normal;\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .tp-team-carousel {\n    position: relative;\n    width: 100%;\n  }\n\n  .tp-team-viewport {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    padding-top: var(--top-space);\n    cursor: grab;\n    touch-action: pan-y;\n  }\n\n  .tp-team-viewport:active {\n    cursor: grabbing;\n  }\n\n  .tp-team-track {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--carousel-gap);\n    will-change: transform;\n    transform: translate3d(0, 0, 0);\n    backface-visibility: hidden;\n    transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  .tp-team-slide {\n    position: relative;\n    flex: 0 0 var(--card-w);\n    width: var(--card-w);\n    height: var(--card-h);\n    background: #fff;\n    overflow: visible;\n    transform: translateZ(0);\n    backface-visibility: hidden;\n  }\n\n  .tp-team-slide::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    width: 52%;\n    height: 54%;\n    background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(246,248,252,0.95) 100%);\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .tp-team-img {\n    position: absolute;\n    left: var(--img-left);\n    top: var(--img-top);\n    width: var(--img-w);\n    height: var(--img-h);\n    overflow: hidden;\n    background: #d8dee8;\n    z-index: 2;\n    transform: translateZ(0);\n    backface-visibility: hidden;\n  }\n\n  .tp-team-img img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    user-select: none;\n    -webkit-user-drag: none;\n    transform: translateZ(0);\n    backface-visibility: hidden;\n  }\n\n  .tp-team-text {\n    position: absolute;\n    left: var(--content-left);\n    top: 0;\n    z-index: 3;\n    width: var(--content-w);\n    height: var(--card-h);\n  }\n\n  .tp-team-num {\n    position: absolute;\n    left: 0;\n    top: -33px;\n    font-size: 80px;\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: -0.065em;\n    color: #000;\n  }\n\n  .tp-team-text h3 {\n    margin: 0;\n    padding-top: 96px;\n    font-size: 38px;\n    font-weight: 600;\n    line-height: 1.12;\n    letter-spacing: -0.025em;\n    color: #111;\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .tp-team-text p {\n    margin: 16px 0 0;\n    max-width: 430px;\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1.55;\n    color: #5b5b5b;\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .tp-team-btn {\n    position: absolute;\n    top: calc(var(--top-space) + var(--card-mid));\n    z-index: 30;\n    width: 54px;\n    height: 54px;\n    padding: 0;\n    border: 1px solid rgba(17, 17, 17, 0.18);\n    border-radius: 999px;\n    outline: none;\n    background: rgba(255, 255, 255, 0.68) !important;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    color: #111;\n    cursor: pointer;\n    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);\n    transform: translateY(-50%);\n    transition: background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;\n  }\n\n  .tp-team-btn svg {\n    display: block;\n    width: 26px;\n    height: 26px;\n    margin: 14px auto;\n  }\n\n  .tp-team-btn svg path {\n    fill: none;\n    stroke: #111;\n    stroke-width: 2.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .tp-team-btn:hover,\n  .tp-team-btn:focus {\n    background: rgba(255, 255, 255, 0.95) !important;\n    border-color: rgba(17, 17, 17, 0.34);\n    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.13);\n  }\n\n  .tp-team-prev {\n    left: 36px;\n  }\n\n  .tp-team-next {\n    right: 36px;\n  }\n\n  @supports (left: max(1px, 2px)) {\n    .tp-team-prev {\n      left: max(28px, calc(50% - var(--card-half) - var(--arrow-outside)));\n    }\n\n    .tp-team-next {\n      right: max(28px, calc(50% - var(--card-half) - var(--arrow-outside)));\n    }\n  }\n\n  .tp-team-mobile-guide {\n    display: none;\n  }\n\n  .tp-team-swipe-text {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1;\n    color: rgba(17, 17, 17, 0.58);\n    white-space: nowrap;\n  }\n\n  .tp-team-swipe-arrows {\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 1;\n    color: rgba(17, 17, 17, 0.72);\n    letter-spacing: 2px;\n  }\n\n  .tp-team-dots {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n  }\n\n  .tp-team-dot {\n    display: block;\n    width: 6px;\n    height: 6px;\n    min-width: 6px;\n    min-height: 6px;\n    padding: 0 !important;\n    border: none !important;\n    border-radius: 999px;\n    background: rgba(17, 17, 17, 0.22) !important;\n    cursor: pointer;\n    transition: width 0.25s ease, background 0.25s ease;\n    box-shadow: none !important;\n  }\n\n  .tp-team-dot.is-active {\n    width: 20px;\n    background: rgba(17, 17, 17, 0.86) !important;\n  }\n  \n  @media (max-width: 1320px) and (min-width: 1025px) {\n    .tp-team-section {\n      --card-w: 90vw;\n      --card-half: 45vw;\n      --card-h: 34.95vw;\n      --card-mid: 17.475vw;\n\n      --img-w: 45vw;\n      --img-h: 34.125vw;\n      --img-left: 4.5vw;\n      --img-top: -4.5vw;\n\n      --content-left: 53vw;\n      --content-w: 34vw;\n\n      --carousel-gap: 9vw;\n      --top-space: 4.5vw;\n      --arrow-outside: 54px;\n    }\n\n    .tp-team-head h2 {\n      font-size: 38px;\n    }\n\n    .tp-team-head p {\n      font-size: 17px;\n    }\n\n    .tp-team-num {\n      font-size: 62px;\n      top: -25px;\n    }\n\n    .tp-team-text h3 {\n      padding-top: 7vw;\n      font-size: 29px;\n      line-height: 1.12;\n    }\n\n    .tp-team-text p {\n      max-width: none;\n      font-size: 14.5px;\n      line-height: 1.45;\n    }\n\n    .tp-team-btn {\n      width: 50px;\n      height: 50px;\n    }\n\n    .tp-team-btn svg {\n      width: 24px;\n      height: 24px;\n      margin: 13px auto;\n    }\n  }\n  \n  @media (min-width: 768px) and (max-width: 1024px) {\n    .tp-team-section {\n      padding: 56px 0 54px;\n\n      --card-w: 76vw;\n      --card-half: 38vw;\n      --card-h: auto;\n      --card-mid: 0px;\n\n      --img-w: 100%;\n      --img-h: auto;\n      --img-left: 0px;\n      --img-top: 0px;\n\n      --content-left: 0px;\n      --content-w: 100%;\n\n      --carousel-gap: 24px;\n      --top-space: 0px;\n    }\n\n    .tp-team-head {\n      padding: 0 32px;\n      margin-bottom: 34px;\n    }\n\n    .tp-team-head h2 {\n      max-width: 620px;\n      margin: 0 auto;\n      font-size: 34px;\n      line-height: 1.13;\n    }\n\n    .tp-team-head p {\n      max-width: 560px;\n      margin: 14px auto 0;\n      font-size: 16px;\n      line-height: 1.45;\n    }\n\n    .tp-team-viewport {\n      padding-top: 0;\n      overflow: hidden;\n    }\n\n    .tp-team-viewport::before,\n    .tp-team-viewport::after {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      z-index: 12;\n      width: 38px;\n      pointer-events: none;\n    }\n\n    .tp-team-viewport::before {\n      left: 0;\n      background: linear-gradient(90deg, #f0f5ff 0%, rgba(240,245,255,0) 100%);\n    }\n\n    .tp-team-viewport::after {\n      right: 0;\n      background: linear-gradient(270deg, #f0f5ff 0%, rgba(240,245,255,0) 100%);\n    }\n\n    .tp-team-slide {\n      flex: 0 0 var(--card-w);\n      width: var(--card-w);\n      height: auto;\n      min-height: 0;\n      display: flex;\n      flex-direction: column;\n      background: #fff;\n      overflow: hidden;\n      box-shadow: 0 18px 38px rgba(20, 40, 70, 0.08);\n    }\n\n    .tp-team-slide::after {\n      width: 70%;\n      height: 36%;\n    }\n\n    .tp-team-img {\n      position: relative;\n      left: auto;\n      top: auto;\n      width: 100%;\n      height: auto;\n      aspect-ratio: 600 \/ 455;\n      overflow: hidden;\n    }\n\n    .tp-team-img img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .tp-team-text {\n      position: relative;\n      left: auto;\n      top: auto;\n      width: 100%;\n      height: auto;\n      min-height: 0;\n      padding: 38px 46px 44px;\n    }\n\n    .tp-team-num {\n      position: relative;\n      left: auto;\n      top: auto;\n      display: block;\n      margin: 0 0 28px;\n      font-size: 64px;\n      line-height: 0.9;\n      letter-spacing: -0.06em;\n    }\n\n    .tp-team-text h3 {\n      margin: 0 0 16px;\n      padding-top: 0;\n      font-size: 28px;\n      line-height: 1.15;\n    }\n\n    .tp-team-text p {\n      max-width: none;\n      margin: 0;\n      font-size: 15px;\n      line-height: 1.55;\n    }\n\n    .tp-team-btn {\n      display: none;\n    }\n\n    .tp-team-mobile-guide {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 16px;\n      width: 100%;\n      margin-top: 20px;\n      padding: 0 24px;\n    }\n  }\n  \n  @media (max-width: 767px) {\n    .tp-team-section {\n      padding: 42px 0 44px;\n\n      --card-w: 82vw;\n      --card-h: auto;\n      --img-w: 100%;\n      --img-h: auto;\n      --img-left: 0px;\n      --img-top: 0px;\n      --content-left: 0px;\n      --content-w: 100%;\n      --carousel-gap: 14px;\n      --top-space: 0px;\n    }\n\n    .tp-team-head {\n      max-width: 100%;\n      padding: 0 24px;\n      margin-bottom: 30px;\n      text-align: center;\n    }\n\n    .tp-team-head h2 {\n      max-width: 420px;\n      margin: 0 auto;\n      font-size: 32px;\n      line-height: 1.12;\n      letter-spacing: -0.02em;\n    }\n\n    .tp-team-head p {\n      max-width: 360px;\n      margin: 14px auto 0;\n      font-size: 15px;\n      line-height: 1.45;\n      letter-spacing: 0;\n      word-spacing: normal;\n    }\n\n    .tp-team-viewport {\n      padding-top: 0;\n      overflow: hidden;\n    }\n\n    .tp-team-viewport::before,\n    .tp-team-viewport::after {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      z-index: 12;\n      width: 28px;\n      pointer-events: none;\n    }\n\n    .tp-team-viewport::before {\n      left: 0;\n      background: linear-gradient(90deg, #f0f5ff 0%, rgba(240,245,255,0) 100%);\n    }\n\n    .tp-team-viewport::after {\n      right: 0;\n      background: linear-gradient(270deg, #f0f5ff 0%, rgba(240,245,255,0) 100%);\n    }\n\n    .tp-team-track {\n      gap: var(--carousel-gap);\n    }\n\n    .tp-team-slide {\n      flex: 0 0 var(--card-w);\n      width: var(--card-w);\n      height: auto;\n      min-height: 0;\n      display: flex;\n      flex-direction: column;\n      background: #fff;\n      overflow: hidden;\n      box-shadow: 0 16px 34px rgba(20, 40, 70, 0.08);\n    }\n\n    .tp-team-slide::after {\n      width: 72%;\n      height: 38%;\n    }\n\n    .tp-team-img {\n      position: relative;\n      left: auto;\n      top: auto;\n      width: 100%;\n      height: auto;\n      aspect-ratio: 600 \/ 455;\n      overflow: hidden;\n    }\n\n    .tp-team-img img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .tp-team-text {\n      position: relative;\n      left: auto;\n      top: auto;\n      width: 100%;\n      height: auto;\n      min-height: 0;\n      padding: 36px 30px 40px;\n    }\n\n    .tp-team-num {\n      position: relative;\n      left: auto;\n      top: auto;\n      display: block;\n      margin: 0 0 28px;\n      font-size: 58px;\n      line-height: 0.9;\n      letter-spacing: -0.06em;\n    }\n\n    .tp-team-text h3 {\n      margin: 0 0 16px;\n      padding-top: 0;\n      font-size: 25px;\n      line-height: 1.15;\n      letter-spacing: -0.02em;\n    }\n\n    .tp-team-text p {\n      max-width: none;\n      margin: 0;\n      font-size: 14.5px;\n      line-height: 1.55;\n    }\n\n    .tp-team-btn {\n      display: none;\n    }\n\n    .tp-team-mobile-guide {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 14px;\n      width: 100%;\n      margin-top: 18px;\n      padding: 0 20px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .tp-team-section {\n      padding: 38px 0 40px;\n      --card-w: 84vw;\n      --carousel-gap: 12px;\n    }\n\n    .tp-team-head {\n      padding: 0 20px;\n      margin-bottom: 26px;\n    }\n\n    .tp-team-head h2 {\n      font-size: 28px;\n      line-height: 1.14;\n    }\n\n    .tp-team-head p {\n      max-width: 320px;\n      font-size: 14.5px;\n      line-height: 1.45;\n    }\n\n    .tp-team-text {\n      padding: 32px 26px 36px;\n    }\n\n    .tp-team-num {\n      margin-bottom: 24px;\n      font-size: 52px;\n    }\n\n    .tp-team-text h3 {\n      font-size: 24px;\n      margin-bottom: 15px;\n    }\n\n    .tp-team-text p {\n      font-size: 14px;\n      line-height: 1.52;\n    }\n\n    .tp-team-mobile-guide {\n      flex-direction: column;\n      gap: 10px;\n      margin-top: 16px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .tp-team-track {\n      transition: none !important;\n    }\n  }\n<\/style>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const sections = document.querySelectorAll(\".tp-team-section\");\n\n  sections.forEach(function (section) {\n    const viewport = section.querySelector(\".tp-team-viewport\");\n    const track = section.querySelector(\".tp-team-track\");\n    const prevBtn = section.querySelector(\".tp-team-prev\");\n    const nextBtn = section.querySelector(\".tp-team-next\");\n    const dotsWrap = section.querySelector(\".tp-team-dots\");\n\n    if (!viewport || !track || track.dataset.ready === \"true\") return;\n    track.dataset.ready = \"true\";\n\n    const originalSlides = Array.from(track.children);\n    const originalCount = originalSlides.length;\n\n    if (originalCount < 2) return;\n\n    const firstClone = originalSlides[0].cloneNode(true);\n    const lastClone = originalSlides[originalCount - 1].cloneNode(true);\n\n    firstClone.classList.add(\"is-clone\");\n    lastClone.classList.add(\"is-clone\");\n    firstClone.setAttribute(\"aria-hidden\", \"true\");\n    lastClone.setAttribute(\"aria-hidden\", \"true\");\n\n    track.appendChild(firstClone);\n    track.insertBefore(lastClone, originalSlides[0]);\n\n    let slides = Array.from(track.children);\n    let currentIndex = 1;\n    let slideStep = 0;\n    let centerOffset = 0;\n    let autoplay = null;\n    let animationTimer = null;\n    let isAnimating = false;\n    let isDragging = false;\n    let startX = 0;\n    let dragX = 0;\n    let rafId = null;\n\n    const reduceMotionQuery = window.matchMedia ? window.matchMedia(\"(prefers-reduced-motion: reduce)\") : null;\n    let isReducedMotion = reduceMotionQuery ? reduceMotionQuery.matches : false;\n\n    function buildDots() {\n      if (!dotsWrap) return;\n\n      dotsWrap.innerHTML = \"\";\n\n      originalSlides.forEach(function (_, index) {\n        const dot = document.createElement(\"button\");\n        dot.type = \"button\";\n        dot.className = \"tp-team-dot\";\n        dot.setAttribute(\"aria-label\", \"Go to slide \" + (index + 1));\n\n        dot.addEventListener(\"click\", function () {\n          if (isAnimating) return;\n\n          stopAutoplay();\n          preloadNearbyImages(index + 1);\n          setTranslate(index + 1, true);\n          startAutoplay();\n        });\n\n        dotsWrap.appendChild(dot);\n      });\n\n      updateDots();\n    }\n\n    function getRealIndex() {\n      let realIndex = currentIndex - 1;\n\n      if (realIndex < 0) {\n        realIndex = originalCount - 1;\n      }\n\n      if (realIndex >= originalCount) {\n        realIndex = 0;\n      }\n\n      return realIndex;\n    }\n\n    function updateDots() {\n      if (!dotsWrap) return;\n\n      const dots = Array.from(dotsWrap.children);\n      const realIndex = getRealIndex();\n\n      dots.forEach(function (dot, index) {\n        if (index === realIndex) {\n          dot.classList.add(\"is-active\");\n          dot.setAttribute(\"aria-current\", \"true\");\n        } else {\n          dot.classList.remove(\"is-active\");\n          dot.removeAttribute(\"aria-current\");\n        }\n      });\n    }\n\n    function applyTransform(value) {\n      track.style.transform = \"translate3d(\" + value + \"px, 0, 0)\";\n    }\n\n    function requestTransform(value) {\n      if (rafId) cancelAnimationFrame(rafId);\n\n      rafId = requestAnimationFrame(function () {\n        applyTransform(value);\n        rafId = null;\n      });\n    }\n\n    function getTranslate(index, offset) {\n      return centerOffset - index * slideStep + (offset || 0);\n    }\n\n    function clearAnimationTimer() {\n      if (animationTimer) {\n        clearTimeout(animationTimer);\n        animationTimer = null;\n      }\n    }\n\n    function normalizeIndexIfNeeded() {\n      if (currentIndex >= slides.length - 1) {\n        currentIndex = 1;\n        setTranslate(currentIndex, false);\n        return true;\n      }\n\n      if (currentIndex <= 0) {\n        currentIndex = slides.length - 2;\n        setTranslate(currentIndex, false);\n        return true;\n      }\n\n      return false;\n    }\n\n    function finishTransition() {\n      clearAnimationTimer();\n\n      normalizeIndexIfNeeded();\n\n      isAnimating = false;\n      preloadNearbyImages(currentIndex);\n      updateDots();\n    }\n\n    function scheduleFinishTransition() {\n      clearAnimationTimer();\n\n      animationTimer = window.setTimeout(function () {\n        finishTransition();\n      }, 760);\n    }\n\n    function updateLayout() {\n      slides = Array.from(track.children);\n\n      if (currentIndex >= slides.length - 1) {\n        currentIndex = 1;\n      }\n\n      if (currentIndex <= 0) {\n        currentIndex = slides.length - 2;\n      }\n\n      const viewportWidth = viewport.clientWidth;\n      const slideWidth = slides[0].offsetWidth;\n      const gap = parseFloat(window.getComputedStyle(track).gap) || 0;\n\n      slideStep = slideWidth + gap;\n      centerOffset = (viewportWidth - slideWidth) \/ 2;\n\n      setTranslate(currentIndex, false);\n    }\n\n    function setTranslate(index, animate) {\n      currentIndex = index;\n\n      track.style.transition = animate && !isReducedMotion\n        ? \"transform 0.65s cubic-bezier(0.22, 1, 0.36, 1)\"\n        : \"none\";\n\n      updateDots();\n      applyTransform(getTranslate(currentIndex, 0));\n\n      if (animate && !isReducedMotion) {\n        isAnimating = true;\n        scheduleFinishTransition();\n      } else {\n        clearAnimationTimer();\n        isAnimating = false;\n\n        if (currentIndex <= 0 || currentIndex >= slides.length - 1) {\n          window.setTimeout(function () {\n            finishTransition();\n          }, 0);\n        }\n      }\n    }\n\n    function preloadNearbyImages(index) {\n      if (!slides || !slides.length) return;\n\n      const targets = [\n        slides[index],\n        slides[index + 1],\n        slides[index - 1]\n      ];\n\n      targets.forEach(function (slide) {\n        if (!slide) return;\n\n        const img = slide.querySelector(\"img\");\n        if (!img || !img.src || img.dataset.preloaded === \"true\") return;\n\n        const preload = new Image();\n        preload.src = img.currentSrc || img.src;\n        img.dataset.preloaded = \"true\";\n      });\n    }\n\n    function next() {\n      if (isAnimating) return;\n\n      preloadNearbyImages(currentIndex + 1);\n      setTranslate(currentIndex + 1, true);\n    }\n\n    function prev() {\n      if (isAnimating) return;\n\n      preloadNearbyImages(currentIndex - 1);\n      setTranslate(currentIndex - 1, true);\n    }\n\n    function startAutoplay() {\n      stopAutoplay();\n\n      if (isReducedMotion || document.hidden) return;\n\n      autoplay = window.setInterval(function () {\n        next();\n      }, 4600);\n    }\n\n    function stopAutoplay() {\n      if (autoplay) {\n        window.clearInterval(autoplay);\n        autoplay = null;\n      }\n    }\n\n    track.addEventListener(\"transitionend\", function (event) {\n      if (event.target !== track) return;\n      if (!isAnimating) return;\n\n      finishTransition();\n    });\n\n    nextBtn.addEventListener(\"click\", function () {\n      next();\n      startAutoplay();\n    });\n\n    prevBtn.addEventListener(\"click\", function () {\n      prev();\n      startAutoplay();\n    });\n\n    viewport.addEventListener(\"mouseenter\", stopAutoplay);\n    viewport.addEventListener(\"mouseleave\", startAutoplay);\n    viewport.addEventListener(\"focusin\", stopAutoplay);\n    viewport.addEventListener(\"focusout\", startAutoplay);\n\n    viewport.addEventListener(\"pointerdown\", function (event) {\n      if (isAnimating) return;\n\n      isDragging = true;\n      startX = event.clientX;\n      dragX = 0;\n      stopAutoplay();\n      track.style.transition = \"none\";\n\n      if (viewport.setPointerCapture) {\n        viewport.setPointerCapture(event.pointerId);\n      }\n    });\n\n    viewport.addEventListener(\"pointermove\", function (event) {\n      if (!isDragging) return;\n\n      dragX = event.clientX - startX;\n      requestTransform(getTranslate(currentIndex, dragX));\n    });\n\n    viewport.addEventListener(\"pointerup\", function (event) {\n      if (!isDragging) return;\n\n      isDragging = false;\n\n      if (viewport.releasePointerCapture) {\n        viewport.releasePointerCapture(event.pointerId);\n      }\n\n      if (Math.abs(dragX) > 70) {\n        dragX < 0 ? next() : prev();\n      } else {\n        setTranslate(currentIndex, true);\n      }\n\n      startAutoplay();\n    });\n\n    viewport.addEventListener(\"pointercancel\", function () {\n      if (!isDragging) return;\n\n      isDragging = false;\n      setTranslate(currentIndex, true);\n      startAutoplay();\n    });\n\n    document.addEventListener(\"visibilitychange\", function () {\n      if (document.hidden) {\n        stopAutoplay();\n      } else {\n        finishTransition();\n        updateLayout();\n        startAutoplay();\n      }\n    });\n\n    if (reduceMotionQuery && reduceMotionQuery.addEventListener) {\n      reduceMotionQuery.addEventListener(\"change\", function (event) {\n        isReducedMotion = event.matches;\n\n        if (isReducedMotion) {\n          stopAutoplay();\n          finishTransition();\n        } else {\n          startAutoplay();\n        }\n      });\n    }\n\n    if (\"ResizeObserver\" in window) {\n      const resizeObserver = new ResizeObserver(function () {\n        updateLayout();\n      });\n      resizeObserver.observe(viewport);\n    } else {\n      window.addEventListener(\"resize\", updateLayout);\n    }\n\n    window.addEventListener(\"load\", function () {\n      updateLayout();\n      preloadNearbyImages(currentIndex);\n    });\n\n    buildDots();\n    updateLayout();\n    preloadNearbyImages(currentIndex);\n    startAutoplay();\n  });\n})();\n<\/script>\n\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Organization\",\n    \"name\": \"TrendPower\",\n    \"url\": \"https:\\\/\\\/trendpowercharge.com\\\/\",\n    \"description\": \"TrendPower provides global EV charging digital solutions powered by AI, IoT, and energy digitalization.\",\n    \"knowsAbout\": [\n        \"EV charging solutions\",\n        \"AI algorithms\",\n        \"IoT systems\",\n        \"energy digitalization\",\n        \"global payment integration\",\n        \"localized charging solutions\"\n    ],\n    \"areaServed\": {\n        \"@type\": \"Place\",\n        \"name\": \"Global\"\n    },\n    \"numberOfEmployees\": {\n        \"@type\": \"QuantitativeValue\",\n        \"minValue\": 100\n    },\n    \"department\": {\n        \"@type\": \"Organization\",\n        \"name\": \"TrendPower Technical Team\",\n        \"description\": \"A dedicated technical team specializing in AI, IoT, energy digitalization, R&D, operations, global support, and digital EV charging solutions.\"\n    },\n    \"award\": [\n        \"Over 60 software copyrights and invention patents\",\n        \"Authoritative technical certifications\"\n    ]\n}<\/script>\n\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"ItemList\",\n    \"name\": \"TrendPower Technical Team Highlights\",\n    \"itemListElement\": [\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 1,\n            \"name\": \"Our Team\",\n            \"description\": \"A dedicated team of 100+ professionals specialized in AI, IoT, and energy digitalization.\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 2,\n            \"name\": \"Operations Team\",\n            \"description\": \"On-site business consulting and one-on-one expert guidance from idea to market-ready solution.\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 3,\n            \"name\": \"Development Team\",\n            \"description\": \"Senior architects and IoT specialists focused on AI algorithms, global payment integration, and localization.\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 4,\n            \"name\": \"Corporate Honors\",\n            \"description\": \"Over 60 software copyrights and invention patents with authoritative technical certifications.\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 5,\n            \"name\": \"AI Innovation\",\n            \"description\": \"University AI research partnerships supporting real-world AI innovation and application.\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 6,\n            \"name\": \"Global Presence\",\n            \"description\": \"Digital solutions delivered to clients in over 30 countries and regions worldwide.\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 7,\n            \"name\": \"Client Trust\",\n            \"description\": \"Trusted by thousands of enterprise clients and globally recognized brands with consistent 5-star satisfaction.\"\n        }\n    ]\n}<\/script>\n  \n  <section class=\"tp-section\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-journey-head tp-reveal\">\n        <div>\n          <span class=\"tp-kicker\">Perjalanan Kita<\/span>\n          <h2 class=\"tp-title-md\">Dua dekade pengalaman di balik merek energi digital yang terfokus.<\/h2>\n        <\/div>\n        <p class=\"tp-lead\">TrendPower tidak tercipta dalam semalam. Setiap tahap menambahkan kekuatan praktis dalam perangkat lunak, AI, IoT, pengiriman SaaS, dan layanan internasional.<\/p>\n      <\/div>\n\n      <div class=\"tp-timeline\">\n        <article class=\"tp-time-item tp-reveal\"><span class=\"tp-time-year\">2005<\/span><h3>Dasar perangkat lunak<\/h3><p>Kemampuan rekayasa perangkat lunak perusahaan, pengembangan produk, dan pengiriman kepada pelanggan telah dibangun.<\/p><\/article>\n        <article class=\"tp-time-item tp-reveal\"><span class=\"tp-time-year\">2018<\/span><h3>AI Terapan<\/h3><p>Kolaborasi riset antar universitas memperkuat kemampuan untuk mengubah riset AI menjadi produk komersial yang dapat digunakan.<\/p><\/article>\n        <article class=\"tp-time-item tp-reveal\"><span class=\"tp-time-year\">2023<\/span><h3>Ekspansi internasional<\/h3><p>Pusat pengembangan bisnis luar negeri di Hong Kong memperluas jangkauan layanannya ke pasar global.<\/p><\/article>\n        <article class=\"tp-time-item tp-reveal\"><span class=\"tp-time-year\">2025<\/span><h3>TrendPower diluncurkan<\/h3><p>Merek energi digital ini menyatukan perangkat lunak, AI, IoT, SaaS, dan operasi pengisian daya menjadi satu penawaran yang terfokus.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section tp-section-soft\">\n    <div class=\"tp-shell tp-global-grid\">\n      <div class=\"tp-global-map tp-reveal\">\n        <img loading=\"lazy\" src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/03\/Trendpower-Globe-Partners.webp\" width=\"2408\" height=\"918\" decoding=\"async\" alt=\"Jejak pelanggan dan mitra global TrendPower di seluruh pasar pengisian daya kendaraan listrik utama.\">\n      <\/div>\n      <div class=\"tp-reveal\">\n        <span class=\"tp-kicker\">Pengiriman Global, Penyesuaian Lokal<\/span>\n        <h2 class=\"tp-title-md\">Dirancang untuk pasar yang akan Anda masuki.<\/h2>\n        <p class=\"tp-lead\">Pengalaman proyek internasional kami membantu tim untuk mempertimbangkan pembayaran lokal, bahasa, privasi, protokol pengisi daya, dan model operasional sejak awal.<\/p>\n        <div class=\"tp-region-list\">\n          <div class=\"tp-region\"><strong>Asia Tenggara<\/strong><span>Pembayaran terlokalisasi, operasi multibahasa, dan penerapan jaringan AC\/DC.<\/span><\/div>\n          <div class=\"tp-region\"><strong>Eropa &amp; Amerika Utara<\/strong><span>Interoperabilitas OCPP\/OCPI, privasi, dan lokalisasi operator.<\/span><\/div>\n          <div class=\"tp-region\"><strong>Timur Tengah &amp; Asia Tengah<\/strong><span>Pengisian daya armada, koridor pengisian cepat, dan alur kerja operasional regional.<\/span><\/div>\n          <div class=\"tp-region\"><strong>Amerika Latin &amp; Afrika<\/strong><span>Operasi dan pemeliharaan jarak jauh, penerapan CPO yang skalabel, dan pertumbuhan jaringan yang tangguh.<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section tp-service\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-reveal\">\n        <span class=\"tp-kicker\">Orang-orang di Balik Platform<\/span>\n        <h2 class=\"tp-title-md\">Anda akan selalu tahu kepada siapa harus meminta bantuan selanjutnya.<\/h2>\n        <p class=\"tp-lead\">Perangkat lunak hanyalah sebagian dari peluncuran yang sukses. TrendPower mendukung tim Anda mulai dari percakapan persyaratan pertama hingga integrasi, peluncuran, dan operasi harian.<\/p>\n      <\/div>\n      <div class=\"tp-service-grid\">\n        <article class=\"tp-service-card tp-reveal\"><strong>01 \/ DENGARKAN<\/strong><h3>Konsultasi Kebutuhan Satu per Satu<\/h3><p>Kami mulai dengan pasar Anda, pengguna, perangkat keras, model pendapatan, dan realitas operasional\u2014bukan daftar fitur umum.<\/p><\/article>\n        <article class=\"tp-service-card tp-reveal\"><strong>02 \/ BANGUN<\/strong><h3>Pengiriman Kontrol Perangkat\u2013Cloud<\/h3><p>Produk, UI\/UX, R&amp;D, integrasi pengisi daya, konfigurasi cloud, dan alat manajemen dikoordinasikan sebagai satu sistem.<\/p><\/article>\n        <article class=\"tp-service-card tp-reveal\"><strong>03 \/ PELUNCURAN<\/strong><h3>Pelatihan &amp; Dukungan Saat Peluncuran<\/h3><p>Konsultan berpengalaman mendukung pelatihan fitur, pengujian integrasi, persiapan peluncuran, dan serah terima operasional.<\/p><\/article>\n        <article class=\"tp-service-card tp-reveal\"><strong>04 \/ TINGGAL<\/strong><h3>Keberhasilan Pelanggan &amp; Operasi &amp; Pemeliharaan<\/h3><p>Spesialis yang berdedikasi menyediakan diagnostik, penyelesaian masalah, panduan data, dan dukungan pasca-peluncuran seiring pertumbuhan jaringan Anda.<\/p><\/article>\n      <\/div>\n      <div class=\"tp-service-note tp-reveal\"><b>Layanan respons cepat 7 \u00d7 12:<\/b> Dukungan operasional dan pemeliharaan sepanjang tahun yang dirancang untuk menjaga komunikasi tetap jelas dan layanan pelanggan selalu tersedia saat tim Anda membutuhkan bantuan.<\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-cta-section\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-cta tp-reveal\">\n        <div class=\"tp-cta-copy\">\n          <h2>Di mana pun Anda memulai, mari kita perjelas langkah selanjutnya.<\/h2>\n          <p>Baik Anda sedang memvalidasi proyek pertama, membawa perangkat keras pengisi daya ke luar negeri, atau mengganti platform yang sudah tidak sesuai, beri tahu kami apa yang ingin Anda capai. Kami akan mendengarkan terlebih dahulu, kemudian merekomendasikan solusi praktis.<\/p>\n        <\/div>\n        <div class=\"tp-cta-actions\">\n          <a class=\"tp-btn tp-btn-primary\" href=\"https:\/\/trendpowercharge.com\/id\/contact\/\">Bagikan Proyek Anda kepada Kami<\/a>\n          <a class=\"tp-btn tp-btn-secondary\" href=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/09\/TRENDPOWER-EV-CHARGING-SOLUTION.pdf\" target=\"_blank\" rel=\"noopener\">Unduh Profil Perusahaan<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n  (function () {\n    \"use strict\";\n    var root = document.getElementById(\"tp-about-page\");\n    if (!root || root.dataset.revealReady === \"true\") return;\n    root.dataset.revealReady = \"true\";\n\n    var items = root.querySelectorAll(\".tp-reveal\");\n    if (!(\"IntersectionObserver\" in window) || window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\n      items.forEach(function (item) { item.classList.add(\"is-visible\"); });\n      return;\n    }\n\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"is-visible\");\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: \"0px 0px -40px 0px\" });\n\n    items.forEach(function (item) { observer.observe(item); });\n  })();\n  <\/script>\n\n  <style>\n    #tp-about-page .tp-btn,\n    #tp-about-page .tp-pain-card,\n    #tp-about-page .tp-audience-card,\n    #tp-about-page .tp-service-card { transition-duration: .24s; }\n    #tp-about-page :is(a, button):focus-visible { outline: 3px solid var(--tp-blue); outline-offset: 4px; }\n    #tp-about-page .tp-team-section { background: linear-gradient(180deg, #f2f7fe, #eaf2fc); font-family: Inter, Roboto, \"Helvetica Neue\", Arial, sans-serif; }\n    #tp-about-page .tp-team-head h2 { color: var(--tp-navy); font-family: inherit; font-size: clamp(34px, 3.2vw, 50px); font-weight: 760; letter-spacing: -.04em; }\n    #tp-about-page .tp-team-head p { color: var(--tp-body); line-height: 1.6; }\n    #tp-about-page .tp-team-slide { border-radius: 20px; box-shadow: 0 18px 50px rgba(18, 52, 103, .12); }\n    #tp-about-page .tp-video-copy .tp-lead { font-size: 17px; }\n    @media (max-width: 900px) { #tp-about-page .tp-video-grid { gap: 34px; } }\n    @media (max-width: 620px) {\n      #tp-about-page .tp-video-frame { border-radius: 16px; }\n    }\n  <\/style>\n\n<\/main>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>About TrendPower For operators, manufacturers and energy businesses Charging is complex. Growing your business shouldn\u2019t be. Every new charger adds [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1088","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trendpowercharge.com\/id\/wp-json\/wp\/v2\/pages\/1088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trendpowercharge.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trendpowercharge.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trendpowercharge.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trendpowercharge.com\/id\/wp-json\/wp\/v2\/comments?post=1088"}],"version-history":[{"count":137,"href":"https:\/\/trendpowercharge.com\/id\/wp-json\/wp\/v2\/pages\/1088\/revisions"}],"predecessor-version":[{"id":6120,"href":"https:\/\/trendpowercharge.com\/id\/wp-json\/wp\/v2\/pages\/1088\/revisions\/6120"}],"wp:attachment":[{"href":"https:\/\/trendpowercharge.com\/id\/wp-json\/wp\/v2\/media?parent=1088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}