https://klinikme.com/_next/static/chunks/93970-ebd544ceb51246e6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93970],{93970:function(t,e,a){a.d(e,{Z:function(){return m}});var n=a(14251),i=a(52875),r=a(85893),s=a(67294),o=a(25675),l=a.n(o),d=a(41664),w=a.n(d),u=function(){var t=(0,s.useState)("Umum"),e=t[0],a=t[1],o=(0,s.useState)(0),d=o[0],u=o[1],m=(0,s.useRef)(null),k=["Umum","Gigi & Mulut","Estetika","Bersama","Bersama (Estetika)"],c={Umum:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien)","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Anatomi Tubuh Interaktif","Kajian Resep","Klaim Asuransi"],"Gigi & Mulut":["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien - Apotek)","Odontogram Interaktif","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Kajian Resep","Klaim Asuransi"],Estetika:["Laporan Rekam Medis, Pendapatan, dan SKP","Farmasi","Billing (Tagihan Pasien - Apotek)","Dokumen General Consent","Dashboard","Booking Online - HelloKlinikMe","Scan KTP","Dokumen CPPT","Dokumen Tindakan Anestesi Sedasi","Before-After (Treatment Result View)","Dokumen Assesment (Prasedasi, Pratindakan, Dokter Anestesi)","Dokumen Surgical Safety","Kajian Resep","Klaim Asuransi"],Bersama:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Integrasi Rekam Medis Untuk Multi Cabang","Diagnosa Interaktif (Anatomi, Odontogram, Before After)","Dokumen Tindakan Anestesi Sedasi","Dokumen Assesment (Prasedasi, Pratindakan, Dokter Anestesi)","Dokumen Surgical Safety","Kajian Resep","Klaim Asuransi"],"Bersama (Estetika)":["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Integrasi Rekam Medis Untuk Multi Cabang","Diagnosa Interaktif (Anatomi, Odontogram)","Kajian Resep","Klaim Asuransi"]},p={Umum:[{name:"Starter",tagline:"Langkah awal menuju klinik modern dengan biaya terjangkau",headerBg:"#F7E579",textColor:"#414141",iconType:"target",activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien)"]},{name:"Growth",tagline:"Paket favorit untuk klinik yang ingin berkembang lebih cepat",headerBg:"#F09949",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien)","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi"]},{name:"Pro",tagline:"Pilihan terbaik untuk klinik profesional dengan kebutuhan penuh",headerBg:"#5C9929",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien)","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Anatomi Tubuh Interaktif","Kajian Resep","Klaim Asuransi"]}],"Gigi & Mulut":[{name:"Starter",tagline:"Langkah awal menuju klinik modern dengan biaya terjangkau",headerBg:"#F7E579",textColor:"#414141",iconType:"target",activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien - Apotek)","Odontogram Interaktif"]},{name:"Growth",tagline:"Paket favorit untuk klinik yang ingin berkembang lebih cepat",headerBg:"#F09949",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien - Apotek)","Odontogram Interaktif","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi"]},{name:"Pro",tagline:"Pilihan terbaik untuk klinik profesional dengan kebutuhan penuh",headerBg:"#5C9929",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien - Apotek)","Odontogram Interaktif","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Kajian Resep","Klaim Asuransi"]}],Estetika:[{name:"Starter",tagline:"Langkah awal menuju klinik modern dengan biaya terjangkau",headerBg:"#F7E579",textColor:"#414141",iconType:"target",activeFeatures:["Laporan Rekam Medis, Pendapatan, dan SKP","Farmasi","Billing (Tagihan Pasien - Apotek)","Dokumen General Consent"]},{name:"Growth",tagline:"Paket favorit untuk klinik yang ingin berkembang lebih cepat",headerBg:"#F09949",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Laporan Rekam Medis, Pendapatan, dan SKP","Farmasi","Billing (Tagihan Pasien - Apotek)","Dokumen General Consent","Dashboard","Booking Online - HelloKlinikMe","Scan KTP","Dokumen CPPT","Dokumen Tindakan Anestesi Sedasi","Before-After (Treatment Result View)"]},{name:"Pro",tagline:"Pilihan terbaik untuk klinik profesional dengan kebutuhan penuh",headerBg:"#5C9929",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Laporan Rekam Medis, Pendapatan, dan SKP","Farmasi","Billing (Tagihan Pasien - Apotek)","Dokumen General Consent","Dashboard","Booking Online - HelloKlinikMe","Scan KTP","Dokumen CPPT","Dokumen Tindakan Anestesi Sedasi","Before-After (Treatment Result View)","Dokumen Assesment (Prasedasi, Pratindakan, Dokter Anestesi)","Dokumen Surgical Safety","Kajian Resep","Klaim Asuransi"]}],Bersama:[{name:"Growth",tagline:"Paket favorit untuk klinik yang ingin berkembang lebih cepat",headerBg:"#F09949",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Integrasi Rekam Medis Untuk Multi Cabang"]},{name:"Pro",tagline:"Pilihan terbaik untuk klinik profesional dengan kebutuhan penuh",headerBg:"#5C9929",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Integrasi Rekam Medis Untuk Multi Cabang","Diagnosa Interaktif (Anatomi, Odontogram, Before After)","Dokumen Tindakan Anestesi Sedasi","Dokumen Assesment (Prasedasi, Pratindakan, Dokter Anestesi)","Dokumen Surgical Safety","Kajian Resep","Klaim Asuransi"]}],"Bersama (Estetika)":[{name:"Growth",tagline:"Paket favorit untuk klinik yang ingin berkembang lebih cepat",headerBg:"#F09949",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Integrasi Rekam Medis Untuk Multi Cabang"]},{name:"Pro",tagline:"Pilihan terbaik untuk klinik profesional dengan kebutuhan penuh",headerBg:"#5C9929",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Diagnosa Interaktif (Anatomi, Odontogram)","Kajian Resep","Klaim Asuransi","Integrasi Rekam Medis Untuk Multi Cabang"]}]},x=function(t){var e=c[t]||[];return(p[t]||[]).map((function(t){return(0,i.Z)((0,n.Z)({},t),{features:e.map((function(e){return{text:e,active:t.activeFeatures.includes(e)}}))})}))}(e),g=function(t){a(t),u(0),m.current&&m.current.scrollTo({left:0,behavior:"smooth"})};return(0,r.jsx)("section",{className:"md:tw-hidden tw-relative tw-w-full tw-bg-white tw-py-[40p

1x]",children:(0,r.jsxs)("div",{className:"tw-max-w-[1440px] tw-mx-auto tw-px-4 tw-flex tw-flex-col tw-items-center tw-gap-[32px]",children:[(0,r.jsxs)("div",{className:"tw-text-center tw-max-w-[850px] tw-mx-auto tw-px-2",children:[(0,r.jsx)("h2",{className:"tw-font-nunito tw-font-bold tw-text-[24px] sm:tw-text-[32px] tw-leading-tight tw-text-[#414141] tw-mb-3",children:"Pilih Paket dengan Fitur Rekam Medis Elektronik Sesuai Kebutuhan Klinik"}),(0,r.jsx)("p",{className:"tw-font-nunito tw-font-normal tw-text-[14px] sm:tw-text-[16px] tw-leading-relaxed tw-text-[#414141CC]",children:"Dapatkan fitur rekam medis elektronik pada setiap paket KlinikMe dan temukan solusi yang tepat untuk mendukung operasional klinik secara lebih efisien, aman dan terintegrasi"})]}),(0,r.jsxs)("div",{className:"tw-w-full max-tw-w-[360px] sm:tw-max-w-[540px] tw-h-auto tw-bg-white tw-rounded-[24px] tw-p-[6px] tw-flex tw-flex-col tw-gap-[6px] tw-shadow-[0px_10px_25px_rgba(24,59,86,0.12)] tw-items-center tw-justify-center",children:[(0,r.jsx)("div",{className:"tw-flex tw-items-center tw-justify-center tw-w-full tw-gap-[4px]",children:k.slice(0,3).map((function(t){var a=e===t;return(0,r.jsx)("button",{type:"button",onClick:function(){return g(t)},className:"tw-px-3 sm:tw-px-4 tw-py-2 tw-h-[38px] tw-flex tw-items-center tw-justify-center tw-cursor-pointer tw-transition-all tw-rounded-[24px] tw-text-center tw-text-[13px] sm:tw-text-[14px] md:tw-text-[16px] tw-whitespace-nowrap ".concat(a?"tw-text-[#5C9929] tw-font-nunito tw-font-bold tw-shadow-sm":"tw-text-[#414141CC] tw-font-nunito tw-font-medium hover:tw-text-[#414141]"),style:a?{background:"linear-gradient(82.13deg, #E7FFD6 -0.39%, #FFFCAA 99.61%)",border:"1px solid #B5DB96"}:{background:"transparent",border:"1px solid transparent"},children:t},t)}))}),(0,r.jsx)("div",{className:"tw-flex tw-items-center tw-justify-center tw-w-full tw-gap-[4px]",children:k.slice(3,5).map((function(t){var a=e===t;return(0,r.jsx)("button",{type:"button",onClick:function(){return g(t)},className:"tw-px-3 sm:tw-px-4 tw-py-2 tw-h-[38px] tw-flex tw-items-center tw-justify-center tw-cursor-pointer tw-transition-all tw-rounded-[24px] tw-text-center tw-text-[13px] sm:tw-text-[14px] md:tw-text-[16px] tw-whitespace-nowrap ".concat(a?"tw-text-[#5C9929] tw-font-nunito tw-font-bold tw-shadow-sm":"tw-text-[#414141CC] tw-font-nunito tw-font-medium hover:tw-text-[#414141]"),style:a?{background:"linear-gradient(82.13deg, #E7FFD6 -0.39%, #FFFCAA 99.61%)",border:"1px solid #B5DB96"}:{background:"transparent",border:"1px solid transparent"},children:t},t)}))})]}),(0,r.jsxs)("div",{className:"tw-w-full tw-flex tw-flex-col tw-items-center",children:[(0,r.jsx)("div",{ref:m,onScroll:function(){var t;if(m.current){var e=m.current.scrollLeft,a=(null===(t=m.current.children[0])||void 0===t?void 0:t.offsetWidth)||300,n=Math.round(e/(a+16));n!==d&&n>=0&&n<x.length&&u(n)}},className:"tw-w-full tw-flex tw-overflow-x-auto tw-snap-x tw-snap-mandatory no-scrollbar tw-gap-4 tw-px-4 tw-py-2 tw-justify-start",children:x.map((function(t,e){var a="Starter"===t.name?"/versi-2/top.png":"Growth"===t.name?"/versi-2/starter.png":"/versi-2/pro.png";return(0,r.jsxs)("div",{className:"tw-w-[85vw] max-tw-w-[340px] sm:tw-w-[340px] tw-shrink-0 tw-snap-center tw-flex tw-flex-col tw-h-auto tw-bg-white tw-rounded-[26px] tw-shadow-[0px_12px_32px_rgba(0,0,0,0.06)] tw-overflow-hidden tw-relative tw-border tw-border-gray-100",children:[(0,r.jsx)("div",{className:"tw-h-[90px] tw-px-6 tw-py-4 tw-relative tw-flex tw-items-center",style:{backgroundImage:"url('".concat(a,"')"),backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"},children:(0,r.jsxs)("div",{className:"tw-flex tw-items-center tw-justify-between tw-w-full",children:[(0,r.jsxs)("div",{className:"tw-flex tw-items-center tw-gap-3",children:["target"===t.iconType?(0,r.jsx)("div",{className:"tw-w-[44px] tw-h-[44px] tw-rounded-xl tw-bg-[#5C9929] tw-flex tw-items-center tw-justify-center tw-shrink-0 tw-shadow-sm",children:(0,r.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("circle",{cx:"12",cy:"12",r:"9",stroke:"white",strokeWidth:"2"}),(0,r.jsx)("circle",{cx:"12",cy:"12",r:"5",stroke:"white",strokeWidth:"2"}),(0,r.jsx)("circle",{cx:"12",cy:"12",r:"1.5",fill:"white"})]})}):(0,r.jsx)("div",{className:"tw-w-[44px] tw-h-[44px] tw-bg-white/20 tw-rounded-xl tw-flex tw-items-center tw-justify-center tw-shrink-0",children:(0,r.jsx)(l(),{src:t.icon,width:28,height:28,alt:t.name})}),(0,r.jsx)("h3",{className:"tw-font-nunito tw-font-bold tw-text-[24px] sm:tw-text-[28px]",style:{color:t.textColor},children:t.name})]}),t.bestOffer&&(0,r.jsx)("div",{className:"tw-w-[78px] tw-h-[26px] tw-bg-[#FFF7A1] tw-border tw-border-[#

1E2DC99] tw-rounded-[8px] tw-text-[10px] tw-font-bold tw-text-[#F09949] tw-flex tw-items-center tw-justify-center tw-shadow-[inset_2px_2px_4px_0px_#FFFFFF52]",children:"Best offer"})]})}),(0,r.jsx)("div",{className:"tw-p-[24px] sm:tw-p-[32px] tw-pt-[20px] sm:tw-pt-[24px] tw-flex-1",children:(0,r.jsx)("div",{className:"tw-flex tw-flex-col tw-gap-[12px]",children:t.features.map((function(t,e){return(0,r.jsxs)("div",{className:"tw-flex tw-items-start tw-gap-3",children:[(0,r.jsx)("div",{className:"tw-w-5 tw-h-5 tw-shrink-0 tw-flex tw-items-center tw-justify-center tw-mt-0.5 ".concat(t.active?"tw-text-[#5C9929]":"tw-text-gray-300"),children:(0,r.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M16.6666 5L7.49992 14.1667L3.33325 10",stroke:t.active?"#5C9929":"#CCCCCC",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,r.jsx)("span",{className:"tw-font-nunito tw-text-[13px] tw-leading-snug ".concat(t.active?"tw-text-[#414141] tw-font-semibold":"tw-text-[#414141]/40"),children:t.text})]},e)}))})}),(0,r.jsx)("div",{className:"tw-p-[24px] sm:tw-p-[32px] tw-pt-0 tw-flex tw-justify-center tw-mt-auto",children:(0,r.jsx)(w(),{href:"/formkonsultasi",children:(0,r.jsx)("a",{className:"tw-no-underline tw-w-full",children:(0,r.jsx)("button",{className:"tw-w-full tw-h-[40px] tw-rounded-[25px] tw-border tw-border-[#5C9929] tw-bg-[#E7FBD7] tw-text-[#5C9929] tw-font-nunito tw-font-bold tw-text-[14px] hover:tw-bg-[#5C9929] hover:tw-text-white tw-transition-all tw-flex tw-items-center tw-justify-center tw-cursor-pointer",children:"Demo Gratis"})})})})]},e)}))}),(0,r.jsx)("div",{className:"tw-flex tw-items-center tw-justify-center tw-gap-2 tw-mt-4",children:x.map((function(t,e){return(0,r.jsx)("button",{type:"button",onClick:function(){return function(t){var e;if(m.current){var a=(null===(e=m.current.children[0])||void 0===e?void 0:e.offsetWidth)||300;m.current.scrollTo({left:t*(a+16),behavior:"smooth"}),u(t)}}(e)},"aria-label":"Ke slide ".concat(e+1),className:"tw-h-2.5 tw-rounded-full tw-transition-all tw-duration-300 tw-border-0 ".concat(d===e?"tw-w-8 tw-bg-[#5C9929]":"tw-w-2.5 tw-bg-gray-300 hover:tw-bg-gray-400")},e)}))})]})]})})},m=function(){var t=(0,s.useState)("Umum"),e=t[0],a=t[1],o=(0,s.useState)(0),d=o[0],m=o[1],k=(0,s.useRef)(null),c=["Umum","Gigi & Mulut","Estetika","Bersama","Bersama (Estetika)"],p={Umum:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien)","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Anatomi Tubuh Interaktif","Kajian Resep","Klaim Asuransi"],"Gigi & Mulut":["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien - Apotek)","Odontogram Interaktif","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Kajian Resep","Klaim Asuransi"],Estetika:["Laporan Rekam Medis, Pendapatan, dan SKP","Farmasi","Billing (Tagihan Pasien - Apotek)","Dokumen General Consent","Dashboard","Booking Online - HelloKlinikMe","Scan KTP","Dokumen CPPT","Dokumen Tindakan Anestesi Sedasi","Before-After (Treatment Result View)","Dokumen Assesment (Prasedasi, Pratindakan, Dokter Anestesi)","Dokumen Surgical Safety","Kajian Resep","Klaim Asuransi"],Bersama:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Integrasi Rekam Medis Untuk Multi Cabang","Diagnosa Interaktif (Anatomi, Odontogram, Before After)","Dokumen Tindakan Anestesi Sedasi","Dokumen Assesment (Prasedasi, Pratindakan, Dokter Anestesi)","Dokumen Surgical Safety","Kajian Resep","Klaim Asuransi"],"Bersama (Estetika)":["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Integrasi Rekam Medis Untuk Multi Cabang","Diagnosa Interaktif (Anatomi, Odontogram)","Kajian Resep","Klaim Asuransi"]},x={Umum:[{name:"Starter",tagline:"Langkah awal menuju klinik modern dengan biaya terjangkau",headerBg:"#F7E579",textColor:"#414141",iconType:"target",activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien)"]},{name:"Growth",tagline:"Paket favorit untuk klinik yang ingin berkembang lebih cepat",headerBg:"#F09949",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien)","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi"]},{name:"Pro",tagline:"Pilihan terbaik untuk klinik profesional dengan kebutuhan penuh",headerBg:"#5C9929",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien)","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Anatomi Tubuh Interaktif","Kajian Resep","Klaim Asuransi"]}],"Gigi & Mulut":[{name:"Starter",tagline:"Langkah awal menuju klinik modern dengan biaya terjangkau",headerBg:"#F7E579",textColor:"#414141",iconType:"target",activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien - Apotek)","Odontogram Interaktif"]},{name:"Growth",tagline:"Paket favorit untuk klinik yang ingin berkembang lebih cepat",headerBg:"#F09949",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien - Apotek)","Odontogram Interaktif","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi"]},{name:"Pro",tagline:"Pilihan terbaik untuk klinik profesional dengan kebutuhan penuh",headerBg:"#5C9929",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Billing (Tagihan Pasien - Apotek)","Odontogram Interaktif","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Kajian Resep","Klaim Asuransi"]}],Estetika:[{name:"Starter",tagline:"Langkah awal menuju klinik modern dengan biaya terjangkau",headerBg:"#F7E579",textColor:"#414141",iconType:"target",activeFeatures:["Laporan Rekam Medis, Pendapatan, dan SKP","Farmasi","Billing (Tagihan Pasien - Apotek)","Dokumen General Consent"]},{name:"Growth",tagline:"Paket favorit untuk klinik yang ingin berkembang lebih cepat",headerBg:"#F09949",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Laporan Rekam Medis, Pendapatan, dan SKP","Farmasi","Billing (Tagihan Pasien - Apotek)","Dokumen General Consent","Dashboard","Booking Online - HelloKlinikMe","Scan KTP","Dokumen CPPT","Dokumen Tindakan Anestesi Sedasi","Before-After (Treatment Result View)"]},{name:"Pro",tagline:"Pilihan terbaik untuk klinik profesional dengan kebutuhan penuh",headerBg:"#5C9929",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Laporan Rekam Medis, Pendapatan, dan SKP","Farmasi","Billing (Tagihan Pasien - Apotek)","Dokumen General Consent","Dashboard","Booking Online - HelloKlinikMe","Scan KTP","Dokumen CPPT","Dokumen Tindakan Anestesi Sedasi","Before-After (Treatment Result View)","Dokumen Assesment (Prasedasi, Pratindakan, Dokter Anestesi)","Dokumen Surgical Safety","Kajian Resep","Klaim Asuransi"]}],Bersama:[{name:"Growth",tagline:"Paket favorit untuk klinik yang ingin berkembang lebih cepat",headerBg:"#F09949",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Integrasi Rekam Medis Untuk Multi Cabang"]},{name:"Pro",tagline:"Pilihan terbaik untuk klinik profesional dengan kebutuhan penuh",headerBg:"#5C9929",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Integrasi Rekam Medis Untuk Multi Cabang","Diagnosa Interaktif (Anatomi, Odontogram, Before After)","Dokumen Tindakan Anestesi Sedasi","Dokumen Assesment (Prasedasi, Pratindakan, Dokter Anestesi)","Dokumen Surgical Safety","Kajian Resep","Klaim Asuransi"]}],"Bersama (Estetika)":[{name:"Growth",tagline:"Paket favorit untuk klinik yang ingin berkembang lebih cepat",headerBg:"#F09949",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Integrasi Rekam Medis Untuk Multi Cabang"]},{name:"Pro",tagline:"Pilihan terbaik untuk klinik profesional dengan kebutuhan penuh",headerBg:"#5C9929",textColor:"#FFFFFF",icon:"/revamp/icon/standard.png",bestOffer:!0,activeFeatures:["Rekam Medis","Laporan Rekam Medis, Pendapatan dan SKP","Surat Sakit, Surat Sehat dan Rujukan","Riwayat CPPT","Dashboard","Booking Online - HelloKlinikMe & BPJS","Scan KTP","Farmasi","Diagnosa Interaktif (Anatomi, Odontogram)","Kajian Resep","Klaim Asuransi","Integrasi Rekam Medis Untuk Multi Cabang"]}]},g=function(t){var e=p[t]||[];return(x[t]||[]).map((function(t){return(0,i.Z)((0,n.Z)({},t),{features:e.map((function(e){return{text:e,active:t.activeFeatures.includes(e)}}))})}))}(e),h=function(t){a(t),m(0),k.current&&k.current.scrollTo({left:0,behavior:"smooth"})};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(u,{}),(0,r.jsx)("section",{className:"tw-hidden md:tw-block tw-relative tw-w-full tw-bg-white tw-py-[80px]",children:(0,r.jsxs)("div",{className:"tw-max-w-[1440px] tw-mx-auto tw-px-4 sm:tw-px-6 md:tw-px-[124px] tw-flex tw-flex-col tw-items-center tw-gap-[32px] md:tw-gap-[64px]",children:[(0,r.jsxs)("div",{className:"tw-text-center tw-max-w-[850px] tw-mx-auto tw-px-2",children:[(0,r.jsx)("h2",{className:"tw-font-nunito tw-font-bold tw-text-[24px] sm:tw-text-[28px] md:tw-text-[32px] tw-leading-tight tw-text-[#414141] tw-mb-3 md:tw-mb-4",children:"Pilih Paket dengan Fitur Rekam Medis Elektronik Sesuai Kebutuhan Klinik"}),(0,r.jsx)("p",{className:"tw-font-nunito tw-font-normal tw-text-[14px] sm:tw-text-[15px] md:tw-text-[16

1px] tw-leading-relaxed tw-text-[#414141CC]",children:"Dapatkan fitur rekam medis elektronik pada setiap paket KlinikMe dan temukan solusi yang tepat untuk mendukung operasional klinik secara lebih efisien, aman dan terintegrasi"})]}),(0,r.jsxs)("div",{className:"tw-w-full max-tw-w-[360px] sm:tw-max-w-[540px] md:tw-max-w-[680px] tw-h-auto tw-bg-white tw-rounded-[24px] md:tw-rounded-[28px] tw-p-[6px] md:tw-p-[8px] tw-flex tw-flex-col md:tw-flex-row md:tw-flex-nowrap tw-gap-[6px] md:tw-gap-[8px] tw-shadow-[0px_10px_25px_rgba(24,59,86,0.12)] tw-items-center tw-justify-center",children:[(0,r.jsx)("div",{className:"tw-flex md:tw-contents tw-items-center tw-justify-center tw-w-full tw-gap-[4px] sm:tw-gap-[6px]",children:c.slice(0,3).map((function(t){var a=e===t;return(0,r.jsx)("button",{type:"button",onClick:function(){return h(t)},className:"tw-px-3 sm:tw-px-4 tw-py-2 md:tw-py-0 tw-h-[38px] md:tw-h-[42px] tw-flex tw-items-center tw-justify-center tw-cursor-pointer tw-transition-all tw-rounded-[24px] tw-text-center tw-text-[13px] sm:tw-text-[14px] md:tw-text-[16px] tw-whitespace-nowrap ".concat(a?"tw-text-[#5C9929] tw-font-nunito tw-font-bold tw-shadow-sm":"tw-text-[#414141CC] tw-font-nunito tw-font-medium hover:tw-text-[#414141]"),style:a?{background:"linear-gradient(82.13deg, #E7FFD6 -0.39%, #FFFCAA 99.61%)",border:"1px solid #B5DB96"}:{background:"transparent",border:"1px solid transparent"},children:t},t)}))}),(0,r.jsx)("div",{className:"tw-flex md:tw-contents tw-items-center tw-justify-center tw-w-full tw-gap-[4px] sm:tw-gap-[6px]",children:c.slice(3,5).map((function(t){var a=e===t;return(0,r.jsx)("button",{type:"button",onClick:function(){return h(t)},className:"tw-px-3 sm:tw-px-4 tw-py-2 md:tw-py-0 tw-h-[38px] md:tw-h-[42px] tw-flex tw-items-center tw-justify-center tw-cursor-pointer tw-transition-all tw-rounded-[24px] tw-text-center tw-text-[13px] sm:tw-text-[14px] md:tw-text-[16px] tw-whitespace-nowrap ".concat(a?"tw-text-[#5C9929] tw-font-nunito tw-font-bold tw-shadow-sm":"tw-text-[#414141CC] tw-font-nunito tw-font-medium hover:tw-text-[#414141]"),style:a?{background:"linear-gradient(82.13deg, #E7FFD6 -0.39%, #FFFCAA 99.61%)",border:"1px solid #B5DB96"}:{background:"transparent",border:"1px solid transparent"},children:t},t)}))})]}),(0,r.jsxs)("div",{className:"tw-w-full tw-flex tw-flex-col tw-items-center",children:[(0,r.jsx)("div",{ref:k,onScroll:function(){var t;if(k.current){var e=k.current.scrollLeft,a=(null===(t=k.current.children[0])||void 0===t?void 0:t.offsetWidth)||300,n=Math.round(e/(a+16));n!==d&&n>=0&&n<g.length&&m(n)}},className:"tw-w-full tw-flex tw-overflow-x-auto md:tw-overflow-visible tw-snap-x tw-snap-mandatory md:tw-snap-none no-scrollbar tw-gap-4 md:tw-gap-[32px] tw-px-4 md:tw-px-0 tw-py-2 tw-justify-start md:tw-justify-center",children:g.map((function(t,e){var a="Starter"===t.name?"/versi-2/top.png":"Growth"===t.name?"/versi-2/starter.png":"/versi-2/pro.png";return(0,r.jsxs)("div",{className:"tw-w-[85vw] max-tw-w-[340px] sm:tw-w-[340px] md:tw-w-[354px] tw-shrink-0 md:tw-shrink tw-snap-center tw-flex tw-flex-col tw-h-auto tw-bg-white tw-rounded-[26px] tw-shadow-[0px_12px_32px_rgba(0,0,0,0.06)] tw-overflow-hidden tw-relative tw-border tw-border-gray-100",children:[(0,r.jsx)("div",{className:"tw-h-[90px] tw-px-6 tw-py-4 tw-relative tw-flex tw-items-center",style:{backgroundImage:"url('".concat(a,"')"),backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"},children:(0,r.jsxs)("div",{className:"tw-flex tw-items-center tw-justify-between tw-w-full",children:[(0,r.jsxs)("div",{className:"tw-flex tw-items-center tw-gap-3 sm:tw-gap-4",children:["target"===t.iconType?(0,r.jsx)("div",{className:"tw-w-[44px] tw-h-[44px] tw-rounded-xl tw-bg-[#5C9929] tw-flex tw-items-center tw-justify-center tw-shrink-0 tw-shadow-sm",children:(0,r.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("circle",{cx:"12",cy:"12",r:"9",stroke:"white",strokeWidth:"2"}),(0,r.jsx)("circle",{cx:"12",cy:"12",r:"5",stroke:"white",strokeWidth:"2"}),(0,r.jsx)("circle",{cx:"12",cy:"12",r:"1.5",fill:"white"})]})}):(0,r.jsx)("div",{className:"tw-w-[44px] tw-h-[44px] tw-bg-white/20 tw-rounded-xl tw-flex tw-items-center tw-justify-center tw-shrink-0",children:(0,r.jsx)(l(),{src:t.icon,width:28,height:28,alt:t.name})}),(0,r.jsx)("h3",{className:"tw-font-nunito tw-font-bold tw-text-[24px] sm:tw-text-[28px]",style:{color:t.textColor},children:t.name})]}),t.bestOffer&&(0,r.jsx)("div",{className:"tw-w-[78px] tw-h-[26px] tw-bg-[#FFF7A1] tw-border tw-border-[#

1E2DC99] tw-rounded-[8px] tw-text-[10px] tw-font-bold tw-text-[#F09949] tw-flex tw-items-center tw-justify-center tw-shadow-[inset_2px_2px_4px_0px_#FFFFFF52]",children:"Best offer"})]})}),(0,r.jsx)("div",{className:"tw-p-[24px] sm:tw-p-[32px] tw-pt-[20px] sm:tw-pt-[24px] tw-flex-1",children:(0,r.jsx)("div",{className:"tw-flex tw-flex-col tw-gap-[12px]",children:t.features.map((function(t,e){return(0,r.jsxs)("div",{className:"tw-flex tw-items-start tw-gap-3",children:[(0,r.jsx)("div",{className:"tw-w-5 tw-h-5 tw-shrink-0 tw-flex tw-items-center tw-justify-center tw-mt-0.5 ".concat(t.active?"tw-text-[#5C9929]":"tw-text-gray-300"),children:(0,r.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M16.6666 5L7.49992 14.1667L3.33325 10",stroke:t.active?"#5C9929":"#CCCCCC",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,r.jsx)("span",{className:"tw-font-nunito tw-text-[13px] sm:tw-text-[13px] tw-leading-snug ".concat(t.active?"tw-text-[#414141] tw-font-semibold":"tw-text-[#414141]/40"),children:t.text})]},e)}))})}),(0,r.jsx)("div",{className:"tw-p-[24px] sm:tw-p-[32px] tw-pt-0 tw-flex tw-justify-center tw-mt-auto",children:(0,r.jsx)(w(),{href:"/formkonsultasi",children:(0,r.jsx)("a",{className:"tw-no-underline tw-w-full",children:(0,r.jsx)("button",{className:"tw-w-full tw-h-[40px] tw-rounded-[25px] tw-border tw-border-[#5C9929] tw-bg-[#E7FBD7] tw-text-[#5C9929] tw-font-nunito tw-font-bold tw-text-[14px] hover:tw-bg-[#5C9929] hover:tw-text-white tw-transition-all tw-flex tw-items-center tw-justify-center tw-cursor-pointer",children:"Demo Gratis"})})})})]},e)}))}),(0,r.jsx)("div",{className:"tw-flex md:tw-hidden tw-items-center tw-justify-center tw-gap-2 tw-mt-4",children:g.map((function(t,e){return(0,r.jsx)("button",{type:"button",onClick:function(){return function(t){var e;if(k.current){var a=(null===(e=k.current.children[0])||void 0===e?void 0:e.offsetWidth)||300;k.current.scrollTo({left:t*(a+16),behavior:"smooth"}),m(t)}}(e)},"aria-label":"Ke slide ".concat(e+1),className:"tw-h-2.5 tw-rounded-full tw-transition-all tw-duration-300 tw-border-0 ".concat(d===e?"tw-w-8 tw-bg-[#5C9929]":"tw-w-2.5 tw-bg-gray-300 hover:tw-bg-gray-400")},e)}))})]})]})})]})}}}]);