{"id":26,"date":"2023-08-29T09:18:19","date_gmt":"2023-08-29T09:18:19","guid":{"rendered":"https:\/\/flashklik.com\/?page_id=26"},"modified":"2026-07-16T03:28:38","modified_gmt":"2026-07-16T03:28:38","slug":"home","status":"publish","type":"page","link":"https:\/\/flashklik.com\/id\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26\" class=\"elementor elementor-26\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d37612 e-flex e-con-boxed e-con e-parent\" data-id=\"5d37612\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ab17aa fk-solve-heading elementor-widget elementor-widget-html\" data-id=\"9ab17aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"fk-solve-heading-html\">\r\n  <p>SOLVE WITH FLASHKLIK<\/p>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d23009 elementor-headline--style-highlight elementor-widget elementor-widget-animated-headline\" data-id=\"7d23009\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;highlighted_text&quot;:&quot;Efficiency&quot;,&quot;highlight_animation_duration&quot;:1000,&quot;highlight_iteration_delay&quot;:3000,&quot;headline_style&quot;:&quot;highlight&quot;,&quot;marker&quot;:&quot;circle&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"animated-headline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3 class=\"elementor-headline\">\n\t\t\t\t\t<span class=\"elementor-headline-plain-text elementor-headline-text-wrapper\">Built for Business Made for <\/span>\n\t\t\t\t<span class=\"elementor-headline-dynamic-wrapper elementor-headline-text-wrapper\">\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text elementor-headline-text-active\">Efficiency<\/span>\n\t\t\t\t<\/span>\n\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f95975 elementor-widget elementor-widget-text-editor\" data-id=\"5f95975\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Helps business and organizations, boost productivity, and work smarter every day<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e63446 e-con-full e-flex e-con e-child\" data-id=\"5e63446\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5077ba3 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"5077ba3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f495b43 elementor-widget elementor-widget-button\" data-id=\"f495b43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact Us<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a7214a elementor-widget elementor-widget-html\" data-id=\"1a7214a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"fk-stat-counter\" data-target=\"30\" data-suffix=\"+\">\r\n  <div class=\"fk-random-number\">0+<\/div>\r\n  <div class=\"fk-counter-label\">Users downloaded<\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .fk-stat-counter {\r\n    text-align: center;\r\n    color: #ffffff;\r\n    font-family: 'Roboto Condensed', sans-serif;\r\n  }\r\n\r\n  .fk-random-number {\r\n    font-size: 48px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    color: #ffffff;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .fk-counter-label {\r\n    margin-top: 12px;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: rgba(255, 255, 255, 0.85);\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .fk-random-number {\r\n      font-size: 38px;\r\n    }\r\n\r\n    .fk-counter-label {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const counters = document.querySelectorAll(\".fk-stat-counter\");\r\n\r\n    const runRandomCounter = (counter) => {\r\n      if (counter.classList.contains(\"is-counted\")) return;\r\n\r\n      counter.classList.add(\"is-counted\");\r\n\r\n      const numberEl = counter.querySelector(\".fk-random-number\");\r\n      const target = parseInt(counter.getAttribute(\"data-target\"), 10);\r\n      const suffix = counter.getAttribute(\"data-suffix\") || \"\";\r\n\r\n      let duration = 1800;\r\n      let intervalSpeed = 45;\r\n      let elapsed = 0;\r\n\r\n      const randomInterval = setInterval(() => {\r\n        elapsed += intervalSpeed;\r\n\r\n        const randomNumber = Math.floor(Math.random() * 99) + 1;\r\n        numberEl.textContent = randomNumber + suffix;\r\n\r\n        if (elapsed >= duration) {\r\n          clearInterval(randomInterval);\r\n          numberEl.textContent = target + suffix;\r\n        }\r\n      }, intervalSpeed);\r\n    };\r\n\r\n    const observer = new IntersectionObserver(\r\n      (entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            runRandomCounter(entry.target);\r\n          }\r\n        });\r\n      },\r\n      {\r\n        threshold: 0.5\r\n      }\r\n    );\r\n\r\n    counters.forEach((counter) => {\r\n      observer.observe(counter);\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a52b57 elementor-widget elementor-widget-image\" data-id=\"2a52b57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"466\" height=\"486\" src=\"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/06\/Realme-10.png\" class=\"attachment-full size-full wp-image-3328\" alt=\"realme 10\" srcset=\"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/06\/Realme-10.png 466w, https:\/\/flashklik.com\/wp-content\/uploads\/2026\/06\/Realme-10-288x300.png 288w\" sizes=\"(max-width: 466px) 100vw, 466px\"  title=\"Home\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-190c4b5 e-con-full e-flex e-con e-parent\" data-id=\"190c4b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-db30207 e-con-full e-flex e-con e-child\" data-id=\"db30207\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1f2ad8 fk-solve-heading elementor-widget elementor-widget-html\" data-id=\"a1f2ad8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"fk-solve-heading-html\">\r\n  <p>OUR MISSION<\/p> \r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8913d8b elementor-widget elementor-widget-heading\" data-id=\"8913d8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Building Digital Solutions That Work for You<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ae17a1 elementor-widget elementor-widget-text-editor\" data-id=\"0ae17a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We believe technology should empower, not overwhelm. That\u2019s why Flashklik focuses on building ready-to-use tools that solve real operational challenges faced by businesses every day without the heavy costs or steep learning curves.<\/p><p>Whether you&#8217;re managing a workspace, streamlining operations, or improving visibility, Flashklik helps you do it faster, easier, and smarter.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bc7511 e-con-full e-flex e-con e-child\" data-id=\"2bc7511\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3176a8f elementor-widget elementor-widget-image\" data-id=\"3176a8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"630\" height=\"630\" src=\"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/06\/image-39.png\" class=\"attachment-full size-full wp-image-3348\" alt=\"image 39\" srcset=\"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/06\/image-39.png 630w, https:\/\/flashklik.com\/wp-content\/uploads\/2026\/06\/image-39-300x300.png 300w, https:\/\/flashklik.com\/wp-content\/uploads\/2026\/06\/image-39-150x150.png 150w\" sizes=\"(max-width: 630px) 100vw, 630px\"  title=\"Home\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-166e19e e-con-full e-flex e-con e-parent\" data-id=\"166e19e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb3d694 elementor-widget elementor-widget-html\" data-id=\"eb3d694\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"neo-scroll-section\">\r\n\r\n  <!-- CENTER WHY US -->\r\n  <div class=\"neo-intro-content active\">\r\n    <span class=\"neo-label\">Why Us<\/span>\r\n    <h2>Why Businesses Choose Flashklik.<\/h2>\r\n    <p>\r\n      Empowering businesses with smart, scalable, and purpose-driven solutions\u2014built to deliver results, not complexity.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"neo-scroll-wrapper\">\r\n\r\n    <!-- LEFT IMAGE DESKTOP -->\r\n    <div class=\"neo-image-sticky\">\r\n      <div class=\"neo-image-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/07\/tool.png\" class=\"neo-img active\" alt=\"Image 1\" title=\"Home\">\r\n        <img decoding=\"async\" src=\"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/07\/grow.png\" class=\"neo-img\" alt=\"Image 2\" title=\"Home\">\r\n        <img decoding=\"async\" src=\"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/07\/bulb.png\" class=\"neo-img\" alt=\"Image 3\" title=\"Home\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT TEXT -->\r\n    <div class=\"neo-content-list\">\r\n\r\n      <div class=\"neo-content active\" data-index=\"0\">\r\n        <div class=\"neo-mobile-visual\">\r\n          <img decoding=\"async\" src=\"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/07\/tool.png\" alt=\"Purpose-Built Tools\" title=\"Home\">\r\n        <\/div>\r\n\r\n        <span class=\"neo-label\">Purpose-Built Tools<\/span>\r\n        <h2>Solutions That Fit Your Business.<\/h2>\r\n        <p>\r\n          Tools designed around real business needs, helping teams work easier without unnecessary complexity.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"neo-content\" data-index=\"1\">\r\n        <div class=\"neo-mobile-visual\">\r\n          <img decoding=\"async\" src=\"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/07\/grow.png\" alt=\"Built to Grow\" title=\"Home\">\r\n        <\/div>\r\n\r\n        <span class=\"neo-label\">Built to Grow<\/span>\r\n        <h2>Start Small. Scale Smarter.<\/h2>\r\n        <p>\r\n          Flexible solutions that grow with your business, whether used individually or connected together.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"neo-content\" data-index=\"2\">\r\n        <div class=\"neo-mobile-visual\">\r\n          <img decoding=\"async\" src=\"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/07\/bulb.png\" alt=\"Smart Value\" title=\"Home\">\r\n        <\/div>\r\n\r\n        <span class=\"neo-label\">Smart Value<\/span>\r\n        <h2>High Impact Without High Cost.<\/h2>\r\n        <p>\r\n          Efficient digital tools built to deliver meaningful results while keeping things affordable and practical.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@700;800;900&family=Roboto+Condensed:wght@400;500;600;700;800&family=Ubuntu:wght@300;400;500;700&display=swap');\r\n\r\n.neo-scroll-section,\r\n.neo-scroll-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.neo-scroll-section {\r\n  width: 100%;\r\n  background: transparent;\r\n  padding: 80px 0;\r\n  overflow: visible;\r\n}\r\n\r\n\/* CENTER WHY US *\/\r\n.neo-intro-content {\r\n  width: min(900px, 90%);\r\n  min-height: 72vh;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  text-align: center;\r\n}\r\n\r\n.neo-intro-content .neo-label,\r\n.neo-intro-content h2,\r\n.neo-intro-content p {\r\n  opacity: 0;\r\n  transform: translateY(36px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n\r\n.neo-intro-content.active .neo-label,\r\n.neo-intro-content.active h2,\r\n.neo-intro-content.active p {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.neo-intro-content.active h2 {\r\n  transition-delay: 0.08s;\r\n}\r\n\r\n.neo-intro-content.active p {\r\n  transition-delay: 0.16s;\r\n}\r\n\r\n.neo-scroll-wrapper {\r\n  width: min(1200px, 90%);\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: flex-start;\r\n  overflow: visible;\r\n}\r\n\r\n.neo-image-sticky {\r\n  position: sticky;\r\n  top: 120px;\r\n  height: calc(100vh - 160px);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: visible;\r\n}\r\n\r\n.neo-image-box {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 560px;\r\n  border-radius: 0;\r\n  overflow: visible;\r\n  background: transparent;\r\n  box-shadow: none;\r\n}\r\n\r\n.neo-img {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  object-position: center center;\r\n  padding: 0;\r\n  opacity: 0;\r\n  transform: translateY(24px) scale(0.96);\r\n  transition: opacity 0.75s ease, transform 0.85s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.neo-img.active {\r\n  opacity: 1;\r\n  transform: translateY(0) scale(1);\r\n}\r\n\r\n.neo-mobile-visual {\r\n  display: none;\r\n}\r\n\r\n.neo-content-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.neo-content {\r\n  min-height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  opacity: 0.15;\r\n  transition: opacity 0.7s ease;\r\n}\r\n\r\n.neo-content .neo-mobile-visual,\r\n.neo-content .neo-label,\r\n.neo-content h2,\r\n.neo-content p {\r\n  opacity: 0;\r\n  transform: translateY(36px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n\r\n.neo-content.active {\r\n  opacity: 1;\r\n}\r\n\r\n.neo-content.active .neo-mobile-visual,\r\n.neo-content.active .neo-label,\r\n.neo-content.active h2,\r\n.neo-content.active p {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.neo-content.active .neo-label {\r\n  transition-delay: 0.06s;\r\n}\r\n\r\n.neo-content.active h2 {\r\n  transition-delay: 0.12s;\r\n}\r\n\r\n.neo-content.active p {\r\n  transition-delay: 0.18s;\r\n}\r\n\r\n.neo-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  width: fit-content;\r\n  font-family: 'Kanit', sans-serif !important;\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  letter-spacing: -0.8px;\r\n  text-transform: uppercase;\r\n  white-space: nowrap;\r\n  margin-bottom: 18px;\r\n\r\n  background: linear-gradient(90deg, #1EB6ED 0%, #00A2E8 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  color: transparent;\r\n\r\n  text-shadow: 0 0 16px rgba(37, 183, 232, 0.35);\r\n}\r\n\r\n.neo-content h2,\r\n.neo-intro-content h2 {\r\n  font-family: 'Roboto Condensed', sans-serif !important;\r\n  font-size: clamp(42px, 5vw, 72px);\r\n  line-height: 1;\r\n  letter-spacing: -0.05em;\r\n  color: #1d1d1f;\r\n  margin: 0 0 24px;\r\n  font-weight: 800;\r\n}\r\n\r\n.neo-content p,\r\n.neo-intro-content p {\r\n  font-family: 'Ubuntu', sans-serif !important;\r\n  font-size: 16px;\r\n  line-height: 1.45;\r\n  color: #6e6e73;\r\n  margin: 0;\r\n  max-width: 560px;\r\n  font-weight: 300;\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 768px) {\r\n  .neo-scroll-section {\r\n    padding: 50px 0 70px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .neo-intro-content {\r\n    width: min(360px, 92%);\r\n    min-height: auto;\r\n    padding: 70px 0 80px;\r\n  }\r\n\r\n  .neo-intro-content .neo-label {\r\n    justify-content: center;\r\n  }\r\n\r\n  .neo-scroll-wrapper {\r\n    width: min(360px, 92%);\r\n    display: block;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Hide sticky image di mobile supaya tidak numpuk text *\/\r\n  .neo-image-sticky {\r\n    display: none;\r\n  }\r\n\r\n  .neo-content-list {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;\r\n  }\r\n\r\n  .neo-content {\r\n    min-height: auto;\r\n    padding: 70px 0 90px;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    text-align: center;\r\n    opacity: 0.18;\r\n  }\r\n\r\n  .neo-content.active {\r\n    opacity: 1;\r\n  }\r\n\r\n  .neo-mobile-visual {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .neo-mobile-visual img {\r\n    width: min(230px, 72vw);\r\n    height: auto;\r\n    display: block;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .neo-label {\r\n    justify-content: center;\r\n    text-align: center;\r\n    font-size: 13px;\r\n    letter-spacing: -0.3px;\r\n    line-height: 1.1;\r\n    white-space: normal;\r\n    max-width: 100%;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .neo-content h2,\r\n  .neo-intro-content h2 {\r\n    font-size: clamp(34px, 10.5vw, 42px);\r\n    line-height: 0.98;\r\n    letter-spacing: -0.045em;\r\n    text-align: center;\r\n    max-width: 330px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .neo-content p,\r\n  .neo-intro-content p {\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n    max-width: 320px;\r\n    text-align: center;\r\n  }\r\n\r\n  .neo-content .neo-mobile-visual,\r\n  .neo-content .neo-label,\r\n  .neo-content h2,\r\n  .neo-content p {\r\n    transform: translateY(28px);\r\n  }\r\n\r\n  .neo-content.active .neo-mobile-visual,\r\n  .neo-content.active .neo-label,\r\n  .neo-content.active h2,\r\n  .neo-content.active p {\r\n    transform: translateY(0);\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const contents = document.querySelectorAll(\".neo-content\");\r\n  const images = document.querySelectorAll(\".neo-img\");\r\n  const intro = document.querySelector(\".neo-intro-content\");\r\n  const isMobile = window.matchMedia(\"(max-width: 768px)\").matches;\r\n\r\n  if (intro) {\r\n    const introObserver = new IntersectionObserver(\r\n      function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            intro.classList.add(\"active\");\r\n          }\r\n        });\r\n      },\r\n      {\r\n        threshold: 0.25\r\n      }\r\n    );\r\n\r\n    introObserver.observe(intro);\r\n  }\r\n\r\n  function setActive(index) {\r\n    contents.forEach(function (content) {\r\n      content.classList.remove(\"active\");\r\n    });\r\n\r\n    images.forEach(function (img) {\r\n      img.classList.remove(\"active\");\r\n    });\r\n\r\n    if (contents[index]) {\r\n      contents[index].classList.add(\"active\");\r\n    }\r\n\r\n    if (images[index]) {\r\n      images[index].classList.add(\"active\");\r\n    }\r\n  }\r\n\r\n  const observer = new IntersectionObserver(\r\n    function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          const index = Number(entry.target.getAttribute(\"data-index\"));\r\n          setActive(index);\r\n        }\r\n      });\r\n    },\r\n    {\r\n      root: null,\r\n      threshold: isMobile ? 0.32 : 0.45,\r\n      rootMargin: isMobile ? \"-18% 0px -18% 0px\" : \"-15% 0px -15% 0px\"\r\n    }\r\n  );\r\n\r\n  contents.forEach(function (content) {\r\n    observer.observe(content);\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bef39b1 e-con-full e-flex e-con e-parent\" data-id=\"bef39b1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e9877f fk-solve-heading elementor-widget elementor-widget-html\" data-id=\"4e9877f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"fk-solve-heading-html\">\r\n  <p>THE PRODUCTS<\/p>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-980a186 elementor-widget elementor-widget-html\" data-id=\"980a186\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"fk-heading-only\" id=\"fkHeadingOnly\">\r\n  <h2 class=\"fk-main-heading-only\">\r\n    <span class=\"fk-changing-word\">Smart Solutions<\/span>\r\n    <span class=\"fk-normal-word\">For Modern Businesses<\/span>\r\n  <\/h2>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Bebas+Neue&family=Chakra+Petch:wght@700;800&family=Oswald:wght@700&family=Roboto+Condensed:wght@700;800&family=Ubuntu:wght@700&display=swap');\r\n\r\n.fk-heading-only {\r\n  width: 100%;\r\n  background: #0b0b0b;\r\n  text-align: center;\r\n  color: #ffffff;\r\n  padding: 40px 20px 30px;\r\n  overflow: hidden;\r\n}\r\n\r\n.fk-main-heading-only {\r\n  margin: 0;\r\n  font-family: 'Roboto Condensed', sans-serif;\r\n  font-size: clamp(54px, 7.2vw, 112px);\r\n  font-weight: 800;\r\n  line-height: 0.98;\r\n  letter-spacing: -2px;\r\n  color: #ffffff;\r\n}\r\n\r\n.fk-main-heading-only span {\r\n  display: inline-block;\r\n}\r\n\r\n.fk-changing-word {\r\n  transition:\r\n    opacity 0.25s ease,\r\n    transform 0.25s ease,\r\n    letter-spacing 0.25s ease,\r\n    text-shadow 0.25s ease;\r\n  will-change: transform, opacity;\r\n}\r\n\r\n.fk-changing-word.is-changing {\r\n  opacity: 0.65;\r\n  transform: scale(0.96);\r\n}\r\n\r\n.fk-changing-word.is-final {\r\n  font-family: 'Roboto Condensed', sans-serif !important;\r\n  font-weight: 800 !important;\r\n  letter-spacing: -2px !important;\r\n  transform: scale(1) !important;\r\n  opacity: 1 !important;\r\n  text-shadow: none !important;\r\n}\r\n\r\n.fk-normal-word {\r\n  font-family: 'Roboto Condensed', sans-serif !important;\r\n  font-weight: 800;\r\n  letter-spacing: -2px;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .fk-heading-only {\r\n    padding: 30px 14px 20px;\r\n  }\r\n\r\n  .fk-main-heading-only {\r\n    font-size: 48px;\r\n    line-height: 1.05;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .fk-changing-word.is-final,\r\n  .fk-normal-word {\r\n    letter-spacing: -1px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  function initSmartSolutionsOnly() {\r\n    const section = document.querySelector(\"#fkHeadingOnly\");\r\n    if (!section) return;\r\n\r\n    const word = section.querySelector(\".fk-changing-word\");\r\n    if (!word) return;\r\n\r\n    const fontStyles = [\r\n      {\r\n        font: \"'Anton', sans-serif\",\r\n        letter: \"1px\",\r\n        transform: \"scale(1.03)\",\r\n        shadow: \"0 0 22px rgba(39,196,244,0.38)\"\r\n      },\r\n      {\r\n        font: \"'Bebas Neue', sans-serif\",\r\n        letter: \"3px\",\r\n        transform: \"scale(1)\",\r\n        shadow: \"0 0 16px rgba(255,255,255,0.22)\"\r\n      },\r\n      {\r\n        font: \"'Chakra Petch', sans-serif\",\r\n        letter: \"-1px\",\r\n        transform: \"scale(1.01)\",\r\n        shadow: \"0 0 20px rgba(39,196,244,0.32)\"\r\n      },\r\n      {\r\n        font: \"'Oswald', sans-serif\",\r\n        letter: \"0px\",\r\n        transform: \"scale(0.99)\",\r\n        shadow: \"0 0 14px rgba(255,255,255,0.18)\"\r\n      },\r\n      {\r\n        font: \"'Ubuntu', sans-serif\",\r\n        letter: \"-2px\",\r\n        transform: \"scale(1)\",\r\n        shadow: \"0 0 18px rgba(39,196,244,0.26)\"\r\n      }\r\n    ];\r\n\r\n    let hasPlayed = false;\r\n    let index = 0;\r\n\r\n    function changeFont() {\r\n      const style = fontStyles[index % fontStyles.length];\r\n\r\n      word.classList.add(\"is-changing\");\r\n\r\n      setTimeout(function () {\r\n        word.style.fontFamily = style.font;\r\n        word.style.letterSpacing = style.letter;\r\n        word.style.transform = style.transform;\r\n        word.style.textShadow = style.shadow;\r\n\r\n        word.classList.remove(\"is-changing\");\r\n        index++;\r\n      }, 90);\r\n    }\r\n\r\n    function playEffect() {\r\n      if (hasPlayed) return;\r\n      hasPlayed = true;\r\n\r\n      word.classList.remove(\"is-final\");\r\n\r\n      let count = 0;\r\n\r\n      const timer = setInterval(function () {\r\n        changeFont();\r\n        count++;\r\n\r\n        if (count >= 9) {\r\n          clearInterval(timer);\r\n\r\n          setTimeout(function () {\r\n            word.classList.add(\"is-final\");\r\n          }, 300);\r\n        }\r\n      }, 220);\r\n    }\r\n\r\n    const observer = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          playEffect();\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.45\r\n    });\r\n\r\n    observer.observe(section);\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initSmartSolutionsOnly);\r\n  } else {\r\n    initSmartSolutionsOnly();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad28df6 elementor-widget elementor-widget-text-editor\" data-id=\"ad28df6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Offers a range of solutions designed to streamline processes and support modern organizations.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89390b8 elementor-widget elementor-widget-html\" data-id=\"89390b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"fk-product-section\" id=\"fkProductSection\">\r\n\r\n  <div class=\"fk-slider-area\">\r\n    <button class=\"fk-nav fk-prev\" type=\"button\" aria-label=\"Previous product\">\u2039<\/button>\r\n\r\n    <div class=\"fk-slider\" id=\"fkSlider\">\r\n      <!-- Product akan otomatis muncul dari JavaScript -->\r\n    <\/div>\r\n\r\n    <button class=\"fk-nav fk-next\" type=\"button\" aria-label=\"Next product\">\u203a<\/button>\r\n  <\/div>\r\n\r\n  <div class=\"fk-trusted\">\r\n    <p>Trusted by:<\/p>\r\n\r\n    <div class=\"fk-marquee\">\r\n      <div class=\"fk-marquee-track\" id=\"fkLogoTrack\">\r\n        <!-- Logo trusted by akan otomatis muncul dari JavaScript -->\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n  .fk-product-section {\r\n    width: 100%;\r\n    background: #0b0b0b;\r\n    padding: 40px 20px 80px;\r\n    overflow: hidden;\r\n    color: #ffffff;\r\n    font-family: Ubuntu, sans-serif;\r\n  }\r\n\r\n  .fk-slider-area {\r\n    position: relative;\r\n    max-width: 1200px;\r\n    height: 640px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .fk-slider {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .fk-slide {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 330px;\r\n    transform: translate(-50%, -50%) scale(0.68);\r\n    opacity: 0;\r\n    filter: brightness(0.35);\r\n    pointer-events: none;\r\n    transition: all 0.55s ease;\r\n  }\r\n\r\n  .fk-slide.active {\r\n    width: 380px;\r\n    transform: translate(-50%, -50%) scale(1);\r\n    opacity: 1;\r\n    filter: brightness(1);\r\n    z-index: 5;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .fk-slide.prev {\r\n    transform: translate(-155%, -50%) scale(0.68);\r\n    opacity: 0.58;\r\n    filter: brightness(0.45);\r\n    z-index: 2;\r\n  }\r\n\r\n  .fk-slide.next {\r\n    transform: translate(55%, -50%) scale(0.68);\r\n    opacity: 0.58;\r\n    filter: brightness(0.45);\r\n    z-index: 2;\r\n  }\r\n\r\n  .fk-product-img-wrap {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .fk-product-img {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: auto;\r\n    max-height: 620px;\r\n    display: block;\r\n    object-fit: contain;\r\n    user-select: none;\r\n    -webkit-user-drag: none;\r\n  }\r\n\r\n  .fk-nav {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    z-index: 20;\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255,255,255,0.22);\r\n    background: rgba(255,255,255,0.10);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    color: #ffffff;\r\n    font-size: 0;\r\n    cursor: pointer;\r\n    transition: all 0.25s ease;\r\n    box-shadow: 0 12px 35px rgba(0,0,0,0.35);\r\n  }\r\n\r\n  .fk-nav::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 13px;\r\n    height: 13px;\r\n    top: 50%;\r\n    left: 50%;\r\n    border-top: 3px solid #ffffff;\r\n    border-right: 3px solid #ffffff;\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  .fk-prev::before {\r\n    transform: translate(-35%, -50%) rotate(-135deg);\r\n  }\r\n\r\n  .fk-next::before {\r\n    transform: translate(-65%, -50%) rotate(45deg);\r\n  }\r\n\r\n  .fk-nav:hover {\r\n    background: linear-gradient(135deg, #26bff2, #1076d8);\r\n    border-color: rgba(255,255,255,0.35);\r\n    transform: translateY(-50%) scale(1.08);\r\n  }\r\n\r\n  .fk-nav:hover::before {\r\n    border-color: #ffffff;\r\n  }\r\n\r\n  .fk-prev {\r\n    left: 95px;\r\n  }\r\n\r\n  .fk-next {\r\n    right: 95px;\r\n  }\r\n\r\n  .fk-trusted {\r\n    max-width: 1180px;\r\n    margin: 0px auto 0;\r\n    text-align: center;\r\n  }\r\n\r\n  .fk-trusted p {\r\n    font-size: 14px;\r\n    color: rgba(255,255,255,0.9);\r\n    margin: 0 0 26px;\r\n  }\r\n\r\n  .fk-marquee {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n    mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);\r\n    -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);\r\n  }\r\n\r\n  .fk-marquee-track {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 75px;\r\n    width: max-content;\r\n    animation: fkLogoLoop 24s linear infinite;\r\n  }\r\n\r\n  .fk-marquee:hover .fk-marquee-track {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  .fk-logo-item {\r\n    flex: 0 0 auto;\r\n    min-width: 160px;\r\n    height: 75px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .fk-logo-item img {\r\n    max-width: 160px;\r\n    max-height: 65px;\r\n    object-fit: contain;\r\n    filter: grayscale(100%);\r\n    opacity: 0.8;\r\n    transition: 0.25s ease;\r\n  }\r\n\r\n  .fk-logo-item img:hover {\r\n    filter: grayscale(0%);\r\n    opacity: 1;\r\n  }\r\n\r\n  @keyframes fkLogoLoop {\r\n    from {\r\n      transform: translateX(0);\r\n    }\r\n\r\n    to {\r\n      transform: translateX(-50%);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .fk-slider-area {\r\n      height: 590px;\r\n    }\r\n\r\n    .fk-slide.active {\r\n      width: 340px;\r\n    }\r\n\r\n    .fk-slide.prev {\r\n      transform: translate(-140%, -50%) scale(0.62);\r\n    }\r\n\r\n    .fk-slide.next {\r\n      transform: translate(40%, -50%) scale(0.62);\r\n    }\r\n\r\n    .fk-product-img {\r\n      max-height: 570px;\r\n    }\r\n\r\n    .fk-prev {\r\n      left: 35px;\r\n    }\r\n\r\n    .fk-next {\r\n      right: 35px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .fk-product-section {\r\n      padding: 30px 12px 55px;\r\n    }\r\n\r\n    .fk-slider-area {\r\n      height: 500px;\r\n    }\r\n\r\n    .fk-slide {\r\n      width: 250px;\r\n    }\r\n\r\n    .fk-slide.active {\r\n      width: 280px;\r\n      transform: translate(-50%, -50%) scale(1);\r\n    }\r\n\r\n    .fk-slide.prev,\r\n    .fk-slide.next {\r\n      opacity: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .fk-product-img {\r\n      max-height: 480px;\r\n    }\r\n\r\n    .fk-nav {\r\n      width: 42px;\r\n      height: 42px;\r\n    }\r\n\r\n    .fk-nav::before {\r\n      width: 10px;\r\n      height: 10px;\r\n      border-top-width: 2.5px;\r\n      border-right-width: 2.5px;\r\n    }\r\n\r\n    .fk-prev {\r\n      left: 8px;\r\n    }\r\n\r\n    .fk-next {\r\n      right: 8px;\r\n    }\r\n\r\n    .fk-trusted {\r\n      margin-top: 0;\r\n    }\r\n\r\n    .fk-marquee-track {\r\n      gap: 45px;\r\n      animation-duration: 20s;\r\n    }\r\n\r\n    .fk-logo-item {\r\n      min-width: 120px;\r\n    }\r\n\r\n    .fk-logo-item img {\r\n      max-width: 120px;\r\n      max-height: 52px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  function initFlashklikProductSlider() {\r\n    const section = document.querySelector(\"#fkProductSection\");\r\n    if (!section) return;\r\n\r\n    const slider = section.querySelector(\"#fkSlider\");\r\n    const logoTrack = section.querySelector(\"#fkLogoTrack\");\r\n    const prevBtn = section.querySelector(\".fk-prev\");\r\n    const nextBtn = section.querySelector(\".fk-next\");\r\n\r\n    const products = [\r\n      {\r\n        name: \"RoomFlow\",\r\n        image: \"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/06\/iPhone-17-Pro-Blue-Screen-Front-View-Mockup-5.png\",\r\n        trustedBy: [\r\n          \"https:\/\/flashklik.com\/wp-content\/uploads\/2025\/09\/kemenkes.png\",\r\n          \"https:\/\/flashklik.com\/wp-content\/uploads\/2025\/09\/rs-pon.png\",\r\n          \"https:\/\/flashklik.com\/wp-content\/uploads\/2025\/09\/swiss-belhotel.png\",\r\n          \"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/03\/tatarasa.png\"\r\n        ]\r\n      },\r\n      {\r\n        name: \"EasyPrint\",\r\n        image: \"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/06\/iPhone-17-Pro-Blue-Screen-Front-View-Mockup-4.png\",\r\n        trustedBy: [\r\n          \"https:\/\/flashklik.com\/wp-content\/uploads\/2025\/09\/kemenkes.png\",\r\n          \"https:\/\/flashklik.com\/wp-content\/uploads\/2025\/09\/rs-pon.png\",\r\n          \"https:\/\/flashklik.com\/wp-content\/uploads\/2025\/09\/swiss-belhotel.png\",\r\n          \"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/03\/tatarasa.png\"\r\n        ]\r\n      },\r\n      {\r\n        name: \"CarePro\",\r\n        image: \"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/06\/iPhone-17-Pro-Blue-Screen-Front-View-Mockup-3.png\",\r\n        trustedBy: [\r\n          \"https:\/\/flashklik.com\/wp-content\/uploads\/2025\/09\/kemenkes.png\",\r\n          \"https:\/\/flashklik.com\/wp-content\/uploads\/2025\/09\/rs-pon.png\",\r\n          \"https:\/\/flashklik.com\/wp-content\/uploads\/2025\/09\/swiss-belhotel.png\",\r\n          \"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/03\/tatarasa.png\"\r\n        ]\r\n      }\r\n    ];\r\n\r\n    let current = 1;\r\n\r\n    function renderSlides() {\r\n      slider.innerHTML = products.map(function (product, index) {\r\n        return `\r\n          <div class=\"fk-slide\" data-index=\"${index}\">\r\n            <div class=\"fk-product-img-wrap\">\r\n              <img decoding=\"async\" \r\n                class=\"fk-product-img\" \r\n                src=\"${product.image}\" \r\n                alt=\"${product.name}\"\r\n              >\r\n            <\/div>\r\n          <\/div>\r\n        `;\r\n      }).join(\"\");\r\n    }\r\n\r\n    function renderTrustedLogos() {\r\n      const activeProduct = products[current];\r\n      const logos = activeProduct.trustedBy;\r\n      const loopLogos = [...logos, ...logos, ...logos];\r\n\r\n      logoTrack.innerHTML = loopLogos.map(function (logo, index) {\r\n        return `\r\n          <div class=\"fk-logo-item\">\r\n            <img decoding=\"async\" src=\"${logo}\" alt=\"${activeProduct.name} trusted logo ${index + 1}\">\r\n          <\/div>\r\n        `;\r\n      }).join(\"\");\r\n    }\r\n\r\n    function restartLogoAnimation() {\r\n      logoTrack.style.animation = \"none\";\r\n      logoTrack.offsetHeight;\r\n      logoTrack.style.animation = \"\";\r\n    }\r\n\r\n    function updateSlider() {\r\n      const slides = section.querySelectorAll(\".fk-slide\");\r\n      const total = slides.length;\r\n\r\n      slides.forEach(function (slide) {\r\n        slide.classList.remove(\"active\", \"prev\", \"next\");\r\n      });\r\n\r\n      const prev = (current - 1 + total) % total;\r\n      const next = (current + 1) % total;\r\n\r\n      slides[current].classList.add(\"active\");\r\n      slides[prev].classList.add(\"prev\");\r\n      slides[next].classList.add(\"next\");\r\n\r\n      renderTrustedLogos();\r\n      restartLogoAnimation();\r\n    }\r\n\r\n    function goNext() {\r\n      current = (current + 1) % products.length;\r\n      updateSlider();\r\n    }\r\n\r\n    function goPrev() {\r\n      current = (current - 1 + products.length) % products.length;\r\n      updateSlider();\r\n    }\r\n\r\n    prevBtn.addEventListener(\"click\", goPrev);\r\n    nextBtn.addEventListener(\"click\", goNext);\r\n\r\n    let startX = 0;\r\n\r\n    section.addEventListener(\"touchstart\", function (e) {\r\n      startX = e.touches[0].clientX;\r\n    });\r\n\r\n    section.addEventListener(\"touchend\", function (e) {\r\n      const endX = e.changedTouches[0].clientX;\r\n      const diff = startX - endX;\r\n\r\n      if (Math.abs(diff) > 50) {\r\n        if (diff > 0) {\r\n          goNext();\r\n        } else {\r\n          goPrev();\r\n        }\r\n      }\r\n    });\r\n\r\n    renderSlides();\r\n    updateSlider();\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initFlashklikProductSlider);\r\n  } else {\r\n    initFlashklikProductSlider();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-19bb4b1 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"19bb4b1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6a6ea57\" data-id=\"6a6ea57\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-23202ad elementor-widget elementor-widget-image\" data-id=\"23202ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"938\" height=\"1354\" src=\"https:\/\/flashklik.com\/wp-content\/uploads\/2025\/07\/image-4.png\" class=\"attachment-full size-full wp-image-1633\" alt=\"Image 4\" srcset=\"https:\/\/flashklik.com\/wp-content\/uploads\/2025\/07\/image-4.png 938w, https:\/\/flashklik.com\/wp-content\/uploads\/2025\/07\/image-4-208x300.png 208w, https:\/\/flashklik.com\/wp-content\/uploads\/2025\/07\/image-4-709x1024.png 709w, https:\/\/flashklik.com\/wp-content\/uploads\/2025\/07\/image-4-768x1109.png 768w\" sizes=\"(max-width: 938px) 100vw, 938px\"  title=\"Home\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7d071a3\" data-id=\"7d071a3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-03d8d38 elementor-widget elementor-widget-image\" data-id=\"03d8d38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"775\" height=\"95\" src=\"https:\/\/flashklik.com\/wp-content\/uploads\/2025\/07\/Flashklik-Logo.png\" class=\"attachment-full size-full wp-image-1558\" alt=\"Flashklik Logo\" srcset=\"https:\/\/flashklik.com\/wp-content\/uploads\/2025\/07\/Flashklik-Logo.png 775w, https:\/\/flashklik.com\/wp-content\/uploads\/2025\/07\/Flashklik-Logo-300x37.png 300w, https:\/\/flashklik.com\/wp-content\/uploads\/2025\/07\/Flashklik-Logo-768x94.png 768w\" sizes=\"(max-width: 775px) 100vw, 775px\"  title=\"Home\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5b6219 elementor-widget elementor-widget-heading\" data-id=\"b5b6219\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">One Platform. Multiple Solutions.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c54494 elementor-widget elementor-widget-text-editor\" data-id=\"1c54494\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Whether you\u2019re running a small team or scaling your enterprise, Flashklik helps you implement the right technology to simplify, save, and succeed.<\/p><p>At Flashklik, we create practical tools that help businesses run smarter without the complexity. From workspace automation to operational control, we make digital transformation accessible and efficient.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-bde23a3 e-con-full e-flex e-con e-parent\" data-id=\"bde23a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca64a31 elementor-widget elementor-widget-html\" data-id=\"ca64a31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"fk-map-section\">\r\n  <div class=\"fk-map-container\">\r\n\r\n    <!-- TEXT -->\r\n    <div class=\"fk-map-text\">\r\n      <p class=\"fk-map-subtitle\">\r\n        Proudly developed in Indonesia, Flashklik is dedicated to helping local businesses\r\n        adopt digital solutions that are practical, efficient, and scalable.\r\n      <\/p>\r\n\r\n      <h2 class=\"fk-map-title\">\r\n        WE\u2019RE NOT JUST BUILDING TOOLS WE\u2019RE BUILDING SOLUTIONS\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <!-- IMAGE -->\r\n    <div class=\"fk-map-image-wrap\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/07\/image-51-1-scaled.png\" \r\n        class=\"fk-map-image\" \r\n        alt=\"Indonesia Map\"\r\n       title=\"Home\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto+Condensed:wght@400;500;600;700;800;900&family=Ubuntu:wght@300;400;500;700&display=swap');\r\n\r\n.fk-map-section,\r\n.fk-map-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.fk-map-section {\r\n  width: 100%;\r\n  min-height: 100vh;\r\n  background: #0b0b0b;\r\n  padding: 90px 0 120px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.fk-map-container {\r\n  width: min(1320px, 92%);\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n\/* TEXT DEFAULT *\/\r\n.fk-map-text {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.fk-map-subtitle,\r\n.fk-map-title {\r\n  opacity: 0;\r\n  transform: translateY(-40px);\r\n  transition: opacity 0.8s ease, transform 0.8s ease;\r\n}\r\n\r\n.fk-map-subtitle {\r\n  font-family: 'Ubuntu', sans-serif !important;\r\n  max-width: 850px;\r\n  margin: 0 auto 28px;\r\n  color: rgba(255, 255, 255, 0.9);\r\n  font-size: 16px;\r\n  line-height: 1.25;\r\n  font-weight: 400;\r\n}\r\n\r\n.fk-map-title {\r\n  font-family: 'Roboto Condensed', sans-serif !important;\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  color: #ffffff;\r\n  font-size: clamp(38px, 5vw, 58px);\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* IMAGE DEFAULT *\/\r\n.fk-map-image-wrap {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  opacity: 0;\r\n  transform: scale(0.92) translateY(40px);\r\n  filter: blur(10px);\r\n  transition: \r\n    opacity 1s ease,\r\n    transform 1.1s ease,\r\n    filter 1.1s ease;\r\n}\r\n\r\n.fk-map-image {\r\n  width: min(100%, 1280px);\r\n  max-width: 1280px;\r\n  height: auto;\r\n  display: block;\r\n  margin: 0 auto;\r\n  object-fit: contain;\r\n  object-position: center center;\r\n}\r\n\r\n\/* ACTIVE ANIMATION *\/\r\n\r\n\/* gambar muncul dulu *\/\r\n.fk-map-section.active .fk-map-image-wrap {\r\n  opacity: 1;\r\n  transform: scale(1) translateY(0);\r\n  filter: blur(0);\r\n  transition-delay: 0s;\r\n}\r\n\r\n\/* text muncul belakangan dari atas ke bawah *\/\r\n.fk-map-section.active .fk-map-subtitle {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition-delay: 0.55s;\r\n}\r\n\r\n.fk-map-section.active .fk-map-title {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition-delay: 0.78s;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .fk-map-section {\r\n    padding: 80px 0 100px;\r\n  }\r\n\r\n  .fk-map-text {\r\n    margin-bottom: 65px;\r\n  }\r\n\r\n  .fk-map-title {\r\n    font-size: clamp(36px, 6vw, 52px);\r\n    max-width: 860px;\r\n  }\r\n\r\n  .fk-map-image {\r\n    width: min(100%, 980px);\r\n  }\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 768px) {\r\n  .fk-map-section {\r\n    min-height: auto;\r\n    padding: 70px 0 80px;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .fk-map-container {\r\n    width: 100%;\r\n    padding: 0 18px;\r\n  }\r\n\r\n  .fk-map-text {\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  .fk-map-subtitle {\r\n    font-size: 14px;\r\n    line-height: 1.28;\r\n    max-width: 320px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .fk-map-title {\r\n    font-size: clamp(30px, 9.6vw, 38px);\r\n    line-height: 1.05;\r\n    letter-spacing: -0.03em;\r\n    max-width: 330px;\r\n  }\r\n\r\n  .fk-map-image-wrap {\r\n    width: 100%;\r\n    justify-content: center;\r\n    overflow: visible;\r\n  }\r\n\r\n  .fk-map-image {\r\n    width: min(108vw, 520px);\r\n    max-width: none;\r\n    margin: 0 auto;\r\n    object-position: center center;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n\/* Small Mobile *\/\r\n@media (max-width: 380px) {\r\n  .fk-map-container {\r\n    padding: 0 16px;\r\n  }\r\n\r\n  .fk-map-subtitle {\r\n    font-size: 13px;\r\n    max-width: 290px;\r\n  }\r\n\r\n  .fk-map-title {\r\n    font-size: clamp(28px, 9.2vw, 34px);\r\n    max-width: 300px;\r\n  }\r\n\r\n  .fk-map-image {\r\n    width: 106vw;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const mapSection = document.querySelector(\".fk-map-section\");\r\n\r\n  if (!mapSection) return;\r\n\r\n  const observer = new IntersectionObserver(\r\n    function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          mapSection.classList.add(\"active\");\r\n        }\r\n      });\r\n    },\r\n    {\r\n      threshold: 0.35\r\n    }\r\n  );\r\n\r\n  observer.observe(mapSection);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SOLVE WITH FLASHKLIK Built for Business Made for Efficiency Helps business and organizations, boost productivity, and work smarter every day Explore Contact Us 0+ Users downloaded OUR MISSION Building Digital Solutions That Work for You We believe technology should empower, not overwhelm. That\u2019s why Flashklik focuses on building ready-to-use tools that solve real operational challenges [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":568,"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":3619,"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/pages\/26\/revisions\/3619"}],"wp:attachment":[{"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}