{"version":3,"file":"static/chunks/pages/index-b3ccb7e6b20dde92.js","mappings":"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","sources":["webpack://_N_E/","webpack://_N_E/./src/modules/Business/HomeDescription.tsx","webpack://_N_E/./src/components/Icon/IconBooks.tsx","webpack://_N_E/./src/components/Icon/IconElectric.tsx","webpack://_N_E/./src/components/Icon/IconCurrency.tsx","webpack://_N_E/./src/modules/Business/HomeBenefit.tsx","webpack://_N_E/./src/modules/Business/HomeAccess.tsx","webpack://_N_E/./src/modules/Business/HomeContacts.tsx","webpack://_N_E/./src/components/Switch/index.tsx","webpack://_N_E/./src/components/Icon/IconCheckWithOuter.tsx","webpack://_N_E/./src/modules/Business/packetStore.ts","webpack://_N_E/./src/modules/Business/HomePacketCards.tsx","webpack://_N_E/./src/modules/Business/HomePackets.tsx","webpack://_N_E/./src/modules/Business/HomeInformation.tsx","webpack://_N_E/./src/modules/Business/HomeCompanies.tsx","webpack://_N_E/./src/components/PageHeader/PageHeaderPricing.tsx","webpack://_N_E/./src/modules/Business/HomeTestimony.tsx","webpack://_N_E/./src/modules/Business/VideoPopUp.tsx","webpack://_N_E/./src/modules/Business/HomeTopUpCards.tsx","webpack://_N_E/./src/modules/Business/HomeTopUp.tsx","webpack://_N_E/./src/pages/index.tsx"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/\",\n      function () {\n        return require(\"private-next-pages/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/\"])\n      });\n    }\n  ","import TranslationID from \"data/locales/id/business.json\";\nimport { ContainerDesktop } from \"components/Container\";\nimport ButtonContact from \"components/Button/ButtonContact\";\nimport ImageAutoplay from \"components/Autoplay/ImageAutoplay\";\nimport Link from \"next/link\";\nimport { usePopupStoreFormSales } from \"modules/Home/popupStore\";\nimport { DataInfo } from \"./HomeInformation\";\nimport { pushDataLayer } from \"lib/gtag\";\nimport Images from \"next/image\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { set } from \"video.js/dist/types/tech/middleware\";\nimport ReactPlayer from \"react-player\";\nimport { MediaPlayer } from \"@vidstack/react/types/vidstack\";\nimport ButtonScheduleDemo from \"components/Button/ButtonScheduleDemo\";\n\nexport const HomeDescription: React.FC = () => {\n  const headingSectionDescription = TranslationID[\"HomeDescription\"];\n  const headingTranslationButton = TranslationID[\"Button\"];\n  const { showPopupYoutube } = usePopupStoreFormSales((state) => ({\n    showPopupYoutube: state.showPopupYoutube,\n  }));\n\n  const onClickVideo = () => {\n    pushDataLayer({ event: \"cta-video\" });\n    showPopupYoutube();\n  };\n\n  const handleScroll = (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n    // first prevent the default behavior\n    e.preventDefault();\n    // get the href and remove everything before the hash (#)\n    const href = e.currentTarget.href;\n    const targetId = href.replace(/.*\\#/, \"\");\n    // get the element by id and use scrollIntoView\n    const elem = document.getElementById(targetId);\n    elem?.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"start\",\n      inline: \"start\",\n    });\n  };\n\n  const renderBusinessChip = (className, title, description) => {\n    return (\n      <div\n        className={`bg-total-pattern rounded-12 shadow-chip_total border border-white p-8 flex flex-col items-center justify-center h-fit ${className}`}\n      >\n        <div className=\"font-black text-h4 text-purple-50\">{title}</div>\n        <div className=\"font-light text-b1 2xl-max:text-b2\">{description}</div>\n      </div>\n    );\n  };\n\n  const [isDesktop, setIsDesktop] = useState(null);\n\n  const videoRef = useRef(null);\n  const containerRefDesktop = useRef(null);\n  const containerRefMobile = useRef(null);\n  const progressBarRef = useRef(null);\n\n  const [activeSection, setActiveSection] = useState(1);\n  const [isPlaying, setIsPlaying] = useState(true);\n  const [isMuted, setIsMuted] = useState(true);\n  const [isBuffering, setIsBuffering] = useState(true);\n  const [percentage, setPercentage] = useState(0);\n\n  const sections = [\n    {\n      id: 1,\n      start: 0,\n      end: 123,\n      no: \"1\",\n      title: \"Feedback Cerdas dari AI\",\n      description:\n        \"Dapatkan umpan balik khusus dari AI yang dirancang untuk membantu Anda mengasah kompetensi dan meningkatkan performa kerja.\",\n    },\n    {\n      id: 2,\n      start: 123,\n      end: 153,\n      no: \"2\",\n      title: \"Diskusi Profesional yang Terarah\",\n      description:\n        \"AI menjaga percakapan tetap fokus pada topik profesional. Jika ada pertanyaan di luar konteks pekerjaan, AI akan mengarahkan kembali ke topik yang relevan.\",\n    },\n    {\n      id: 3,\n      start: 153,\n      end: 213,\n      no: \"3\",\n      title: \"Tingkatkan Kinerja dengan AI\",\n      description:\n        \"Optimalkan performa Anda dengan wawasan AI untuk mendorong produktivitas dan hasil kerja yang maksimal.\",\n    },\n  ];\n\n  const handlePlayVideo = () => {\n    setIsPlaying(true);\n    setTimeout(() => {\n      setIsMuted(false);\n    }, 500);\n  };\n\n  const handlePauseVideo = () => {\n    setIsMuted(true);\n    setIsPlaying(false);\n  };\n\n  const handleBuffering = () => {\n    setIsBuffering(true);\n  };\n\n  const handleBufferingEnd = () => {\n    setIsBuffering(false);\n  };\n\n  const handleVideoReady = () => {\n    handleBufferingEnd();\n    handlePlayVideo();\n\n    setTimeout(() => {\n      handleBuffering();\n      handlePauseVideo();\n    }, 500);\n\n    setTimeout(() => {\n      handleBufferingEnd();\n      handlePlayVideo();\n    }, 1000);\n  };\n\n  useEffect(() => {\n    const video = videoRef.current;\n    setIsPlaying(false);\n    setIsMuted(true);\n\n    if (video) {\n      const section = sections.find((s) => s.id === activeSection);\n      if (section) {\n        video.seekTo(section.start, \"seconds\");\n        setIsPlaying(true);\n        setTimeout(() => {\n          setIsMuted(false);\n        }, 500);\n\n      }\n    }\n\n    return () => {\n      setIsPlaying(false);\n      setIsMuted(true);\n    };\n  }, [activeSection]);\n\n  const handleProgress = (state: { played: number; }) => {\n    const progress = state.played * 100;\n    setPercentage(progress);\n\n    const currentTime = state.played * sections[sections.length - 1].end;\n    sections.forEach((section) => {\n      if (currentTime >= section.start && currentTime < section.end) {\n        if (activeSection !== section.id) {\n          setActiveSection(section.id);\n        }\n      }\n    });\n  };\n\n  const observeVisibility = (ref) => {\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          setIsPlaying(true);\n          setTimeout(() => {\n            setIsMuted(false);\n          }, 500);\n        } else {\n          setIsPlaying(false);\n          setIsMuted(true);\n        }\n      },\n      { threshold: 0.1 }\n    );\n\n    if (ref.current) {\n      observer.observe(ref.current);\n    }\n\n    return () => {\n      if (ref.current) {\n        observer.unobserve(ref.current);\n      }\n    };\n  };\n\n  const player = (\n    <ReactPlayer\n      ref={videoRef}\n      url={\"https://s.gokampus.com/vid/goKampus+AI+Advisor+-+Demo.mp4\"}\n      controls={false}\n      playing={isPlaying}\n      onPause={handlePauseVideo}\n      onPlay={handlePlayVideo}\n      onBuffer={handleBuffering}\n      onBufferEnd={handleBufferingEnd}\n      onReady={handleVideoReady}\n      onProgress={handleProgress}\n      muted={isMuted}\n      // muted={true}\n      loop={true}\n      progressInterval={100}\n      playsinline={true}\n      width=\"100%\"\n      height=\"100%\"\n    />\n  );\n\n  useEffect(() => {\n    const unobserveDesktop = observeVisibility(containerRefDesktop);\n    const unobserveMobile = observeVisibility(containerRefMobile);\n\n    const resizeHandler = () => {\n      if (window.innerWidth >= 1024) {\n        setIsDesktop(true);\n      } else if (window.innerWidth < 1024) {\n        setIsDesktop(false);\n      }\n    };\n\n    resizeHandler();\n    window.addEventListener(\"resize\", resizeHandler);\n\n    return () => {\n      unobserveDesktop();\n      unobserveMobile();\n      window.removeEventListener(\"resize\", resizeHandler);\n    };\n  }, []);\n\n  return (\n    <section id=\"home-description\">\n      <ContainerDesktop className=\"pt-60\" useAuto>\n        <div className=\"grid grid-cols-1 gap-x-[42px] xl-max:grid-cols-1\">\n          <div className=\"flex flex-col gap-20 text-left items-center mb-28 md:px-200\">\n            <h1\n              dangerouslySetInnerHTML={{\n                __html: headingSectionDescription.title,\n              }}\n              className=\"font-black text-center text-h3 lg:text-h2\"\n            ></h1>\n\n            <Link\n              //@ts-ignore\n              href={\"#home-packets\"}\n              onClick={handleScroll}\n            >\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: headingSectionDescription.description,\n                }}\n                className=\"font-light text-b1 lg:text-h4 text-center\"\n              ></div>\n            </Link>\n\n            <div className=\"flex justify-start items-center md:gap-8 sm-max:flex-col sm-max:items-start hidden lg:block\">\n              <ButtonScheduleDemo className=\"!h-40\" id=\"cta-header\" />\n            </div>\n\n            <div className=\"w-full px-[4px] lg:hidden\">\n              <ButtonScheduleDemo className=\"!h-40\" id=\"cta-header\" />\n            </div>\n\n            <div className=\"flex flex-col gap-[8px] lg:flex-row lg:gap-50 justify-center items-center mt-12 mb-12\">\n              <div className=\"flex gap-[4px] lg:gap-8 justify-center items-center\">\n                <img\n                  src=\"/images/star-landing.svg\"\n                  alt=\"star\"\n                  className=\"w-[16px] h-[16px] lg:w-[20px] lg:h-[20px]\"\n                />\n                <p className=\"text-purple-50 text-b2 lg:text-b1 font-light\">\n                  Integrasi Mudah di Berbagai Platform\n                </p>\n              </div>\n\n              <div className=\"flex gap-[4px] lg:gap-8 justify-center items-center\">\n                <img\n                  src=\"/images/star-landing.svg\"\n                  alt=\"star\"\n                  className=\"w-[16px] h-[16px] lg:w-[20px] lg:h-[20px]\"\n                />\n                <p className=\"text-purple-50 text-b2 lg:text-b1 font-light\">\n                  Satu Harga untuk Jumlah Pembelajar Tanpa Batas\n                </p>\n              </div>\n            </div>\n          </div>\n\n          {isDesktop ? (\n            <div\n              ref={containerRefDesktop}\n              className=\"bg-white rounded-xl border-4 border-white p-2 hidden lg:block\"\n              style={{ boxShadow: \"-3px 11px 41px 0px #9F9F9F26\" }}\n            >\n              <div\n                style={{\n                  position: \"relative\",\n                  width: \"100%\",\n                  display: \"inline-block\",\n                }}\n              >\n                <div className=\"w-full rounded-xl overflow-hidden\">\n                  {player}\n                </div>\n\n                <div\n                  className=\"absolute top-0 left-0 w-full h-full flex justify-center items-center cursor-pointer\"\n                  onClick={() => setIsPlaying((prev) => !prev)}\n                >\n                  {isPlaying ? (\n                    isBuffering ? (\n                      <div className=\"w-44 h-44 border-4 border-purple-50 border-solid border-t-transparent rounded-full animate-spin\"></div>\n                    ) : \"\"\n                  ) : (\n                    <img src=\"/images/icon-play-grey.svg\" alt=\"play\" />\n                  )}\n                </div>\n\n                <div\n                  className=\"absolute bottom-30 w-full z-10\"\n                  style={{\n                    display: \"flex\",\n                    justifyContent: \"space-around\",\n                    marginTop: \"20px\",\n                  }}\n                >\n                  {sections.map((section) => (\n                    <div\n                      key={section.id}\n                      onClick={() => setActiveSection(section.id)}\n                      style={{\n                        padding: \"10px\",\n                        borderRadius: \"8px\",\n                        color: \"white\",\n                        width: \"30%\",\n                        textAlign: \"center\",\n                        opacity: activeSection === section.id ? 1 : 0.6,\n                        transition: \"opacity 0.5s\",\n                        background:\n                          activeSection !== section.id &&\n                          \"linear-gradient(111.61deg, rgba(255, 255, 255, 0.76) 15.17%, rgba(255, 255, 255, 0.64) 95.84%)\",\n                        backdropFilter:\n                          activeSection !== section.id && \"blur(13px)\",\n                        boxShadow:\n                          activeSection !== section.id &&\n                          \"-3px 11px 41px 0px #9F9F9F26\",\n                      }}\n                      className={`${activeSection === section.id && \"bg-purple-50\"\n                        } rounded-xl cursor-pointer`}\n                    >\n                      <div className=\"flex justify-center items-center gap-8 mb-4\">\n                        <h4\n                          className={`text-h4 font-bold ${activeSection === section.id\n                            ? \"text-white\"\n                            : \"text-neutral-80\"\n                            }`}\n\n                        >\n                          {section.title}\n                        </h4>\n                        <p\n\n                          className={`text-b2 font-medium text-black rounded-full bg-white ${activeSection === section.id\n                            ? \"w-20 h-20\"\n                            : \"w-22 h-22 border border-black\"\n                            }`}\n\n                        >\n                          {section.no}\n                        </p>\n                      </div>\n                      <p\n\n                        className={`text-b1 font-light ${activeSection === section.id\n                          ? \"text-white\"\n                          : \"text-neutral-80\"\n                          }`}\n                      >\n                        {section.description}\n                      </p>\n                    </div>\n                  ))}\n                </div>\n\n                <div className=\"bg-purple-50 rounded-tr-xl rounded-br-xl rounded-bl-xl z-20\" ref={progressBarRef}\n                  style={{\n                    position: \"absolute\",\n                    bottom: \"0\",\n                    left: \"0\",\n                    height: \"10px\",\n                    width: `${percentage}%`,\n                    transition: \"width 0.1s linear\",\n                  }}\n                ></div>\n              </div>\n            </div>\n          ) : (\n            <div ref={containerRefMobile} className=\"bg-purple-50 rounded-[12px] overflow-hidden lg:hidden\">\n              <div\n                style={{\n                  position: \"relative\",\n                  width: \"100%\",\n                  display: \"inline-block\",\n                }}\n              >\n                {player}\n\n                <div\n                  className=\"absolute top-0 left-0 w-full h-full flex justify-center items-center cursor-pointer\"\n                  onClick={() => setIsPlaying((prev) => !prev)}\n                >\n                  {isPlaying ? (\n                    isBuffering ? (\n                      <div className=\"w-44 h-44 border-4 border-purple-50 border-solid border-t-transparent rounded-full animate-spin\"></div>\n                    ) : \"\"\n                  ) : (\n                    <img src=\"/images/icon-play-grey.svg\" alt=\"play\" />\n                  )}\n                </div>\n\n                <div\n                  className=\"bg-purple-50\"\n                  ref={progressBarRef}\n                  style={{\n                    position: \"absolute\",\n                    bottom: \"0\",\n                    left: \"0\",\n                    height: \"4px\",\n\n                    width: `${percentage}%`,\n                    transition: \"width 0.1s linear\",\n                  }}\n                ></div>\n              </div>\n\n              {/* decription */}\n              <div className=\"flex flex-col items-start p-[8px] gap-[6px]\">\n                <div className=\"flex gap-[8px]\">\n                  {sections.map((section) => (\n                    <button\n                      key={section.id}\n                      onClick={() => setActiveSection(section.id)}\n                      className={`flex justify-center items-center rounded-full ${activeSection === section.id ? \"bg-white\" : \"bg-transparent\"} w-[16px] h-[16px] text-c1 font-medium ${activeSection === section.id ? \"text-black\" : \"text-white\"} border border-white`}\n                    >\n                      {section.no}\n                    </button>\n                  ))}\n                </div>\n\n                <h1 className=\"text-b1 font-black text-white\">{sections[activeSection - 1].title}</h1>\n                <p className=\"text-b2 font-light text-white\">{sections[activeSection - 1].description}</p>\n              </div>\n            </div>\n          )}\n        </div>\n      </ContainerDesktop>\n    </section>\n  );\n};\n","type Props = {\n  size?: number;\n  color?: string;\n};\n\nexport const IconBooks: React.FC<Props> = ({\n  size = 32,\n  color = \"#FFFFFF\",\n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 32 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M29.96 25.0933L28.6267 19.9467L24.4267 4.49333C24.3359 4.15245 24.1138 3.86143 23.8089 3.684C23.504 3.50657 23.1412 3.45718 22.8 3.54667L17.64 4.88C17.5169 4.74353 17.3668 4.63399 17.1993 4.55827C17.0318 4.48255 16.8505 4.44228 16.6667 4.44H3.33333C2.97971 4.44 2.64057 4.58048 2.39052 4.83052C2.14048 5.08057 2 5.41971 2 5.77333V27.1067C2 27.4603 2.14048 27.7994 2.39052 28.0495C2.64057 28.2995 2.97971 28.44 3.33333 28.44H16.6667C17.0203 28.44 17.3594 28.2995 17.6095 28.0495C17.8595 27.7994 18 27.4603 18 27.1067V16.44L20.9333 27.4C21.0115 27.6909 21.1858 27.9467 21.4279 28.1259C21.67 28.3051 21.9657 28.397 22.2667 28.3867C22.3819 28.3998 22.4981 28.3998 22.6133 28.3867L29.0533 26.6667C29.2236 26.6211 29.3831 26.5423 29.5227 26.4348C29.6623 26.3272 29.7792 26.193 29.8667 26.04C30.0073 25.745 30.0403 25.4101 29.96 25.0933ZM8.62667 25.8267H4.62667V23.16H8.62667V25.8267ZM8.62667 20.4933H4.62667V12.4933H8.62667V20.4933ZM8.62667 9.82667H4.62667V7.16H8.62667V9.82667ZM15.2933 25.8267H11.2933V23.16H15.2933V25.8267ZM15.2933 20.4933H11.2933V12.4933H15.2933V20.4933ZM15.2933 9.82667H11.2933V7.16H15.2933V9.82667ZM18.2933 7.50667L22.16 6.46667L22.8533 9.04L18.9867 10.08L18.2933 7.50667ZM21.7467 20.3867L19.68 12.6533L23.5467 11.6133L25.6133 19.3467L21.7467 20.3867ZM23.08 25.5333L22.3867 22.96L26.2533 21.92L26.9467 24.4933L23.08 25.5333Z\"\n        fill={color}\n      />\n    </svg>\n  );\n};\n","type Props = {\n  size?: number;\n  color?: string;\n};\n\nexport const IconElectric: React.FC<Props> = ({\n  size = 32,\n  color = \"#FFFFFF\",\n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 32 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M17.937 1.51643L17.9718 1.52711C18.0294 1.55111 18.0746 1.58771 18.1053 1.62838C18.1412 1.67592 18.1569 1.72784 18.1569 1.77652V1.77662V10.6655V12.1655H19.6569H26.9707H26.9713C27.0398 12.1655 27.1044 12.1839 27.1577 12.2153C27.2107 12.2465 27.2481 12.2878 27.2709 12.3303C27.2935 12.3724 27.3023 12.4164 27.2994 12.4585C27.2966 12.5005 27.282 12.5446 27.2526 12.5857C27.2524 12.5859 27.2523 12.5861 27.2522 12.5862L14.4535 30.3633L14.4523 30.365C14.4175 30.4135 14.3622 30.457 14.2894 30.4811C14.2162 30.5054 14.1356 30.5063 14.0615 30.4836C13.9877 30.4611 13.9309 30.4185 13.8946 30.3703C13.8587 30.3227 13.843 30.2708 13.843 30.2221V30.2211V21.3322V19.8322H12.343H5.02922H5.02857C4.96009 19.8322 4.89549 19.8138 4.84222 19.7824C4.78926 19.7512 4.75179 19.7099 4.72901 19.6674C4.70644 19.6253 4.69765 19.5813 4.70046 19.5392C4.70328 19.497 4.71804 19.4527 4.74771 19.4115L17.5462 1.63466C17.5811 1.58618 17.6364 1.54277 17.7092 1.51875L17.2393 0.0942602L17.7092 1.51875C17.7824 1.49461 17.863 1.49372 17.937 1.51643Z\"\n        stroke={color}\n        strokeWidth=\"3\"\n      />\n    </svg>\n  );\n};\n","type Props = {\n  size?: number;\n  color?: string;\n};\n\nexport const IconCurrency: React.FC<Props> = ({\n  size = 32,\n  color = \"#FFFFFF\",\n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 32 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M15.9999 1.33337C13.0991 1.33337 10.2635 2.19356 7.85156 3.80515C5.43964 5.41675 3.55978 7.70737 2.44969 10.3873C1.33961 13.0673 1.04916 16.0163 1.61507 18.8614C2.18099 21.7064 3.57786 24.3198 5.62903 26.3709C7.6802 28.4221 10.2935 29.819 13.1386 30.3849C15.9837 30.9508 18.9326 30.6604 21.6126 29.5503C24.2926 28.4402 26.5832 26.5603 28.1948 24.1484C29.8064 21.7365 30.6666 18.9008 30.6666 16C30.6666 12.1102 29.1214 8.37967 26.3708 5.62914C23.6203 2.87861 19.8898 1.33337 15.9999 1.33337ZM15.9999 28C13.6265 28 11.3065 27.2963 9.33308 25.9777C7.35969 24.6591 5.82162 22.785 4.91337 20.5922C4.00512 18.3995 3.76748 15.9867 4.2305 13.659C4.69352 11.3312 5.83641 9.19299 7.51464 7.51476C9.19287 5.83653 11.3311 4.69364 13.6588 4.23062C15.9866 3.76759 18.3994 4.00523 20.5921 4.91349C22.7848 5.82174 24.659 7.35981 25.9776 9.3332C27.2961 11.3066 27.9999 13.6267 27.9999 16C27.9999 19.1826 26.7356 22.2349 24.4852 24.4853C22.2348 26.7358 19.1825 28 15.9999 28Z\"\n        fill={color}\n      />\n      <path\n        d=\"M10.4466 19.7386C10.2865 19.7386 10.1518 19.684 10.0427 19.5748C9.93349 19.4656 9.8789 19.331 9.8789 19.1709V11.7802C9.8789 11.6128 9.93349 11.4782 10.0427 11.3763C10.1518 11.2671 10.2865 11.2126 10.4466 11.2126H12.4116C12.9574 11.2126 13.4414 11.329 13.8635 11.5619C14.2856 11.7875 14.6131 12.1005 14.846 12.5007C15.0862 12.901 15.2063 13.3668 15.2063 13.8981C15.2063 14.4221 15.0753 14.8842 14.8133 15.2845C14.5513 15.6775 14.1947 15.9759 13.7434 16.1797L15.4137 18.8652C15.5447 19.0763 15.5629 19.2764 15.4683 19.4656C15.3737 19.6476 15.2099 19.7386 14.977 19.7386C14.766 19.7386 14.6022 19.6476 14.4858 19.4656L12.6081 16.4526C12.5426 16.4526 12.4771 16.4526 12.4116 16.4526H11.0142V19.1709C11.0142 19.331 10.9597 19.4656 10.8505 19.5748C10.7486 19.684 10.614 19.7386 10.4466 19.7386ZM11.0142 15.4046H12.4116C12.9065 15.4046 13.3141 15.2663 13.6343 14.9898C13.9545 14.7059 14.1146 14.342 14.1146 13.8981C14.1146 13.4178 13.9545 13.0247 13.6343 12.7191C13.3141 12.4134 12.9065 12.2606 12.4116 12.2606H11.0142V15.4046Z\"\n        fill={color}\n      />\n      <path\n        d=\"M17.7699 22.2931C17.6098 22.2931 17.4752 22.2385 17.366 22.1293C17.2641 22.0275 17.2132 21.8965 17.2132 21.7363V16.7583C17.2205 16.1833 17.3551 15.6666 17.6171 15.2081C17.8791 14.7496 18.2357 14.3893 18.687 14.1273C19.1382 13.8581 19.6476 13.7234 20.2153 13.7234C20.7903 13.7234 21.3033 13.8581 21.7546 14.1273C22.2058 14.3893 22.5624 14.7496 22.8244 15.2081C23.0937 15.6666 23.2283 16.1833 23.2283 16.7583C23.2283 17.3332 23.1046 17.85 22.8572 18.3085C22.617 18.7597 22.2859 19.12 21.8637 19.3892C21.4416 19.6512 20.9649 19.7822 20.4336 19.7822C20.0042 19.7822 19.6076 19.6949 19.2437 19.5202C18.8871 19.3383 18.5814 19.0945 18.3267 18.7888V21.7363C18.3267 21.8965 18.2758 22.0275 18.1739 22.1293C18.072 22.2385 17.9373 22.2931 17.7699 22.2931ZM20.2153 18.7997C20.5865 18.7997 20.9176 18.7124 21.2087 18.5377C21.4998 18.3558 21.7291 18.112 21.8965 17.8063C22.0712 17.4933 22.1585 17.144 22.1585 16.7583C22.1585 16.3653 22.0712 16.0159 21.8965 15.7103C21.7291 15.3973 21.4998 15.1535 21.2087 14.9789C20.9176 14.7969 20.5865 14.7059 20.2153 14.7059C19.8514 14.7059 19.5203 14.7969 19.2219 14.9789C18.9308 15.1535 18.7015 15.3973 18.5341 15.7103C18.3667 16.0159 18.283 16.3653 18.283 16.7583C18.283 17.144 18.3667 17.4933 18.5341 17.8063C18.7015 18.112 18.9308 18.3558 19.2219 18.5377C19.5203 18.7124 19.8514 18.7997 20.2153 18.7997Z\"\n        fill={color}\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M15.4683 19.4656C15.3737 19.6476 15.2099 19.7386 14.977 19.7386C14.766 19.7386 14.6022 19.6476 14.4858 19.4656L12.6081 16.4526H11.0142V19.1709C11.0142 19.331 10.9597 19.4656 10.8505 19.5748C10.7486 19.684 10.614 19.7386 10.4466 19.7386C10.2865 19.7386 10.1518 19.684 10.0427 19.5748C9.93349 19.4656 9.8789 19.331 9.8789 19.1709V11.7802C9.8789 11.6128 9.93349 11.4782 10.0427 11.3763C10.1518 11.2671 10.2865 11.2126 10.4466 11.2126H12.4116C12.9574 11.2126 13.4414 11.329 13.8635 11.5619C14.2856 11.7875 14.6131 12.1005 14.846 12.5007C15.0862 12.901 15.2063 13.3668 15.2063 13.8981C15.2063 14.4221 15.0753 14.8842 14.8133 15.2845C14.6508 15.5283 14.452 15.7357 14.2166 15.9067C14.0726 16.0113 13.9148 16.1023 13.7434 16.1797L15.4137 18.8652C15.5447 19.0763 15.5629 19.2764 15.4683 19.4656ZM14.5055 16.3712L15.8774 18.5769C16.0879 18.9161 16.1521 19.319 15.9567 19.7097L15.9528 19.7175C15.861 19.8941 15.7241 20.0451 15.5398 20.1475C15.3594 20.2477 15.1642 20.2844 14.9772 20.2844C14.5748 20.2844 14.2402 20.0941 14.0262 19.7599L14.0227 19.7543L12.3053 16.9984H11.5603V19.1709C11.5603 19.4667 11.4545 19.7395 11.2432 19.9542C11.0259 20.183 10.7423 20.2844 10.4468 20.2844C10.1479 20.2844 9.87258 20.1765 9.65688 19.9608C9.44119 19.7451 9.33326 19.4698 9.33326 19.1709V11.7802C9.33326 11.4847 9.43463 11.2011 9.66346 10.9838C9.87816 10.7725 10.1509 10.6667 10.4468 10.6667H12.4118C13.0362 10.6667 13.612 10.8003 14.1242 11.0822C14.6299 11.3532 15.0313 11.7348 15.3162 12.2231C15.6127 12.7186 15.7523 13.2831 15.7523 13.8981C15.7523 14.5177 15.5959 15.0859 15.2702 15.5834L15.2677 15.5873C15.0606 15.8979 14.8052 16.1593 14.5055 16.3712ZM11.5603 14.8588H12.4118C12.7975 14.8588 13.0707 14.7543 13.275 14.5789C13.4717 14.4035 13.569 14.1912 13.569 13.8981C13.569 13.5528 13.4601 13.3072 13.2576 13.1139C13.0512 12.9169 12.7843 12.8064 12.4118 12.8064H11.5603V14.8588ZM12.4116 15.4046C12.9065 15.4046 13.3141 15.2663 13.6343 14.9898C13.9545 14.7059 14.1146 14.342 14.1146 13.8981C14.1146 13.4178 13.9545 13.0247 13.6343 12.7191C13.3141 12.4134 12.9065 12.2606 12.4116 12.2606H11.0142V15.4046H12.4116ZM16.6676 16.7514C16.6759 16.0922 16.8314 15.4833 17.1434 14.9373C17.452 14.3973 17.8761 13.9677 18.4103 13.6569C18.9521 13.3343 19.5587 13.1776 20.2155 13.1776C20.8782 13.1776 21.4887 13.3336 22.0317 13.6569C22.5649 13.9672 22.9885 14.3958 23.2969 14.9345C23.6183 15.4828 23.7744 16.0954 23.7744 16.7583C23.7744 17.4136 23.6327 18.0205 23.3385 18.5663C23.0551 19.0981 22.6601 19.5287 22.1575 19.8494L22.1518 19.853C21.6372 20.1724 21.0595 20.3281 20.4338 20.3281C19.928 20.3281 19.45 20.2246 19.0077 20.0123L19.0017 20.0094L18.9958 20.0064C18.9542 19.9852 18.9132 19.9633 18.8727 19.9406V21.7363C18.8727 22.0206 18.7781 22.2936 18.5666 22.5086C18.3493 22.7375 18.0657 22.8389 17.7701 22.8389C17.4713 22.8389 17.1959 22.731 16.9803 22.5153C16.7642 22.2992 16.6675 22.0236 16.6675 21.7363L16.6676 16.7514ZM18.1739 22.1293C18.2758 22.0275 18.3267 21.8965 18.3267 21.7363V18.7888C18.4882 18.9826 18.6703 19.1515 18.8727 19.2955C18.9896 19.3787 19.1132 19.4536 19.2437 19.5202C19.6076 19.6949 20.0042 19.7822 20.4336 19.7822C20.9649 19.7822 21.4416 19.6512 21.8637 19.3892C22.2859 19.12 22.617 18.7597 22.8572 18.3085C23.1046 17.85 23.2283 17.3332 23.2283 16.7583C23.2283 16.1833 23.0937 15.6666 22.8244 15.2081C22.5624 14.7496 22.2058 14.3893 21.7546 14.1273C21.3033 13.8581 20.7903 13.7234 20.2153 13.7234C19.6476 13.7234 19.1382 13.8581 18.687 14.1273C18.2357 14.3893 17.8791 14.7496 17.6171 15.2081C17.3551 15.6666 17.2205 16.1833 17.2132 16.7583V21.7363C17.2132 21.8965 17.2641 22.0275 17.366 22.1293C17.4752 22.2385 17.6098 22.2931 17.7699 22.2931C17.9373 22.2931 18.072 22.2385 18.1739 22.1293ZM19.2219 14.9789C18.9308 15.1535 18.7015 15.3973 18.5341 15.7103C18.3667 16.0159 18.283 16.3653 18.283 16.7583C18.283 17.144 18.3667 17.4933 18.5341 17.8063C18.7015 18.112 18.9308 18.3558 19.2219 18.5377C19.5203 18.7124 19.8514 18.7997 20.2153 18.7997C20.5865 18.7997 20.9176 18.7124 21.2087 18.5377C21.4998 18.3558 21.7291 18.112 21.8965 17.8063C22.0712 17.4933 22.1585 17.144 22.1585 16.7583C22.1585 16.3653 22.0712 16.0159 21.8965 15.7103C21.7291 15.3973 21.4998 15.1535 21.2087 14.9789C20.9176 14.7969 20.5865 14.7059 20.2153 14.7059C19.8514 14.7059 19.5203 14.7969 19.2219 14.9789ZM19.5046 18.0706C19.7132 18.1911 19.9462 18.2539 20.2155 18.2539C20.4953 18.2539 20.7263 18.1897 20.9239 18.0722C21.1324 17.9409 21.2956 17.7675 21.4179 17.5441L21.42 17.5403C21.5459 17.3148 21.6129 17.0582 21.6129 16.7583C21.6129 16.449 21.545 16.195 21.4228 15.9811L21.419 15.9744L21.4154 15.9677C21.2923 15.7377 21.1306 15.5684 20.9281 15.4469L20.9196 15.4418C20.7223 15.3185 20.493 15.2518 20.2155 15.2518C19.9475 15.2518 19.7154 15.3173 19.5062 15.4449L19.5029 15.4469C19.3004 15.5684 19.1387 15.7377 19.0156 15.9677L19.0131 15.9724C18.8951 16.1879 18.8291 16.445 18.8291 16.7583C18.8291 17.0611 18.8938 17.3201 19.0144 17.5465C19.1361 17.7679 19.298 17.94 19.5046 18.0706Z\"\n        fill={color}\n      />\n    </svg>\n  );\n};\n","import TranslationID from \"data/locales/id/business.json\";\nimport { ContainerDesktop } from \"components/Container\";\nimport { IconBooks } from \"components/Icon/IconBooks\";\nimport { IconElectric } from \"components/Icon/IconElectric\";\nimport { IconCurrency } from \"components/Icon/IconCurrency\";\nimport Button from \"components/Button\";\nimport { useRouter } from \"next/router\";\nimport { pushDataLayer } from \"lib/gtag\";\nimport { usePopupStoreFormSales } from \"modules/Home/popupStore\";\nimport { useEffect, useState, useCallback } from \"react\";\nimport Image from \"next/image\";\n\nexport const HomeBenefit: React.FC = () => {\n  const headingSectionBenefit = TranslationID[\"HomeBenefit\"];\n  const router = useRouter();\n  const SLIDE_DURATION = 7000; // Duration for each slide in milliseconds\n\n  const { showPopupFormSales } = usePopupStoreFormSales((state) => ({\n    showPopupFormSales: state.showPopupFormSales,\n  }));\n\n  const [activeIndex, setActiveIndex] = useState(0);\n  const [previousIndex, setPreviousIndex] = useState(0);\n  const [progress, setProgress] = useState<number[]>(() =>\n    Array(headingSectionBenefit.content.length).fill(0)\n  );\n  const [isTransitioning, setIsTransitioning] = useState(false);\n\n  // Handle slide transitions\n  useEffect(() => {\n    const slideInterval = setInterval(() => {\n      setIsTransitioning(true);\n      setPreviousIndex(activeIndex);\n      setActiveIndex((prevIndex) => {\n        const nextIndex =\n          prevIndex === headingSectionBenefit.content.length - 1\n            ? 0\n            : prevIndex + 1;\n        return nextIndex;\n      });\n\n      // Reset transition state after animation completes\n      setTimeout(() => {\n        setIsTransitioning(false);\n      }, 500); // Match this with CSS transition duration\n    }, SLIDE_DURATION);\n\n    return () => clearInterval(slideInterval);\n  }, [headingSectionBenefit.content.length, activeIndex]);\n\n  // Handle progress bar animation\n  useEffect(() => {\n    const startTime = Date.now();\n\n    const progressInterval = setInterval(() => {\n      const elapsedTime = Date.now() - startTime;\n      const progressValue = Math.min((elapsedTime / SLIDE_DURATION) * 100, 100);\n\n      setProgress((prev) =>\n        prev.map((_, idx) => (idx === activeIndex ? progressValue : 0))\n      );\n\n      if (progressValue >= 100) {\n        clearInterval(progressInterval);\n      }\n    }, 16);\n\n    return () => clearInterval(progressInterval);\n  }, [activeIndex]);\n\n  const getProgressBarStyles = (index: number) => {\n    if (isTransitioning) {\n      if (index === previousIndex) {\n        return {\n          transform: \"translateX(100%)\",\n          opacity: 0,\n          transition: \"transform 500ms ease-in-out, opacity 500ms ease-in-out\",\n        };\n      } else if (index === activeIndex) {\n        return {\n          transform: \"translateX(0)\",\n          opacity: 1,\n          transition: \"transform 500ms ease-in-out, opacity 500ms ease-in-out\",\n        };\n      }\n    }\n    return {\n      transform: \"translateX(0)\",\n      opacity: index === activeIndex ? 1 : 0.3,\n    };\n  };\n\n  const handleScroll = (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n    // first prevent the default behavior\n    e.preventDefault();\n    // get the href and remove everything before the hash (#)\n    const href = e.currentTarget.href;\n    const targetId = href.replace(/.*\\#/, \"\");\n    // get the element by id and use scrollIntoView\n    const elem = document.getElementById(targetId);\n    elem?.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"start\",\n      inline: \"start\",\n    });\n  };\n\n  const renderDescription = (\n    contents: any,\n    isImageLeft: boolean,\n    isTwoColumn: boolean\n  ) => {\n    let buttonItem = <div></div>;\n    let secondButtonItem = <div></div>;\n\n    if (contents.icon === \"book\") {\n      buttonItem = (\n        <Button\n          className=\"!text-b1 hg-max:!text-b2 !h-40 px-80 mt-12\"\n          variant=\"secondary_transparant\"\n          onClick={() => {\n            pushDataLayer({ event: \"benefit-install\" });\n            showPopupFormSales(\"\");\n          }}\n        >\n          {contents.buttonDesc}\n        </Button>\n      );\n    } else if (contents.icon === \"electric\") {\n      buttonItem = (\n        <Button\n          className=\"!text-b1 hg-max:!text-b2 !h-40\"\n          variant=\"secondary_transparant\"\n          onClick={() => {\n            pushDataLayer({ event: \"benefit-report\" });\n            showPopupFormSales(\"\");\n          }}\n        >\n          {contents.buttonDesc}\n        </Button>\n      );\n    } else if (contents.icon === \"currency\") {\n      buttonItem = (\n        <a href=\"#home-packets\" onClick={handleScroll} className=\"!w-full !h-40 lg:!w-auto lg:flex lg:items-center lg:justify-start\">\n          <Button\n            variant=\"secondary_transparant\"\n            className=\"!h-full !text-b1 hg-max:!text-b2\"\n            isFull\n          >\n            {contents.buttonDesc}\n          </Button>\n        </a>\n      );\n    } else if (Array.isArray(contents)) {\n      buttonItem = (\n        <Button\n          className=\"!text-b1 hg-max:!text-b2 !h-40\"\n          variant=\"secondary_transparant\"\n          onClick={(e) => {\n            e.preventDefault();\n            pushDataLayer({ event: \"benefit-report\" });\n            showPopupFormSales(\"\");\n          }}\n        >\n          {contents[0].buttonDesc}\n        </Button>\n      );\n\n      secondButtonItem = (\n        <Button\n          className=\"!text-b1 hg-max:!text-b2 !h-40\"\n          variant=\"secondary_transparant\"\n          onClick={() => {\n            pushDataLayer({ event: \"benefit-report\" });\n            showPopupFormSales(\"\");\n          }}\n        >\n          {contents[1].buttonDesc}\n        </Button>\n      );\n    }\n\n    const [activeImageIndex, setActiveImageIndex] = useState(0);\n    const [direction, setDirection] = useState(\"right\");\n    const CAROUSEL_INTERVAL = 3000;\n\n    useEffect(() => {\n      const carouselInterval = setInterval(() => {\n        if (contents?.icon === \"electric\") {\n          setActiveImageIndex((prevIndex) => {\n            if (direction === \"right\") {\n              if (prevIndex === 2) {\n                setDirection(\"left\");\n                return 1;\n              }\n              return prevIndex + 1;\n            } else {\n              if (prevIndex === 0) {\n                setDirection(\"right\");\n                return 1;\n              }\n              return prevIndex - 1;\n            }\n          });\n        }\n      }, CAROUSEL_INTERVAL);\n\n      return () => clearInterval(carouselInterval);\n    }, [contents, direction]);\n\n    const [showSecondImage, setShowSecondImage] = useState(false);\n\n    useEffect(() => {\n      if (\n        contents.icon === \"currency\" &&\n        activeIndex === headingSectionBenefit.content.indexOf(contents)\n      ) {\n        const timer = setTimeout(() => {\n          setShowSecondImage(true);\n        }, 1000);\n\n        return () => clearTimeout(timer);\n      } else {\n        setShowSecondImage(false);\n      }\n    }, [contents, activeIndex]);\n\n    return (\n      <div className=\"grid grid-cols-[2fr_3fr] gap-16 p-24 rounded-12 lg-max:grid-cols-1\">\n        <div\n          key={contents.title + Math.random()}\n          className=\"w-full h-full flex flex-col gap-16 justify-center items-start rounded-16 bg-chip-pattern pt-24 lg:pt-0 lg:p-24\"\n        >\n          <div className=\"flex items-center gap-12 lg:gap-24\">\n            <div className=\"w-48\">\n              <div className=\"bg-purple-60 w-48 h-48 flex justify-center rounded-full items-center\">\n                {\n                  {\n                    book: <IconBooks />,\n                    electric: <IconElectric />,\n                    currency: <IconCurrency />,\n                  }[contents.icon]\n                }\n              </div>\n            </div>\n            <h3 className=\"w-full text-start text-purple-50 lg:text-h3 font-bold text-b1 py-4\">\n              {contents.title}\n            </h3>\n          </div>\n          <div\n            dangerouslySetInnerHTML={{\n              __html: contents.description,\n            }}\n            className=\"text-start text-neutral-80 text-b1 font-light sm-max:text-b2\"></div>\n\n          {buttonItem}\n        </div>\n\n        <div\n          className={`w-full flex relative lg-max:order-first py-40 ${\n            contents.icon === \"currency\" ? \"pl-40\" : \"px-40\"\n          } mr-40 rounded-3xl bg-purple-50`}\n        >\n          {contents.icon == \"book\" ? (\n            <video\n              className=\"rounded-lg lg:rounded-3xl w-full h-full object-cover border-2 lg:border-8 border-neutral-80 pointer-events-none\"\n              muted\n              autoPlay\n              loop\n              playsInline\n              disableRemotePlayback\n              src={contents.imageUrl}\n              ref={(video) => {\n                if (video) {\n                  video.addEventListener(\n                    \"touchstart\",\n                    (e) => e.preventDefault(),\n                    { passive: false }\n                  );\n                }\n              }}\n            />\n          ) : contents.icon == \"electric\" ? (\n            <div className=\"relative overflow-hidden\">\n              <div\n                className=\"flex transition-transform duration-500 ease-in-out h-full\"\n                style={{\n                  transform: `translateX(-${activeImageIndex * 100}%)`,\n                  width: \"300%\",\n                }}\n              >\n                {[\n                  contents.imageUrl[0],\n                  contents.imageUrl[1],\n                  contents.imageUrl[2],\n                ].map((image, index) => (\n                  <div key={index} className=\"w-full flex-shrink-0\">\n                    <img\n                      className=\"w-[33%] object-cover\"\n                      src={image}\n                      alt={`${contents.imageAlt} ${index + 1}`}\n                    />\n                  </div>\n                ))}\n              </div>\n            </div>\n          ) : (\n            <div className=\"relative overflow-hidden\">\n              <div className=\"w-[100%] flex gap-12\">\n                <img\n                  className=\"w-[27%]\"\n                  src={contents.imageUrl[0]}\n                  alt={contents.imageAlt}\n                />\n\n                <img\n                  className={`w-[100%] transition-transform duration-1000 ease-in-out`}\n                  style={{\n                    transform: `translateX(${showSecondImage ? \"0\" : \"100%\"})`,\n                  }}\n                  src={contents.imageUrl[1]}\n                  alt={contents.imageAlt}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <section id=\"home-benefit\">\n      <div className=\"h-52\"></div>\n      <div className=\"gap-24 justify-center text-center py-30 rounded-xl bg-total-pattern\">\n        <div className=\"grid gap-8\">\n          <h2 className=\"text-h3 font-black text-neutral-80 sm-max:text-h4\">\n            {headingSectionBenefit.title}\n          </h2>\n\n          <div className=\"text-h4 font-light text-neutral-70 sm-max:text-b1\">\n            {headingSectionBenefit.description}\n          </div>\n        </div>\n\n        <div className=\"flex gap-12 justify-between items-center mb-4 p-24 mx-40\">\n          {headingSectionBenefit.content.map((_, index) => (\n            <div key={index} className=\"flex-1\">\n              <div className=\"relative h-4 bg-purple-10 rounded-full overflow-hidden\">\n                <div\n                  className=\"h-full bg-purple-50 absolute inset-0\"\n                  style={{\n                    width: `${progress[index]}%`,\n                    ...getProgressBarStyles(index),\n                  }}\n                />\n              </div>\n            </div>\n          ))}\n        </div>\n\n        <div className=\"relative overflow-hidden h-auto w-full\">\n          {headingSectionBenefit.content.map((item: any, index: number) => {\n            return (\n              <div\n                key={index}\n                className={`${\n                  index === activeIndex\n                    ? \"translate-y-0 opacity-100 relative\"\n                    : \"translate-y-full opacity-0 absolute\"\n                } inset-0 transition-transform duration-700 ease-in-out`}\n              >\n                {renderDescription(item, false, false)}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </section>\n  );\n};\n","import TranslationID from \"data/locales/id/business.json\";\nimport { ContainerDesktop } from \"components/Container\";\nimport { useEffect, useState } from \"react\";\nimport { TabsCustom } from \"components/Tabs/TabsCustom\";\nimport { SearchResponse } from \"@algolia/client-search/dist/client-search\";\nimport { CourseHit } from \"lib/algolia\";\nimport { Course } from \"components/Card/interfaces\";\nimport { MoonLoader } from \"react-spinners\";\nimport { useIsDesktop } from \"lib/device\";\nimport Link from \"next/link\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport SwiperCore, { Keyboard, Mousewheel, Navigation, Pagination } from \"swiper\";\nimport CardCourseWithLesson from \"components/Card/CardCourseWithLesson\";\nimport { usePopupStoreFormSales } from \"modules/Home/popupStore\";\nimport { pushDataLayer } from \"lib/gtag\";\nimport Button from \"components/Button\";\n\nSwiperCore.use([Navigation]);\n\nexport const HomeAccess: React.FC = () => {\n  const headingSectionAccess = TranslationID[\"HomeAccess\"];\n  const [selectedItem, setSelectedItem] = useState(\"\");\n  const [allCategories, setAllCategories] = useState([]);\n  const [allCourse, setAllCourse] = useState<SearchResponse<CourseHit> | null>(\n    null\n  );\n  const [isLoading, setLoading] = useState(false);\n  const [allData, setAllData] = useState([]);\n\n  const { showPopupFormSales } = usePopupStoreFormSales((state) => ({\n    showPopupFormSales: state.showPopupFormSales,\n  }));\n\n  useEffect(() => {\n    getCoursesByCategory();\n  }, []);\n\n  const onSelectItem = (item: any) => {\n    setSelectedItem(item.name);\n  };\n\n  const onClickSeeMoreCourses = () => {\n    pushDataLayer({ event: \"course-access-home-see-more\" });\n    showPopupFormSales(\"\");\n  };\n\n  const getCoursesByCategory = () => {\n    fetch(\"/api/home\")\n      .then((res) => res.json())\n      .then((data) => {\n        const category =\n          data.data?.hits && data.data?.hits.length\n            ? data.data.hits.map((a, idx) => {\n                return {\n                  name: a.name,\n                  id: idx + 1,\n                };\n              })\n            : [];\n\n        // const filteredCategories = category.filter((item) =>\n        //   [1, 2, 3, 6].includes(item.id)\n        // );\n\n        setAllCategories(category);\n\n        setSelectedItem(category[0]?.name);\n        setAllData(data.data?.hits);\n      });\n  };\n\n  const filterByKey = (key: string) => {\n    if (key) {\n      setLoading(true);\n      const courses = [...allData].find((s) => s.name === key)?.data;\n      const all = courses.length\n        ? courses.map((a: Course, index) => {\n            return {\n              ...a,\n              skills:\n                a.skills.length > 0 &&\n                a.skills.some((a) => typeof a == \"string\")\n                  ? a.skills.map((a) => {\n                      return { name: a, slug: a };\n                    })\n                  : a.skills,\n            };\n          })\n        : [];\n      setLoading(false);\n      setAllCourse(all);\n    }\n  };\n\n  const [animationClass, setAnimationClass] = useState(\"\");\n\n  useEffect(() => {\n    if (selectedItem) {\n      setAnimationClass(\"slide-out\");\n\n      const slideOutTimer = setTimeout(() => {\n        filterByKey(selectedItem);\n        setAnimationClass(\"slide-in\");\n      }, 500);\n\n      const slideInTimer = setTimeout(() => setAnimationClass(\"\"), 1000);\n\n      return () => {\n        clearTimeout(slideOutTimer);\n        clearTimeout(slideInTimer);\n      };\n    }\n  }, [selectedItem]);\n\n  const propsTemplate = {\n    title: {\n      label: null,\n      image_url: null,\n    },\n    cardId: \"Card-Course-Business\",\n    isLoading: false,\n    error: null,\n    trackId: \"homepage_business\",\n  };\n\n  const settings = {\n    className: \"swiper-customized-business\",\n    freeMode: true,\n    navigation: true,\n    breakpoints: {\n      // when window width is >= 320px\n      320: {\n        slidesPerView: 1,\n        slidesPerGroup: 1,\n        spaceBetween: 10,\n      },\n      // when window width is >= 480px\n      480: {\n        slidesPerView: 2,\n        slidesPerGroup: 2,\n        spaceBetween: 10,\n      },\n      // when window width is >= 912px\n      912: {\n        slidesPerView: 3,\n        slidesPerGroup: 3,\n        spaceBetween: 10,\n      },\n      // when window width is >= 1200px\n      1200: {\n        slidesPerView: 4,\n        slidesPerGroup: 4,\n        spaceBetween: 20,\n      },\n    },\n  };\n\n  useEffect(() => {\n    if (selectedItem) {\n      filterByKey(selectedItem);\n    }\n  }, [selectedItem]);\n\n  const isDesktop = useIsDesktop();\n\n  // Data doesn't returned from API\n  if (\n    !isLoading &&\n    (allCourse?.length == 0 || allCourse?.length == undefined)\n  ) {\n    return <></>;\n  }\n  const isMobileView =\n    typeof window !== \"undefined\" && window.screen.width < 993;\n\n  return (\n    <section id=\"home-access\">\n      <div className=\"h-40\"></div>\n      <ContainerDesktop className=\"py-52 sm-max:py-36\" useAuto>\n        <div className=\"flex flex-col gap-24 justify-center text-center\">\n          <div className=\"grid gap-8\">\n            <h2 className=\"text-h3 font-black text-neutral-80 sm-max:text-h4\">\n              {headingSectionAccess.title}\n            </h2>\n\n            <h3 className=\"text-h4 font-light text-neutral-70 md:px-240 sm-max:text-b1\">\n              {headingSectionAccess.description}\n            </h3>\n          </div>\n\n          <div className=\"flex flex-col gap-24 w-full mt-24\">\n            <div\n              className={`${\n                !isMobileView && \"hide-scrollbar\"\n              } overflow-x-scroll flex justify-between gap-8`}\n            >\n              <TabsCustom\n                data={allCategories}\n                selectedItem={selectedItem}\n                onSelectItem={onSelectItem}\n                useMinWidth\n              />\n            </div>\n\n            <div className=\"w-full overflow-hidden relative\">\n              {isLoading ? (\n                <div className=\"flex w-full p-24 items-center justify-center\">\n                  <MoonLoader />\n                </div>\n              ) : allCourse && allCourse.length > 0 ? (\n                <div className={animationClass}>\n                  <Swiper \n                  {...settings}\n                    cssMode={true}\n                    mousewheel={true}\n                    keyboard={true}\n                    modules={[Navigation, Pagination, Mousewheel, Keyboard]}\n                  >\n                    {/* @ts-ignore */}\n                    {allCourse.map((course, index) => (\n                      <SwiperSlide key={\"SwiperSlide\" + index}>\n                        <CardCourseWithLesson\n                          {...{ ...course, index }}\n                          className=\"card-default\"\n                          isLayoutNew={true}\n                          isHorizontal\n                          onClickFunction={() => {\n                            pushDataLayer({ event: \"course-access-home\" });\n                            showPopupFormSales(\"\");\n                          }}\n                        />\n                      </SwiperSlide>\n                    ))}\n                  </Swiper>\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </div>\n      </ContainerDesktop>\n    </section>\n  );\n};\n","import TranslationID from \"data/locales/id/business.json\";\nimport { ContainerDesktop } from \"components/Container\";\nimport ButtonScheduleDemo from \"components/Button/ButtonScheduleDemo\";\nimport ButtonContact from \"components/Button/ButtonContact\";\nimport { Logo, LogoBusiness } from \"components/Logo\";\n\nexport const HomeContacts: React.FC = () => {\n  const headingSectionContact = TranslationID[\"HomeContact\"];\n\n  return (\n    <section id=\"home-contact\">\n      <ContainerDesktop className=\"pb-52\" useAuto>\n        <div className=\"grid gap-24 text-center shadow-chip_total rounded-16 p-24\">\n          <div className=\"grid gap-12\">\n            <h2\n              dangerouslySetInnerHTML={{\n                __html: headingSectionContact.title,\n              }}\n              className=\"text-t1 font-bold text-neutral-80 lg-max:text-h3\"\n            ></h2>\n\n            <h3 className=\"text-h4 font-light text-neutral-70 lg-max:text-b1 md:px-240\">\n              {headingSectionContact.description}\n            </h3>\n          </div>\n\n          <div className=\"flex justify-center items-center\">\n            <ButtonScheduleDemo className=\"!h-48\" id=\"cta-bottom\" />\n          </div>\n        </div>\n      </ContainerDesktop>\n    </section>\n  );\n};\n","import { ReactNode } from \"react\";\n\ninterface Item {\n  label?: string;\n  value?: string;\n  selected?: boolean;\n  child?: ReactNode;\n}\n\nexport const Switch: React.FC<{\n  data?: Item[];\n  onSelect?: (a?: string) => void;\n}> = ({ data, onSelect }) => {\n  return (\n    <div className=\"bg-neutral-10 rounded-40 p-4 flex w-fit\">\n      {data && data.length\n        ? data.map((a, i) => (\n            <div\n              className={`py-8 cursor-pointer px-12 flex justify-center items-center gap-4 text-neutral-60 ${\n                a.selected ? \"bg-purple-50 rounded-40 !text-white\" : \"\"\n              }`}\n              onClick={() => onSelect(a.value)}\n              onMouseUp={() => onSelect(a.value)}\n              onMouseUpCapture={() => onSelect(a.value)}\n              key={a.value + Math.random()}\n            >\n              {a.label}\n\n              {a.child ? <div className=\"flex\">{a.child}</div> : null}\n            </div>\n          ))\n        : null}\n    </div>\n  );\n};\n","import React from \"react\";\n\ntype Props = {\n  size?: number;\n  color?: string;\n  className?: string;\n};\n\nexport const IconCheckWithOuter: React.FC<Props> = ({\n  size = 14,\n  color = \"#F37A41\",\n  className = \"\",\n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 14 14\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g id=\"Heroicons/Solid/badge-check\">\n        <path\n          id=\"Icon\"\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M4.3873 2.41837C4.83745 2.38245 5.26479 2.20544 5.60849 1.91254C6.41056 1.22902 7.59022 1.22902 8.39229 1.91254C8.73599 2.20544 9.16333 2.38245 9.61348 2.41837C10.6639 2.5022 11.4981 3.33635 11.5819 4.38681C11.6178 4.83696 11.7949 5.2643 12.0878 5.60801C12.7713 6.41007 12.7713 7.58974 12.0878 8.3918C11.7949 8.7355 11.6178 9.16285 11.5819 9.61299C11.4981 10.6635 10.6639 11.4976 9.61348 11.5814C9.16333 11.6174 8.73599 11.7944 8.39229 12.0873C7.59022 12.7708 6.41056 12.7708 5.60849 12.0873C5.26479 11.7944 4.83745 11.6174 4.3873 11.5814C3.33684 11.4976 2.50269 10.6635 2.41886 9.61299C2.38294 9.16285 2.20593 8.7355 1.91303 8.3918C1.22951 7.58974 1.22951 6.41007 1.91303 5.60801C2.20593 5.2643 2.38294 4.83696 2.41886 4.38681C2.50269 3.33635 3.33684 2.5022 4.3873 2.41837ZM9.59537 6.09488C9.86873 5.82151 9.86873 5.37829 9.59537 5.10493C9.322 4.83156 8.87878 4.83156 8.60542 5.10493L6.30039 7.40995L5.39537 6.50493C5.122 6.23156 4.67878 6.23156 4.40542 6.50493C4.13205 6.77829 4.13205 7.22151 4.40542 7.49488L5.80542 8.89488C6.07878 9.16824 6.522 9.16824 6.79537 8.89488L9.59537 6.09488Z\"\n          fill={color}\n        />\n      </g>\n    </svg>\n  );\n};\n","import createStore from \"zustand\";\n\nexport type PacketStore = {\n  // state\n  selectedType: string;\n  isIncludeCertificate: boolean;\n  isOpen: boolean;\n\n  // actions\n  setSelectedType: (item: string) => void;\n  setIncludeCertificate: (item: boolean) => void;\n  setIsOpen: (item: boolean) =>void;\n};\n\nexport const usePacketStore = createStore<PacketStore>((set) => ({\n  // state\n  selectedType: \"Tahun\",\n  isIncludeCertificate: false,\n  isOpen: false,\n\n  // actions\n  setSelectedType(item) {\n    set({selectedType: item});\n  },\n  setIncludeCertificate(item) {\n    set({isIncludeCertificate: item});\n  },\n  setIsOpen(item) {\n    set({isOpen: item});\n  },\n}));\n","import TranslationID from \"data/locales/id/business.json\";\nimport { useState } from \"react\";\nimport { usePacketStore } from \"./packetStore\";\nimport { formatCurrency } from \"lib/currency\";\nimport { Divider } from \"components/Divider/Divider\";\nimport { IconCheckCircle } from \"components/Icon/IconCheckCircle\";\nimport Button from \"components/Button\";\nimport { pushDataLayer } from \"lib/gtag\";\nimport { PopupModal } from \"react-calendly\";\nimport { isBrowser } from \"lib/ssr\";\nimport { usePopupStoreFormSales } from \"modules/Home/popupStore\";\nimport Image from \"next/image\";\n\nexport const HomePacketCards: React.FC = () => {\n  const headingSectionPackets = TranslationID[\"HomePackets\"];\n  const packets = headingSectionPackets.packets.filter(\n    (packet) => packet?.benefits?.length > 0\n  );\n  const [isOpen, setIsOpen] = useState(false);\n\n  const { showPopupFormSales } = usePopupStoreFormSales((state) => ({\n    showPopupFormSales: state.showPopupFormSales,\n  }));\n\n  const { selectedType, isIncludeCertificate } = usePacketStore((state) => ({\n    selectedType: state.selectedType,\n    isIncludeCertificate: state.isIncludeCertificate,\n  }));\n\n  const onClickItem = (itemId, index) => {\n    pushDataLayer({ event: itemId });\n    /// Enterprise Index = Jadwalkan Sekarang\n    if (index == 3) {\n      setIsOpen(!isOpen);\n    } else {\n      /// Others Packets\n      showPopupFormSales(itemId);\n    }\n  };\n\n  return (\n    <div className=\"flex flex-wrap gap-16 justify-center items-center\">\n      <div className=\"flex gap-20 h-full lg-max:flex-col lg:w-[90vw] mx-auto justify-center\">\n        {packets.map((packet, i) => (\n          <div\n            key={packet.label + i}\n            className=\"w-1/2 lg-max:w-full flex flex-col\"\n            onClick={() => onClickItem(packet.id, i)}\n          >\n            <div\n              className={`rounded-t-16 py-8 px-10 text-transparent justify-center ${\n                packet.tagline\n                  ? `flex ${\n                      packet.selected\n                        ? \"bg-purple-50 !text-white\"\n                        : \"bg-transparent sm-max:hidden\"\n                    }`\n                  : \"bg-transparent sm-max:hidden\"\n              }`}\n            >\n              {packet.tagline ?? \"tagline\"}\n            </div>\n\n            <div\n              className={`bg-white p-20 shadow-packet h-full flex flex-col ${\n                packet.selected\n                  ? packet.tagline\n                    ? \"rounded-b-16 border-2 border-purple-50\"\n                    : \"rounded-16 border-2 border-purple-50\"\n                  : \"rounded-16 border border-neutral20_to_dark30\"\n              }`}\n            >\n              <div\n                className=\"font-bold text-h4 text-neutral-80 mb-8\"\n                dangerouslySetInnerHTML={{\n                  __html: packet.label,\n                }}\n              ></div>\n\n              <div className=\" items-center\">\n                {/* <div className=\"h-full items-center\"> */}\n                {selectedType == \"Tahun\"\n                  ? packet.price && (\n                      <div\n                        className={`font-light text-b2 line-through ${\"text-neutral-60\"}`}\n                      >\n                        Rp{\" \"}\n                        {formatCurrency(\n                          isIncludeCertificate\n                            ? packet.price_certificate\n                            : packet.price\n                        )}\n                      </div>\n                    )\n                  : null}\n\n                {packet.price ? (\n                  <div className=\"text-orange-50 flex items-center justify-center\">\n                    <div className=\"text-b1 font-light\">Rp&nbsp;</div>\n                    <div className=\"font-bold text-h3\">\n                      {selectedType == \"Tahun\"\n                        ? formatCurrency(\n                            isIncludeCertificate\n                              ? packet.price_certificate_discount\n                              : packet.price_after_discount\n                          )\n                        : formatCurrency(\n                            isIncludeCertificate\n                              ? packet.price_certificate\n                              : packet.price\n                          )}\n                    </div>\n                    <div className=\"text-b1 font-light\">/Bulan</div>\n                  </div>\n                ) : (\n                  // Jadwalkan Demo\n                  <div className=\"font-medium text-neutral-80\">\n                    {packet.description}\n                  </div>\n                )}\n\n                <div className=\"text-neutral-60 font-light\">\n                  Pembayaran per{\" \"}\n                  {selectedType ? selectedType.toLowerCase() : \"\"}\n                </div>\n              </div>\n\n              {packet.button !== \"Jadwalkan Demo\" ? (\n                <div className=\"relative\" id={packet.button}>\n                  <Button\n                    isFull\n                    className=\"mt-16\"\n                    variant={packet.selected ? \"primary\" : \"secondary\"}\n                    onClick={() => onClickItem(packet.id, i)}\n                    id={packet.id}\n                  >\n                    {packet.button}\n                  </Button>\n                </div>\n              ) : (\n                <div className=\"relative\" id={packet.button}>\n                  <Button\n                    className={`mt-16`}\n                    onClick={() => {\n                      pushDataLayer({ event: packet.id });\n                      setIsOpen(!isOpen);\n                    }}\n                    variant={packet.selected ? \"primary\" : \"secondary\"}\n                    isFull\n                    id={packet.id}\n                  >\n                    {packet.button}\n                  </Button>\n\n                  <PopupModal\n                    url=\"https://calendly.com/gokampus/b2b-demo\"\n                    onModalClose={() => setIsOpen(false)}\n                    open={isOpen}\n                    rootElement={\n                      isBrowser() ? document.getElementById(\"__next\") : null\n                    }\n                    pageSettings={{\n                      backgroundColor: \"ffffff\",\n                      hideEventTypeDetails: false,\n                      hideLandingPageDetails: false,\n                      primaryColor: \"00a2ff\",\n                      textColor: \"4d5055\",\n                    }}\n                  />\n                </div>\n              )}\n\n              <Divider className=\"my-24 border-neutral20_to_dark30\" />\n\n              {packet.benefits?.length > 0 ? (\n                <div className=\"grid gap-8 mb-8\">\n                  {packet.benefits.map((elm, index) => (\n                    <div\n                      className=\"flex justify-start items-start gap-8 mb-12\"\n                      key={elm}\n                    >\n                      {/* <div className=\"w-24\">\n                        <IconCheckCircle\n                          color=\"#46CA6B\"\n                          size={24}\n                          isSameHeight={true}\n                        />\n                      </div> */}\n                      <Image\n                        src={`/images/packet${index + 1}.svg`}\n                        alt={`icon-${index + 1}`}\n                        width={30}\n                        height={30}\n                        className=\"w-[30px] h-[30px]\"\n                        style={{ width: \"30px\", height: \"30px\" }}\n                      />\n                      <div\n                        className=\"text-left text-neutral-80 font-light\"\n                        dangerouslySetInnerHTML={{\n                          __html: elm,\n                        }}\n                      ></div>\n                    </div>\n                  ))}\n                </div>\n              ) : null}\n            </div>\n          </div>\n        ))}\n      </div>\n      {/* <div className=\"flex flex-col text-left lg:w-[70vw]\">\n        {headingSectionPackets.notes.map((value) => (\n          <p className=\"font-light\">* {value}</p>\n        ))}\n      </div> */}\n    </div>\n  );\n};\n","import TranslationID from \"data/locales/id/business.json\";\nimport { ContainerDesktop } from \"components/Container\";\nimport { Switch } from \"components/Switch\";\nimport { useState } from \"react\";\nimport { IconCheckWithOuter } from \"components/Icon/IconCheckWithOuter\";\nimport { usePacketStore } from \"./packetStore\";\nimport HomeTable from \"./HomeTable\";\nimport { HomePacketCards } from \"./HomePacketCards\";\nimport { Toggle } from \"components/Toggle\";\n\nexport const HomePackets: React.FC = () => {\n  const headingSectionPackets = TranslationID[\"HomePackets\"];\n  // const [selectedType, setSelectedType] = useState(\"Tahun\");\n  // const [isOpen, setIsOpen] = useState(false);\n  const [types, setTypes] = useState([\n    {\n      label: \"Bulanan\",\n      value: \"Bulan\",\n      selected: false,\n      child: null,\n    },\n    {\n      label: \"Tahunan\",\n      value: \"Tahun\",\n      selected: true,\n      child: (\n        <div className=\"bg-white flex justify-center items-center gap-2 px-6 py-2 rounded-12 text-orange-50 font-medium text-c1\">\n          <IconCheckWithOuter />\n          <div>Hemat 18%</div>\n        </div>\n      ),\n    },\n  ]);\n\n  const { setSelectedType, isIncludeCertificate, setIncludeCertificate } =\n    usePacketStore((state) => ({\n      setSelectedType: state.setSelectedType,\n      isIncludeCertificate: state.isIncludeCertificate,\n      setIncludeCertificate: state.setIncludeCertificate,\n    }));\n\n  return (\n    <section id=\"home-packets\">\n      <div className=\"h-52\"></div>\n      <ContainerDesktop className=\"py-52 sm-max:py-36\" useAuto>\n        <div className=\"flex flex-col gap-24 justify-center text-center\">\n          <div className=\"grid gap-8\">\n            <h2 className=\"text-h3 font-black text-neutral-80 sm-max:text-h4\">\n              {headingSectionPackets.title}\n            </h2>\n\n            <h3 className=\"text-h4 font-light text-neutral-70 sm-max:text-b1\">\n              {headingSectionPackets.description}\n            </h3>\n          </div>\n\n          <div className=\"flex flex-col gap-24 justify-center text-center\">\n            <div className=\"flex flex-wrap gap-8 justify-center items-center\">\n              <Switch\n                data={types}\n                onSelect={(e) => {\n                  setSelectedType(e);\n                  setTypes(\n                    types.map((x) =>\n                      x.value == e\n                        ? { ...x, selected: true }\n                        : { ...x, selected: false }\n                    )\n                  );\n                }}\n              />\n            </div>\n            {/* <div className=\"sg-max:hidden\">\n              <HomeTable />\n            </div> */}\n            <HomePacketCards />\n          </div>\n        </div>\n      </ContainerDesktop>\n    </section>\n  );\n};\n","import TranslationID from \"data/locales/id/business.json\";\nimport { ContainerDesktop } from \"components/Container\";\nimport { pushDataLayer } from \"lib/gtag\";\nimport { usePopupStoreFormSales } from \"modules/Home/popupStore\";\n\nexport const DataInfo = {\n  industry: \"200+\",\n  courses: \"1.000+\",\n  learners: \"700K+\",\n  partners: \"50+\",\n  trainers: '50+',\n};\n\nconst DataInformation = [\n  {\n    title: DataInfo.courses,\n    description: `kursus-kursus soft skill & tren industri terkini dari ${DataInfo.partners} perusahaan dan universitas top dunia`\n  },\n  {\n    title: DataInfo.learners,\n    description: `jumlah pelajar yang menggunakan goKampus sebagai tempat pembelajaran`\n  },\n  {\n    title: DataInfo.industry,\n    description: `perusahaan dari berbagai industri yang telah menggunakan goKampus Business`\n  },\n]\n\nexport const HomeInformation: React.FC = () => {\n  const { showPopupFormSales } = usePopupStoreFormSales((state) => ({\n    showPopupFormSales: state.showPopupFormSales,\n  }));\n\n  const onClickImages = () => {\n    pushDataLayer({\n      event: \"cta-partner\",\n    });\n    showPopupFormSales(\"\");\n  };\n\n  return (\n    <section id=\"home-information\">\n      <ContainerDesktop className=\"pt-20 pb-52 sm-max:py-36\" useAuto>\n        <div className=\"grid grid-cols-3 md-max:grid-cols-1 gap-16 \">\n          {DataInformation.map((value) => (\n            <div className=\"shadow-chip_total p-24 rounded-16 bg-chip-pattern\">\n              <p className=\"text-h1 text-purple-50 font-bold\">\n                {value.title}\n              </p>\n              <p className=\"font-light\">\n                {value.description}\n              </p>\n            </div>\n          ))}\n        </div>\n      </ContainerDesktop>\n    </section>\n  );\n};\n","import TranslationID from \"data/locales/id/business.json\";\nimport { ContainerDesktop } from \"components/Container\";\nimport { Image } from \"components/Image/Image\";\nimport { pushDataLayer } from \"lib/gtag\";\nimport { usePopupStoreFormSales } from \"modules/Home/popupStore\";\nimport Button from \"components/Button\";\nimport { DataInfo } from \"./HomeInformation\";\nimport { useEffect, useState } from \"react\";\n\nexport const UserCompanies = [\n  {\n    name: \"kemenperin\",\n    image_url:\n      \"https://staging-static.gokampus.com/course-institutions/PgSTbEwHeIaow3LoiMWJL9MCeEowfAqZbRMNFE2X.png\",\n  },\n  {\n    name: \"pan-rb\",\n    image_url: \"https://www.menpan.go.id/site/images/logo_new.png\",\n  },\n  {\n    name: \"kapal-api\",\n    image_url:\n      \"https://s.gokampus.com/tenants/h7tBkxynkbFqEEsqmnlBIWLYqs9818UtqOP4TZzz.png\",\n  },\n  {\n    name: \"bluebird\",\n    image_url:\n      \"https://s.gokampus.com/tenants/7p5nbeVAVOm0qMHWUU5UCafQ6vVp1E7sDS8SqRLG.png\",\n  },\n  {\n    name: \"darya-varia\",\n    image_url: \"https://s.gokampus.com/business/logo-darya-varia.png\",\n  },\n  {\n    name: \"aquaproof\",\n    image_url: \"https://s.gokampus.com/business/logo-aquaproof.png\",\n  },\n  {\n    name: \"wonderful-indonesia\",\n    image_url: \"https://s.gokampus.com/business/logo-wonderful-indonesia.png\",\n  },\n  {\n    name: \"mega-insurance\",\n    image_url: \"https://s.gokampus.com/business/logo-mega-insurance.png\",\n  },\n  {\n    name: \"boga\",\n    image_url: \"https://s.gokampus.com/business/logo-boga-red.png\",\n  },\n  {\n    name: \"zap\",\n    image_url:\n      \"https://staging-static.gokampus.com/tenants/zVnouvLjX8dYIo3SeFsveyPrtgKtPjvvJ3bWjIIg.jpeg\",\n  },\n  {\n    name: \"summarecon-agung\",\n    image_url: \"https://s.gokampus.com/business/logo-summarecon-agung.png\",\n  },\n  {\n    name: \"indosat-digital-ecosystem\",\n    image_url:\n      \"https://staging-static.gokampus.com/course-institutions/qxPa26tOotbk4UDG3tiKhDjWrd9wv7XCPPXZ2S0E.png\",\n  },\n  {\n    name: \"ppsdm-aparatur-esdm\",\n    image_url:\n      \"https://s.gokampus.com/tenants/WlnVzEy7CcF5VWTrd0IZIi1LDYBY4glIMr9WG71j.jpeg\",\n  },\n  {\n    name: \"sucor-sekuritas\",\n    image_url:\n      \"https://staging-static.gokampus.com/course-institutions/6FDrcHmhLJzGSi4cqk2YMsDMHhwbFgBF0xSl1lxl.svg\",\n  },\n  {\n    name: \"arwana-ceramics\",\n    image_url: \"https://s.gokampus.com/business/logo-arwana-ceramics.png\",\n  },\n  {\n    name: \"tdr\",\n    image_url: \"https://s.gokampus.com/business/logo-tdr.png\",\n  },\n  {\n    name: \"blibli\",\n    image_url:\n      \"https://s.gokampus.com/tenants/eNiPV814LTbT43yfGqQrMfYWUBfKUdVRTe2w2ZHx.png\",\n  },\n  {\n    name: \"emtek\",\n    image_url: \"https://s.gokampus.com/business/logo-emtek.png\",\n  },\n];\n\nconst DoubledUserCompanies = [...UserCompanies, ...UserCompanies];\n\nexport const HomeCompanies: React.FC = () => {\n  const [scrollPosition, setScrollPosition] = useState(0);\n  const textCompanies = TranslationID[\"HomeCompanies\"];\n\n  const { showPopupFormSales } = usePopupStoreFormSales((state) => ({\n    showPopupFormSales: state.showPopupFormSales,\n  }));\n\n  useEffect(() => {\n    const scrollSpeed = 1;\n    const scrollInterval = 30;\n\n    const interval = setInterval(() => {\n      setScrollPosition((prevPosition) => {\n        const newPosition = prevPosition + scrollSpeed;\n        const containerWidth = UserCompanies.length * 200;\n        return newPosition >= containerWidth ? 0 : newPosition;\n      });\n    }, scrollInterval);\n\n    return () => clearInterval(interval);\n  }, []);\n\n  const onClickImages = () => {\n    pushDataLayer({\n      event: \"cta-client\",\n    });\n    showPopupFormSales(\"\");\n  };\n\n  const onClickSeeMore = () => {\n    pushDataLayer({\n      event: \"cta-client-see-more\",\n    });\n    showPopupFormSales(\"\");\n  };\n\n  return (\n    <section id=\"home-companies\">\n      <ContainerDesktop className=\"py-52 sm-max:py-36\" useAuto>\n        <div className=\"flex flex-col gap-36 text-center\">\n          <h3\n            className=\"text-b2 font-medium lg:text-h3 lg:font-black text-neutral-80 lg-max:text-h4\"\n            dangerouslySetInnerHTML={{\n              __html: DataInfo.industry + \" \" + textCompanies.title,\n            }}\n          />\n\n          <div\n            className=\"relative overflow-hidden cursor-pointer shadow-chip_total py-20 bg-white rounded-16\"\n            onClick={onClickImages}\n          >\n            <div\n              className=\"flex whitespace-nowrap transition-transform duration-100\"\n              style={{\n                transform: `translateX(-${scrollPosition}px)`,\n              }}\n            >\n              {DoubledUserCompanies.map((institution, index) => (\n                <div\n                  key={`${institution.name}-${index}`}\n                  className=\"inline-flex aspect-[2/1] items-center justify-center bg-white px-16 py-16\"\n                  style={{ minWidth: \"200px\" }}\n                >\n                  <Image\n                    src={institution.image_url}\n                    alt={institution.name}\n                    className=\"w-full h-full object-contain\"\n                  />\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      </ContainerDesktop>\n    </section>\n  );\n};\n","import { ContainerDesktop } from \"components/Container\";\nimport HomeTable from \"modules/Business/HomeTable\";\nimport React from \"react\";\n\nconst PageHeaderPricing: React.FC<{\n  isShow?: boolean;\n  useSearch?: boolean;\n}> = () => {\n  return (\n    <div className={\"z-50 h-108 sticky top-72 lg-max:hidden\"}>\n      <ContainerDesktop useAuto>{/* <HomeTable isBodyHidden /> */}</ContainerDesktop>\n    </div>\n  );\n};\n\nexport default PageHeaderPricing;\n","import TranslationID from \"data/locales/id/business.json\";\nimport { ContainerDesktop } from \"components/Container\";\nimport { SwiperSlide, Swiper } from \"swiper/react\";\nimport { Image } from \"components/Image/Image\";\nimport { pushDataLayer } from \"lib/gtag\";\nimport { usePopupStoreFormSales } from \"modules/Home/popupStore\";\nimport SwiperCore, { Keyboard, Mousewheel, Navigation, Pagination } from \"swiper\";\nimport { Divider } from \"components/Divider/Divider\";\nimport { delay } from \"framer-motion\";\n\nSwiperCore.use([Pagination]);\n\nexport const HomeTestimony: React.FC = () => {\n  const wordingTestimony = TranslationID[\"HomeTestimony\"];\n\n  const settings = {\n    slidesPerView: 1,\n    autoplay: {\n      delay: 4000,\n      disableOnInteraction: false,\n    },\n    allowTouchMove: false,\n    loop: true,\n    speed: 2000,\n    pagination: true,\n  };\n\n  const settingsSwiperCard = {\n    spaceBetween: 20,\n    autoplay: {\n      delay: 4000,\n      disableOnInteraction: false,\n    },\n    speed: 2000,\n    loop: true,\n  };\n\n  const { showPopupFormSales } = usePopupStoreFormSales((state) => ({\n    showPopupFormSales: state.showPopupFormSales,\n  }));\n\n  const onClickItem = () => {\n    pushDataLayer({ event: \"cta-testimony\" });\n    showPopupFormSales(\"\");\n  };\n\n  return (\n    <section id=\"home-testimony\">\n      {/* Card Desktop */}\n      <div className=\"sg-max:hidden\">\n        <ContainerDesktop className=\"py-52 relative w-[70vw]\" useAuto>\n          <Swiper\n            className=\"swiper-customized w-full\"\n            navigation\n            {...settingsSwiperCard}\n          >\n            {wordingTestimony.testimonies.map((testimony, i) => (\n              <SwiperSlide key={testimony.name + i} onClick={onClickItem}>\n                <div className=\"grid gap-20 p-24 bg-testimony bg-white rounded-12 shadow-chip_total\">\n                  <div className=\"grid grid-cols-[1fr,7fr,2fr] sg-max:place-items-center sg-max:grid-cols-1 gap-20\">\n                    <Image\n                      src={testimony.urlPeople}\n                      alt={testimony.name}\n                      className=\"w-[72px] object-contain rounded-16\"\n                    />\n                    <div className=\"grid sg-max:text-center\">\n                      <p className=\"text-h4\"> {testimony.name}</p>\n                      <p className=\"text-b1 font-light\">{testimony.job}</p>\n                    </div>\n\n                    <div className=\"flex justify-end\">\n                      <Image\n                        src={testimony.urlInstitution}\n                        alt={testimony.title}\n                        /// Since migrating to AWS, every \"height\"/\"width\" attribute\n                        /// need to convert to className as \"max-h\"/\"max-w\" attribute\n                        // height={70}\n                        className=\"object-contain max-h-[70px]\"\n                      />\n                    </div>\n                  </div>\n                  <Divider className=\"hidden sg-max:block border-neutral20_to_dark30\" />\n                  <p className=\"text-h4 font-light \">\"{testimony.body}\"</p>\n                </div>\n              </SwiperSlide>\n            ))}\n          </Swiper>\n        </ContainerDesktop>\n      </div>\n\n      {/* Card Mobile */}\n      <div className=\"hidden sg-max:block\">\n        <ContainerDesktop className=\"py-52 relative\">\n          <Swiper\n            cssMode={true}\n            mousewheel={true}\n            keyboard={true}\n            pagination={{\n              clickable: true,\n            }}\n            modules={[Navigation, Pagination, Mousewheel, Keyboard]}\n            className=\"mySwiper swiper-customized w-full\"\n            {...settingsSwiperCard}\n          >\n            {wordingTestimony.testimonies.map((testimony, i) => (\n              <SwiperSlide key={testimony.name + i} onClick={onClickItem}>\n                <div className=\"grid gap-16 p-24 bg-total-pattern rounded-12\">\n                  <div className=\"flex justify-between\">\n                    <Image\n                      src={testimony.urlPeople}\n                      alt={testimony.name}\n                      className=\"w-[72px] object-contain rounded-16\"\n                    />\n                    <Image\n                      src={testimony.urlInstitution}\n                      alt={testimony.title}\n                      /// Since migrating to AWS, every \"height\"/\"width\" attribute\n                      /// need to convert to className as \"max-h\"/\"max-w\" attribute\n                      // height={70}\n                      className=\"object-contain max-h-[72px]\"\n                    />\n                  </div>\n                  <div className=\"grid\">\n                    <p className=\"text-b1\"> {testimony.name}</p>\n                    <p className=\"text-b2 font-light\">{testimony.job}</p>\n                  </div>\n                  <Divider className=\"hidden sg-max:block border-neutral20_to_dark30\" />\n                  <p className=\"text-b1 font-light\">\"{testimony.body}\"</p>\n                </div>\n              </SwiperSlide>\n            ))}\n          </Swiper>\n        </ContainerDesktop>\n      </div>\n    </section>\n  );\n};\n","import TranslationID from \"data/locales/id/business.json\";\nimport React, { useState } from \"react\";\nimport { usePopupStoreFormSales } from \"../Home/popupStore\";\nimport FormFieldText from \"components/Form/FieldText\";\nimport { usePostContactBusiness } from \"modules/Business/businessApi\";\nimport { useToastStore } from \"components/Toast/toastStore\";\nimport Button from \"components/Button\";\nimport { pushDataLayer } from \"lib/gtag\";\nimport { VideoJS } from \"modules/Course/CourseVideoJs\";\n\nexport const VideoPopUp: React.FC<{ eventId?: string }> = ({\n  eventId = \"popup-video\",\n}) => {\n  const textDocs = TranslationID[\"PopupFormSales\"];\n\n  const { closePopupFormSales } = usePopupStoreFormSales((state) => ({\n    closePopupFormSales: state.closePopupFormSales,\n    currentCtaEvent: state.currentCtaEvent,\n  }));\n  const [contact, setcontact] = useState(\"\");\n\n  const [isLoading, setIsLoading] = useState(false);\n  const showToast = useToastStore((state) => state.showToast);\n  const usePostApi = usePostContactBusiness();\n\n  const submit = () => {\n    setIsLoading(true);\n\n    if (!contact) {\n      showToast({\n        type: \"danger\",\n        message: \"Pastikan kontak anda sudah diisi\",\n      });\n      setIsLoading(false);\n      return;\n    }\n    const urlOrigin = window.location.href + \"?event=\" + eventId;\n    usePostApi.doFetch(\n      {\n        contact,\n        url_origin: urlOrigin,\n      },\n      {\n        onSuccess(res) {\n          pushDataLayer({ event: \"success-leads\" });\n\n          closePopupFormSales();\n\n          // reset form field\n          setcontact(\"\");\n\n          //@ts-ignore\n          if (res.message === \"success\") {\n            showToast({\n              type: \"success\",\n              message: \"Email anda berhasil terkirim ke tim goKampus\",\n            });\n            setIsLoading(false);\n          }\n        },\n        onError(err) {\n          showToast({\n            type: \"danger\",\n            message: err.data?.message ?? err.message ?? \"Error\",\n          });\n          setIsLoading(false);\n        },\n      }\n    );\n  };\n  return (\n    <div className=\"flex flex-col gap-16\">\n      {/* title text */}\n      <div\n        dangerouslySetInnerHTML={{\n          __html: textDocs.title,\n        }}\n        className=\"font-black text-h2 lg-max:text-h3\"\n      ></div>\n      <div className=\"items-center grid grid-cols-2 gap-x-[42px] lg-max:grid-cols-1 2xl-max:gap-y-[42px] h-full  justify-center items-center\">\n        {/* yt */}\n        {/* <iframe\n          className=\"w-full min-h-[50vh] rounded-16\"\n          src=\"https://www.youtube.com/embed/zBow1FiMcxk?autoplay=1&mute=1&cc_load_policy=1\"\n        ></iframe> */}\n        <div className=\"w-full h-[50vh]\">\n          <VideoJS\n            url={\"https://s.gokampus.com/business/intro-gokampus-nov-2023.mp4\"}\n          />\n        </div>\n\n        {/* form */}\n        <div className=\"relative justify-center items-center\">\n          <div className=\"!bg-white flex flex-col gap-8 shadow-chip_total rounded-16 bg-chip-pattern p-32\">\n            <div className=\"font-black text-h3 lg-max:text-h5\">\n              {textDocs.contactSales}\n            </div>\n            <div className=\"font-light text-b1 sm-max:text-b1 py-4\">\n              {textDocs.contactSalesDesc}\n            </div>\n            <div className=\"font-medium text-b2 text-neutral-60\">\n              {textDocs.fieldContactInput}\n            </div>\n            <FormFieldText\n              name=\"contact\"\n              islast={true}\n              classBase=\"h-full sm-max:w-full !mb-16\"\n              inputStyle=\"!rounded-8 h-40 sm-max:!w-full\"\n              placeholder={textDocs.fieldContactPlaceholder}\n              value={contact}\n              onChange={(e) => setcontact(e.target.value)}\n            />\n            <Button\n              className={`flex justify-center items-center gap-8 !rounded-8 !text-b1`}\n              onClick={() => {\n                pushDataLayer({ event: eventId });\n                submit();\n              }}\n              isFull\n              state={isLoading ? \"loading\" : \"active\"}\n            >\n              {textDocs.fieldSubmit}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n","import TranslationID from \"data/locales/id/business.json\";\nimport { useState } from \"react\";\nimport { usePacketStore } from \"./packetStore\";\nimport { formatCurrency } from \"lib/currency\";\nimport { Divider } from \"components/Divider/Divider\";\nimport { IconCheckCircle } from \"components/Icon/IconCheckCircle\";\nimport Button from \"components/Button\";\nimport { pushDataLayer } from \"lib/gtag\";\nimport { PopupModal } from \"react-calendly\";\nimport { isBrowser } from \"lib/ssr\";\nimport { usePopupStoreFormSales } from \"modules/Home/popupStore\";\nimport Image from \"next/image\";\n\nexport const HomeTopUpCards: React.FC = () => {\n  const headingSectionPackets = TranslationID[\"HomeTopUp\"];\n  const packets = headingSectionPackets.packets.filter(\n    (packet) => packet?.benefits?.length > 0\n  );\n  const [isOpen, setIsOpen] = useState(false);\n\n  const { showPopupFormSales } = usePopupStoreFormSales((state) => ({\n    showPopupFormSales: state.showPopupFormSales,\n  }));\n\n  const { selectedType, isIncludeCertificate } = usePacketStore((state) => ({\n    selectedType: state.selectedType,\n    isIncludeCertificate: state.isIncludeCertificate,\n  }));\n\n  const onClickItem = (itemId, index) => {\n    pushDataLayer({ event: itemId });\n    /// Enterprise Index = Jadwalkan Sekarang\n    if (index == 3) {\n      setIsOpen(!isOpen);\n    } else {\n      /// Others Packets\n      showPopupFormSales(itemId);\n    }\n  };\n\n  return (\n    <div className=\"flex flex-wrap gap-16 justify-center items-center\">\n      <div className=\"flex gap-20 h-full lg-max:flex-col lg:w-[90vw] mx-auto justify-center\">\n        {packets.map((packet, i) => (\n          <div\n            key={packet.label + i}\n            className=\"w-1/2 lg-max:w-full flex flex-col\"\n            onClick={() => onClickItem(packet.id, i)}\n          >\n            <div\n              className={`bg-white p-20 shadow-packet h-full flex flex-col ${\n                packet.selected\n                  ? \"rounded-16 border-2 border-purple-50\"\n                  : \"rounded-16 border border-neutral20_to_dark30\"\n              }`}\n            >\n              <div\n                className=\"font-bold text-h4 text-neutral-80 mb-8\"\n                dangerouslySetInnerHTML={{\n                  __html: packet.label,\n                }}\n              ></div>\n\n              <div className=\" items-center\">\n                {selectedType == \"Tahun\"\n                  ? packet.price && (\n                      <div\n                        className={`font-light text-b2 line-through ${\"text-neutral-60\"}`}\n                      >\n                        Rp{\" \"}\n                        {formatCurrency(\n                          isIncludeCertificate\n                            ? packet.price_certificate\n                            : packet.price\n                        )}\n                      </div>\n                    )\n                  : null}\n\n                {packet.price ? (\n                  <div className=\"text-orange-50 flex items-center justify-center\">\n                    <div className=\"text-b1 font-light\">Rp&nbsp;</div>\n                    <div className=\"font-bold text-h3\">\n                      {selectedType == \"Tahun\"\n                        ? formatCurrency(\n                            isIncludeCertificate\n                              ? packet.price_certificate_discount\n                              : packet.price_after_discount\n                          )\n                        : formatCurrency(\n                            isIncludeCertificate\n                              ? packet.price_certificate\n                              : packet.price\n                          )}\n                    </div>\n                    <div className=\"text-b1 font-light\">/Bulan</div>\n                  </div>\n                ) : (\n                  // Jadwalkan Demo\n                  <div className=\"font-medium text-neutral-80\">\n                    {packet.description}\n                  </div>\n                )}\n\n                <div className=\"text-neutral-60 font-light\">\n                  Pembayaran per{\" \"}\n                  {selectedType ? selectedType.toLowerCase() : \"\"}\n                </div>\n              </div>\n\n              {packet.button !== \"Jadwalkan Demo\" ? (\n                <div className=\"relative\" id={packet.button}>\n                  <Button\n                    isFull\n                    className=\"mt-16\"\n                    variant={packet.selected ? \"primary\" : \"secondary\"}\n                    onClick={() => onClickItem(packet.id, i)}\n                    id={packet.id}\n                  >\n                    {packet.button}\n                  </Button>\n                </div>\n              ) : (\n                <div className=\"relative\" id={packet.button}>\n                  <Button\n                    className={`mt-16`}\n                    onClick={() => {\n                      pushDataLayer({ event: packet.id });\n                      setIsOpen(!isOpen);\n                    }}\n                    variant={packet.selected ? \"primary\" : \"secondary\"}\n                    isFull\n                    id={packet.id}\n                  >\n                    {packet.button}\n                  </Button>\n\n                  <PopupModal\n                    url=\"https://calendly.com/gokampus/b2b-demo\"\n                    onModalClose={() => setIsOpen(false)}\n                    open={isOpen}\n                    rootElement={\n                      isBrowser() ? document.getElementById(\"__next\") : null\n                    }\n                    pageSettings={{\n                      backgroundColor: \"ffffff\",\n                      hideEventTypeDetails: false,\n                      hideLandingPageDetails: false,\n                      primaryColor: \"00a2ff\",\n                      textColor: \"4d5055\",\n                    }}\n                  />\n                </div>\n              )}\n\n              <Divider className=\"my-24 border-neutral20_to_dark30\" />\n\n              {packet.benefits?.length > 0 ? (\n                <div className=\"grid gap-8 mb-8\">\n                  {packet.benefits.map((elm) => (\n                    <div className=\"flex justify-start gap-8 mb-12\" key={elm}>\n                      <div className=\"w-24\">\n                        <IconCheckCircle\n                          color=\"#46CA6B\"\n                          size={24}\n                          isSameHeight={true}\n                        />\n                      </div>\n                      <div\n                        className=\"text-left text-neutral-80 font-light\"\n                        dangerouslySetInnerHTML={{\n                          __html: elm,\n                        }}\n                      ></div>\n                    </div>\n                  ))}\n                </div>\n              ) : null}\n            </div>\n          </div>\n        ))}\n      </div>\n      {/* <div className=\"flex flex-col text-left lg:w-[70vw]\">\n        {headingSectionPackets.notes.map((value) => (\n          <p className=\"font-light\">* {value}</p>\n        ))}\n      </div> */}\n    </div>\n  );\n};\n","import TranslationID from \"data/locales/id/business.json\";\nimport { ContainerDesktop } from \"components/Container\";\nimport { Switch } from \"components/Switch\";\nimport { useState } from \"react\";\nimport { IconCheckWithOuter } from \"components/Icon/IconCheckWithOuter\";\nimport { usePacketStore } from \"./packetStore\";\nimport { HomePacketCards } from \"./HomePacketCards\";\nimport { HomeTopUpCards } from \"./HomeTopUpCards\";\n\nexport const HomeTopUp: React.FC = () => {\n  const headingSectionPackets = TranslationID[\"HomeTopUp\"];\n  // const [selectedType, setSelectedType] = useState(\"Tahun\");\n  // const [isOpen, setIsOpen] = useState(false);\n  const [types, setTypes] = useState([\n    {\n      label: \"Bulanan\",\n      value: \"Bulan\",\n      selected: false,\n      child: null,\n    },\n    {\n      label: \"Tahunan\",\n      value: \"Tahun\",\n      selected: true,\n      child: (\n        <div className=\"bg-white flex justify-center items-center gap-2 px-6 py-2 rounded-12 text-orange-50 font-medium text-c1\">\n          <IconCheckWithOuter />\n          <div>Hemat 18%</div>\n        </div>\n      ),\n    },\n  ]);\n\n  const { setSelectedType, isIncludeCertificate, setIncludeCertificate } =\n    usePacketStore((state) => ({\n      setSelectedType: state.setSelectedType,\n      isIncludeCertificate: state.isIncludeCertificate,\n      setIncludeCertificate: state.setIncludeCertificate,\n    }));\n\n  return (\n    <section id=\"home-topup\">\n      <div className=\"h-52\"></div>\n      <ContainerDesktop className=\"pb-52 sm-max:pb-36\" useAuto>\n        <div className=\"flex flex-col gap-24 justify-center text-center\">\n          <div className=\"grid gap-8\">\n            <h2 className=\"text-h3 font-black text-neutral-80 sm-max:text-h4\">\n              {headingSectionPackets.title}\n            </h2>\n\n            {/* <h3 className=\"text-h4 font-light text-neutral-70 sm-max:text-b1\">\n              {headingSectionPackets.description}\n            </h3> */}\n          </div>\n\n          <div className=\"flex flex-col gap-24 justify-center text-center\">\n            <div className=\"flex flex-wrap gap-8 justify-center items-center\">\n              <Switch\n                data={types}\n                onSelect={(e) => {\n                  setSelectedType(e);\n                  setTypes(\n                    types.map((x) =>\n                      x.value == e\n                        ? { ...x, selected: true }\n                        : { ...x, selected: false }\n                    )\n                  );\n                }}\n              />\n            </div>\n            {/* <div className=\"sg-max:hidden\">\n              <HomeTable />\n            </div> */}\n            <HomeTopUpCards />\n          </div>\n        </div>\n      </ContainerDesktop>\n    </section>\n  );\n};\n","import React, { useEffect, useRef, useState } from \"react\";\nimport FooterBusiness from \"components/Footer/FooterBusiness\";\nimport PageHeaderBusiness from \"components/PageHeader/PageHeaderBusiness\";\nimport { HomeDescription } from \"modules/Business/HomeDescription\";\nimport { HomeInstitutions } from \"modules/Business/HomeInstitutions\";\nimport { HomeBenefit } from \"modules/Business/HomeBenefit\";\nimport { HomeAccess } from \"modules/Business/HomeAccess\";\nimport { HomeContacts } from \"modules/Business/HomeContacts\";\nimport { useIsDesktop } from \"lib/device\";\nimport { HomePackets } from \"modules/Business/HomePackets\";\nimport { HomePopUp } from \"modules/Business/HomePopUp\";\nimport { iconColor } from \"modules/Nav/BottomNav\";\nimport { usePopupStoreFormSales } from \"modules/Home/popupStore\";\nimport Modal from \"components/Modal\";\nimport { HomeCompanies } from \"modules/Business/HomeCompanies\";\nimport PageHeaderPricing from \"components/PageHeader/PageHeaderPricing\";\nimport { HomeTestimony } from \"modules/Business/HomeTestimony\";\nimport { HomeFloatingButton } from \"modules/Home/HomeFloatingButton\";\nimport { VideoPopUp } from \"modules/Business/VideoPopUp\";\nimport { HomeInformation } from \"modules/Business/HomeInformation\";\nimport { HomeTopUp } from \"modules/Business/HomeTopUp\";\n\nconst HomeBusiness: React.FC = () => {\n  const [modeTransparent, setMode] = useState(true);\n  const [isShowHeaderPricing, setisShowHeaderPricing] = useState(false);\n  const isDesktop = useIsDesktop();\n  const scrollOffset = isDesktop ? 90 : 56;\n  const { isShow, closePopupFormSales, isShowYoutubeModal, closePopupYoutube } =\n    usePopupStoreFormSales((state) => ({\n      isShow: state.isShow,\n      closePopupFormSales: state.closePopupFormSales,\n      isShowYoutubeModal: state.isShowYoutubeModal,\n      closePopupYoutube: state.closePopupYoutube,\n    }));\n\n  const pricingRef = useRef();\n\n  useEffect(() => {\n    function onScroll(e: Event) {\n      if (window.scrollY >= scrollOffset) {\n        setMode(false);\n      } else if (window.scrollY < scrollOffset) {\n        setMode(true);\n      }\n\n      // Calculate the scroll threshold dynamically based on the reference element's position\n      //@ts-ignore\n      let referenceElementPosition = pricingRef.current.getBoundingClientRect();\n      let scrollThreshold =\n        window.innerHeight - (referenceElementPosition.top + 800);\n\n      if (scrollThreshold > 0 && scrollThreshold < 550) {\n        // Show the component when the scroll position is greater than or equal to the threshold\n        setisShowHeaderPricing(true);\n      } else {\n        // Hide the component when the scroll position is less than the threshold\n        setisShowHeaderPricing(false);\n      }\n    }\n\n    window.addEventListener(\"scroll\", onScroll);\n\n    return () => window.removeEventListener(\"scroll\", onScroll);\n  }, []);\n\n  return (\n    <>\n      <link\n        rel=\"stylesheet\"\n        href=\"https://unpkg.com/swiper@7/swiper-bundle.min.css\"\n      />\n      <link itemProp=\"thumbnailUrl\" href=\"/icon-default.png\"></link>\n      <span\n        itemProp=\"thumbnail\"\n        itemScope\n        itemType=\"http://schema.org/ImageObject\"\n      >\n        <link itemProp=\"url\" href=\"/icon-default.png\"></link>\n      </span>\n\n      <main className=\"bg-[url('/images/image-bg-desktop.webp')] bg-no-repeat bg-cover sm-max:bg-[url('/images/image-bg-mobile.webp')]\">\n        <PageHeaderBusiness isTransparent={modeTransparent} />\n        {isShowHeaderPricing && <PageHeaderPricing />}\n        <HomeDescription />\n        <HomeCompanies />\n        {/* <HomeInstitutions /> */}\n        {/* <HomeInformation /> */}\n        <HomeBenefit />\n        <HomeAccess />\n        <div ref={pricingRef}>\n          <HomePackets />\n        </div>\n        <HomeTopUp />\n        <HomeTestimony />\n        <HomeContacts />\n        <FooterBusiness />\n        <Modal\n          key={\"modal-youtube\"}\n          className=\"bg-[url('/images/image-bg-desktop.webp')] bg-no-repeat bg-cover sm-max:bg-[url('/images/image-bg-mobile.webp')]\"\n          contentClassName=\"!bg-transparent\"\n          childrenClassName=\"lg:h-[85vh] lg:flex\"\n          color={iconColor.default}\n          isShow={isShowYoutubeModal}\n          onClose={closePopupYoutube}\n          isFullScreen={true}\n          isTopBorderTransparent={true}\n          isWidthScreen=\"90vw\"\n        >\n          <VideoPopUp />\n        </Modal>\n        <Modal\n          key={\"modal-popup-sales\"}\n          className=\"flex items-center justify-center bg-[url('/images/image-bg-desktop.webp')] bg-no-repeat bg-cover sm-max:bg-[url('/images/image-bg-mobile.webp')]\"\n          contentClassName=\"!bg-transparent\"\n          childrenClassName=\"lg:h-[80vh] lg:flex\"\n          color={iconColor.default}\n          isShow={isShow}\n          onClose={closePopupFormSales}\n          isFullScreen={true}\n          isTopBorderTransparent={true}\n          isWidthScreen=\"90vw\"\n        >\n          <HomePopUp />\n        </Modal>\n        {/* <HomeFloatingButton /> */}\n      </main>\n    </>\n  );\n};\n\nexport default HomeBusiness;\n"],"names":["window","__NEXT_P","push","HomeDescription","headingSectionDescription","TranslationID","showPopupYoutube","usePopupStoreFormSales","state","isDesktop","setIsDesktop","useState","videoRef","useRef","containerRefDesktop","containerRefMobile","progressBarRef","activeSection","setActiveSection","isPlaying","setIsPlaying","isMuted","setIsMuted","isBuffering","setIsBuffering","percentage","setPercentage","sections","id","start","end","no","title","description","handlePlayVideo","setTimeout","handlePauseVideo","handleBuffering","handleBufferingEnd","useEffect","video","current","section","find","s","seekTo","observeVisibility","ref","observer","IntersectionObserver","entry","isIntersecting","threshold","observe","unobserve","player","ReactPlayer","url","controls","playing","onPause","onPlay","onBuffer","onBufferEnd","onReady","onProgress","progress","played","currentTime","length","forEach","muted","loop","progressInterval","playsinline","width","height","unobserveDesktop","unobserveMobile","resizeHandler","innerWidth","addEventListener","removeEventListener","ContainerDesktop","className","useAuto","div","h1","dangerouslySetInnerHTML","__html","Link","href","onClick","e","preventDefault","targetId","currentTarget","replace","elem","document","getElementById","scrollIntoView","behavior","block","inline","ButtonScheduleDemo","img","src","alt","p","style","boxShadow","position","display","prev","justifyContent","marginTop","map","padding","borderRadius","color","textAlign","opacity","transition","background","backdropFilter","h4","bottom","left","button","IconBooks","size","svg","viewBox","fill","xmlns","path","d","IconElectric","stroke","strokeWidth","IconCurrency","fillRule","clipRule","HomeBenefit","headingSectionBenefit","showPopupFormSales","useRouter","activeIndex","setActiveIndex","previousIndex","setPreviousIndex","setProgress","Array","content","isTransitioning","setIsTransitioning","slideInterval","setInterval","prevIndex","clearInterval","startTime","Date","now","elapsedTime","progressValue","Math","min","_","idx","getProgressBarStyles","index","transform","handleScroll","renderDescription","contents","isImageLeft","isTwoColumn","buttonItem","secondButtonItem","icon","Button","variant","pushDataLayer","event","buttonDesc","a","isFull","isArray","activeImageIndex","setActiveImageIndex","direction","setDirection","carouselInterval","showSecondImage","setShowSecondImage","indexOf","timer","clearTimeout","book","electric","currency","h3","random","autoPlay","playsInline","disableRemotePlayback","imageUrl","passive","image","imageAlt","h2","item","SwiperCore","Navigation","HomeAccess","headingSectionAccess","selectedItem","setSelectedItem","allCategories","setAllCategories","allCourse","setAllCourse","isLoading","setLoading","allData","setAllData","getCoursesByCategory","fetch","then","res","json","data","category","hits","name","filterByKey","key","courses","all","skills","some","slug","animationClass","setAnimationClass","slideOutTimer","slideInTimer","useIsDesktop","undefined","isMobileView","screen","TabsCustom","onSelectItem","useMinWidth","MoonLoader","Swiper","freeMode","navigation","breakpoints","slidesPerView","slidesPerGroup","spaceBetween","cssMode","mousewheel","keyboard","modules","Pagination","Mousewheel","Keyboard","course","SwiperSlide","CardCourseWithLesson","isLayoutNew","isHorizontal","onClickFunction","HomeContacts","headingSectionContact","Switch","onSelect","i","selected","value","onMouseUp","onMouseUpCapture","label","child","IconCheckWithOuter","g","usePacketStore","createStore","set","selectedType","isIncludeCertificate","isOpen","setSelectedType","setIncludeCertificate","setIsOpen","HomePacketCards","packets","filter","packet","benefits","onClickItem","itemId","tagline","price","formatCurrency","price_certificate","price_certificate_discount","price_after_discount","toLowerCase","PopupModal","onModalClose","open","rootElement","isBrowser","pageSettings","backgroundColor","hideEventTypeDetails","hideLandingPageDetails","primaryColor","textColor","Divider","elm","Image","HomePackets","headingSectionPackets","types","setTypes","x","DataInfo","UserCompanies","image_url","DoubledUserCompanies","HomeCompanies","scrollPosition","setScrollPosition","textCompanies","interval","prevPosition","newPosition","institution","minWidth","HomeTestimony","wordingTestimony","settingsSwiperCard","autoplay","delay","disableOnInteraction","speed","testimonies","testimony","urlPeople","job","urlInstitution","body","pagination","clickable","VideoPopUp","eventId","textDocs","closePopupFormSales","currentCtaEvent","contact","setcontact","setIsLoading","showToast","useToastStore","usePostApi","usePostContactBusiness","VideoJS","contactSales","contactSalesDesc","fieldContactInput","FormFieldText","islast","classBase","inputStyle","placeholder","fieldContactPlaceholder","onChange","target","type","message","urlOrigin","location","doFetch","url_origin","onSuccess","onError","err","submit","fieldSubmit","HomeTopUpCards","IconCheckCircle","isSameHeight","HomeTopUp","modeTransparent","setMode","isShowHeaderPricing","setisShowHeaderPricing","scrollOffset","isShow","isShowYoutubeModal","closePopupYoutube","pricingRef","onScroll","scrollY","referenceElementPosition","getBoundingClientRect","scrollThreshold","innerHeight","top","link","rel","itemProp","span","itemScope","itemType","main","PageHeaderBusiness","isTransparent","PageHeaderPricing","FooterBusiness","Modal","contentClassName","childrenClassName","iconColor","onClose","isFullScreen","isTopBorderTransparent","isWidthScreen","HomePopUp"],"sourceRoot":""}