(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{5728:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(5574)}])},5574:function(e,a,t){"use strict";t.r(a),t.d(a,{default:function(){return T}});var i=t(5893),s=t(7294),l=function(){return(0,i.jsxs)("footer",{className:"w-full h-max md:mt-20 mb-10 md:mb-0 px-6 md:px-8 py-10 flex flex-col md:flex-row   justify-start items-center border-t border-gray-200",children:[(0,i.jsx)("div",{className:"mx-8",children:(0,i.jsx)("img",{src:"./logo-ziad.png",alt:"company logo",width:"100px",height:"auto"})}),(0,i.jsxs)("aside",{className:"w-full md:ml-8 flex flex-col md:flex-row justify-center items-start text-gray-500",children:[(0,i.jsxs)("div",{className:"mr-14",children:[(0,i.jsx)("h3",{className:"font-poppins font-semibold text-gray-800",children:"Contact"}),(0,i.jsxs)("p",{children:["0877-7666-9010 (Tulus)",(0,i.jsx)("br",{}),"0852-1589-1585 (Mita)",(0,i.jsx)("br",{}),"ptmitracerdasnusantara@gmail.com"]})]}),(0,i.jsxs)("div",{className:"max-w-1/2 mt-4 md:mt-0",children:[(0,i.jsx)("h3",{className:"font-poppins font-semibold text-gray-800",children:"Address"}),(0,i.jsx)("p",{children:"Jl. KH. Abdullah Syafei No. 1 (Tebet Utara Dalam 34) Rt 05/ Rw 01, Tebet - Jakarta Selatan 12820"})]})]})]})},n=t(1526),r=t(7078);function m(e){let{size:a=36,color:t="white"}=e;return(0,i.jsx)("svg",{width:a.toString(),height:a.toString(),viewBox:"0 0 36 27",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M11.2761 19.4634L29.763 0.976426C30.3375 0.401972 31.0686 0.114746 31.9564 0.114746C32.8442 0.114746 33.5753 0.401972 34.1498 0.976426C34.7242 1.55088 35.0115 2.282 35.0115 3.16979C35.0115 4.05759 34.7242 4.78871 34.1498 5.36317L13.4694 26.0435C12.8428 26.6702 12.1116 26.9835 11.2761 26.9835C10.4405 26.9835 9.70938 26.6702 9.0827 26.0435L0.935898 17.8967C0.361445 17.3223 0.0742188 16.5911 0.0742188 15.7033C0.0742188 14.8155 0.361445 14.0844 0.935898 13.51C1.51035 12.9355 2.24148 12.6483 3.12927 12.6483C4.01706 12.6483 4.74819 12.9355 5.32264 13.51L11.2761 19.4634Z",fill:t})})}function c(e){let{size:a=36,color:t="white"}=e;return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("svg",{viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:a.toString(),height:a.toString(),children:[(0,i.jsx)("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),(0,i.jsx)("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsxs)("g",{id:"SVGRepo_iconCarrier",children:[(0,i.jsx)("path",{d:"M4 7C4 6.44771 4.44772 6 5 6H24C24.5523 6 25 6.44771 25 7C25 7.55229 24.5523 8 24 8H5C4.44772 8 4 7.55229 4 7Z",fill:t}),(0,i.jsx)("path",{d:"M4 13.9998C4 13.4475 4.44772 12.9997 5 12.9997L16 13C16.5523 13 17 13.4477 17 14C17 14.5523 16.5523 15 16 15L5 14.9998C4.44772 14.9998 4 14.552 4 13.9998Z",fill:t}),(0,i.jsx)("path",{d:"M5 19.9998C4.44772 19.9998 4 20.4475 4 20.9998C4 21.552 4.44772 21.9997 5 21.9997H22C22.5523 21.9997 23 21.552 23 20.9998C23 20.4475 22.5523 19.9998 22 19.9998H5Z",fill:t})]})]})})}function d(e){let{size:a=36,color:t="white"}=e;return(0,i.jsxs)("svg",{viewBox:"0 0 32 32",width:a.toString(),height:a.toString(),xmlns:"http://www.w3.org/2000/svg",fill:"#ffffff",children:[(0,i.jsx)("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),(0,i.jsx)("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsxs)("g",{id:"SVGRepo_iconCarrier",children:[" ",(0,i.jsxs)("g",{fill:"none",fillRule:"evenodd",children:[" ",(0,i.jsx)("path",{d:"m0 0h32v32h-32z"})," ",(0,i.jsx)("path",{d:"m16 0c8.836556 0 16 7.163444 16 16s-7.163444 16-16 16-16-7.163444-16-16 7.163444-16 16-16zm3.5355339 11.0502525-3.5355339 3.5355339-3.5355339-3.5355339-1.4142136 1.4142136 3.5355339 3.5355339-3.5355339 3.5355339 1.4142136 1.4142136 3.5355339-3.5355339 3.5355339 3.5355339 1.4142136-1.4142136-3.5355339-3.5355339 3.5355339-3.5355339z",fill:"#ffffff"})," "]})," "]})]})}let o={base:"rounded-md px-6 py-2.5 text-sm",outline:{blue:"border border-blue-500 text-blue-500",white:"border border-white text-white"},fill:{blue:"bg-blue-500 text-white",white:"bg-white text-blue-500"}};var x=function(e){let{children:a="text",variant:t="fill",color:s="blue"}=e;return(0,i.jsx)("div",{className:"",children:(0,i.jsx)("button",{type:"button",className:function(e,a){let t=[];return t.push(o.base),Object.keys(o).forEach(i=>{if(i===e){let e=o[i];t.push(e[a])}}),t.join(" ")}(t,s),children:a})})},h=function(){let[e,a]=(0,s.useState)(!1),t=()=>{a(!e)};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("nav",{className:"hidden md:flex linear-secondary md:w-full md:px-6 py-5 items-center jusitfy-end z-40",children:[(0,i.jsx)("div",{className:"md:block md:grow",children:(0,i.jsx)("h1",{className:"font-open-sans font-bold text-xl text-white",children:"ZIAD"})}),(0,i.jsxs)("div",{className:"hidden md:flex md:w-full flex-col md:flex-row items-center justify-end gap-4 font-regular text-sm text-white",children:[(0,i.jsx)("a",{href:"#home",children:"Home"}),(0,i.jsx)("a",{href:"#features",children:"Fitur Unggulan"}),(0,i.jsx)("a",{href:"#product",children:"Produk Kami"}),(0,i.jsx)("a",{href:"#contact",children:"Kontak"}),(0,i.jsx)("div",{className:"hidden md:block",children:(0,i.jsx)("a",{href:"#demo",className:"block",children:(0,i.jsx)(x,{variant:"fill",color:"white",children:"Coba Aplikasi"})})})]})]}),(0,i.jsxs)(n.M,{children:[(0,i.jsxs)("div",{className:"md:hidden fixed top-0 w-full bg-brand flex justify-center items-center py-2 px-3 z-40",children:[(0,i.jsx)("button",{type:"button",className:"md:hidden",onClick:t,children:(0,i.jsx)(c,{})}),(0,i.jsx)("div",{className:"md:block grow text-center",children:(0,i.jsx)("h1",{className:"font-open-sans font-bold text-xl text-white",children:"ZIAD"})})]}),e&&(0,i.jsx)(r.E.nav,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{ease:"easeInOut"},className:"fixed top-0 left-0 w-screen bottom-0 h-screen md:hidden flex flex-col justify-start items-end bg-black bg-opacity-30 z-40",children:(0,i.jsxs)("div",{className:"grow w-3/4 px-4 bg-brand flex flex-col md:flex-row items-end justify-center font-regular text-sm text-white",children:[(0,i.jsx)("button",{type:"button",className:"mb-4 mr-4 mt-4",onClick:t,children:(0,i.jsx)(d,{})}),(0,i.jsxs)("div",{className:"grow flex flex-col gap-4 items-end justify-start mr-4 mt-5",children:[(0,i.jsx)("a",{href:"#home",children:"Home"}),(0,i.jsx)("a",{href:"#features",children:"Features"}),(0,i.jsx)("a",{href:"#product",children:"Product"}),(0,i.jsx)("a",{href:"#contact",children:"Contact"}),(0,i.jsx)("div",{className:"md:block",children:(0,i.jsx)("a",{href:"#demo",className:"block",children:(0,i.jsx)(x,{variant:"fill",color:"white",children:"Try demo"})})})]})]})})]})]})},u=function(e){let{size:a,className:t="",imageUrl:s}=e;return(0,i.jsx)("div",{className:"".concat(""===t?"w-max":t),children:(0,i.jsx)("img",{src:s||"./phone-mockup.png",alt:"phone-mockup",width:a?"600px":a,height:"auto"})})},p=function(){return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("section",{className:"w-full h-max mb-16 md:mb-44 flex flex-col",id:"home",children:[(0,i.jsxs)("section",{className:"linear-primary w-full h-[60vh] md:h-screen flex flex-col items-center justify-center md:justify-start text-white text-center",children:[(0,i.jsxs)(r.E.h1,{initial:{opacity:0,y:"-10"},whileInView:{opacity:1,y:0},transition:{ease:"easeInOut"},className:"text-2xl md:text-5xl font-extrabold px-3 md:px-4 mt-4 md:mt-28 md:py-12",children:["ZIAD",(0,i.jsx)("br",{}),"Integrated System for Better School Management"]}),(0,i.jsx)(r.E.span,{initial:{opacity:0},whileInView:{opacity:1},transition:{ease:"easeInOut"},className:"text-md md:text-md w-full md:w-3/4 px-4 md:px-8 md:mb-8",children:"Solusi  memanfaatkan teknologi terkini untuk mengelola pesantren dan sekolah islam"})]}),(0,i.jsx)("section",{className:"relative w-full h-[35vh] md:min-h-[75vh] max-h-max flex flex-col justify-end items-center p-12 mt-8",children:(0,i.jsxs)(r.E.div,{initial:{opacity:0},whileInView:{opacity:1},className:"w-3/4 h-max absolute -top-32  md:-top-64 flex gap-12 items-center justify-center",children:[(0,i.jsx)(u,{className:"hidden md:block",size:"500px",imageUrl:"./jumbotron-phone-mockup1.png"}),(0,i.jsx)(u,{className:"w-3/4 md:w-max",imageUrl:"./phone-mockup.png"}),(0,i.jsx)(u,{className:"hidden md:block",size:"500px",imageUrl:"./jumbotron-phone-mockup2.png"})]})})]})})},f=t(2546),g=t(6523);function j(e){let{children:a="xl",size:t,align:s="text-center"}=e;return(0,i.jsx)("h1",{className:"".concat(t," ").concat(s," font-poppins font-bold text-gray-800 text-left"),children:a})}function w(e){let{children:a,align:t="center"}=e;return(0,i.jsx)(r.E.div,{initial:{opacity:0,y:-50},whileInView:{opacity:1,y:0},transition:{delay:.5},viewport:{once:!1,margin:"-50px"},className:"my-12 w-full",children:(0,i.jsx)("h1",{className:"text-3xl md:text-5xl font-extrabold text-brand-title",style:{textAlign:t},children:a})})}let b=[{name:"Mthq",logo:"./logo-mthq.webp"},{name:"Al Muhajirin",logo:"./al-muhajirin.webp"},{name:"Ponpes Modern Ay-yusufiah",logo:"./logo-ponpes-modern.webp"},{name:"Tiara Aksara",logo:"./logo-tiara-aksara.webp"},{name:"Daarel Qurro",logo:"./logo-daarelqurro.webp"},{name:"Daarul Hikmah",logo:"./logo-darulhikmah.webp"},{name:"Ay-Bahjah Cianjur",logo:"./logo-albahjah-cianjur.webp"},{name:"SDP Asshiddiqiyah 2",logo:"./logo-sdp.webp"},{name:"Shohibul Barokah",logo:"./logo-shohibul-barokah.webp"},{name:"Al Kautsar Bogor",logo:"./logo-alkasmart.webp"},{name:"Amal ulummah",logo:"./logo-amalulummah.webp"},{name:"Imumahabbah",logo:"./logo-imumahabbah.webp"},{name:"Khadijah Islamic School",logo:"./logo-khadijah.webp"},{name:"Madinah Al hijrah",logo:"./logo-madinah.webp"},{name:"Al Bayyinah",logo:"./logo-albayyinah.webp"},{name:"Al Hasyimiyah",logo:"./logo-alhasyimiyah.webp"},{name:"Al Kautsar Banjar",logo:"./logo-alkautsar-banjar.webp"},{name:"Al Wasilah",logo:"./logo-alwasilah.webp"},{name:"Azma",logo:"./logo-azma.webp"},{name:"Binka",logo:"./logo-binka.webp"},{name:"Essulam",logo:"./logo-essulam.webp"},{name:"Fajrul Karim",logo:"./logo-fajrul-karim.webp"},{name:"Imumahabbah",logo:"./logo-imumahabbah.webp"},{name:"Kebun Tumbuh",logo:"./logo-kebun Tumbuh.webp"}],y=[{title:"Otomasi pembayaran",imageUrl:"./payment-icon.png",desc:"memudahkan penerimaan pembayaran dan memudahkan wali santri membayar tagihan"},{title:"Aplikasi Android",imageUrl:"./file-icon.png",desc:"setiap pesantren kami buatkan aplikasi android khusus yang memudahkan wali santri dan meningkatkan reputasi pesantren"},{title:"Absensi Terintegrasi",imageUrl:"./file-icon.png",desc:"memudahkan memantau keaktifan guru dan santri"},{title:"Keuangan",imageUrl:"./dollar-icon.png",desc:"mengelola keuangan agar data rapi dan mengurangi kesalahan pencatatan"},{title:"Sistem Nilai",imageUrl:"./pencil-icon.png",desc:"digitalisasi nilai mengurangi penggunaan kertas dan memudahkan akses nilai santri"},{title:"Smart Card",imageUrl:"./card-icon.png",desc:"kartu multifungsi yang dapat memudahkan semua kegiatan pesantren dan sekolah islam"},{title:"Administrasi",imageUrl:"./file-icon.png",desc:"mengelola seluruh data agar mudah diakses dan dibagikan"},{title:"Tabungan",imageUrl:"./money-icon.png",desc:"tidak perlu lagi menggunakan buku tabungan yang dicatat manual"}];var k=function(e){let{children:a="text",imgUrl:t}=e;return(0,i.jsx)(r.E.div,{initial:{opacity:0,x:Math.floor(101*Math.random())-50},whileInView:{opacity:1,x:0},transition:{ease:"easeInOut",delay:.3},className:"min-w-[18rem] max-w-[20rem] flex items-center justify-center",children:(0,i.jsxs)("div",{className:"w-full h-full px-12 py-4 flex items-center justify-center gap-4 bg-white shadow-lg rounded-md",children:[t&&(0,i.jsx)("img",{src:t,alt:"image",width:"80px",height:"auto"}),(0,i.jsx)("h3",{className:"grow text-xl font-bold w-full text-green-700",children:a})]})})},N=function(e){let{clients:a}=e;return(0,i.jsxs)("section",{className:"flex flex-col items-center justify-center h-full w-full gap-8",children:[(0,i.jsx)("div",{className:"flex flex-col md:flex-row items-center justify-center gap-8 w-full",children:a&&a.map((e,a)=>{if(a<=1)return(0,i.jsx)(k,{imgUrl:e.logo,children:e.name},e.name)})}),(0,i.jsx)("div",{className:"flex flex-col md:flex-row items-center justify-center gap-8 w-full",children:a&&a.map((e,a)=>{if(a>=2)return(0,i.jsx)(k,{imgUrl:e.logo,children:e.name},e.name)})})]})};t(5416),t(3779),t(612);var v=function(){let e=(e,a)=>b.slice(e,a).map(e=>e);return(0,i.jsxs)("section",{className:"relative w-full min-h-[75vh] h-max md:h-[90vh] mb-20",children:[(0,i.jsx)(w,{children:"Sudah membantu 30+ Pesantren di Indonesia"}),(0,i.jsx)("section",{className:"w-full h-full max-h-max mt:6 md:mt-12 flex flex-col justify-center items-center md:h-2/3 gap-8 md:px-24 z-20",children:(0,i.jsxs)(f.tq,{modules:[g.W_,g.tl,g.LW],scrollbar:{draggable:!0},spaceBetween:100,slidesPerView:1,navigation:!0,pagination:{clickable:!0},style:{display:"flex",justifyContent:"center",alignItems:"center",width:"80vw",maxWidth:"100vw"},children:[(0,i.jsx)(f.o5,{children:(0,i.jsx)(N,{clients:e(0,4)})}),(0,i.jsx)(f.o5,{children:(0,i.jsx)(N,{clients:e(3,7)})}),(0,i.jsx)(f.o5,{children:(0,i.jsx)(N,{clients:e(6,10)})}),(0,i.jsx)(f.o5,{children:(0,i.jsx)(N,{clients:e(9,13)})}),(0,i.jsx)(f.o5,{children:(0,i.jsx)(N,{clients:e(11,15)})}),(0,i.jsx)(f.o5,{children:(0,i.jsx)(N,{clients:e(14,18)})}),(0,i.jsx)(f.o5,{children:(0,i.jsx)(N,{clients:e(17,21)})}),(0,i.jsx)(f.o5,{children:(0,i.jsx)(N,{clients:e(20,24)})})]})}),(0,i.jsx)("div",{className:"absolute w-full top-0 bottom-0 flex items-center justify-center",children:(0,i.jsx)("div",{className:"w-[900px] h-[400px] radial-gradient-shadow rounded-full blur-2xl -z-10"})})]})},C=t(5675),S=t.n(C),A=function(){return(0,i.jsxs)("section",{className:"w-full h-[60vh] md:h-[100vh] flex flex-col justify-center items-center px-2 md:px-4 md:mb-20",children:[(0,i.jsxs)("div",{className:"mb-8",children:[(0,i.jsx)("a",{href:"http://www.freepik.com",className:"hidden",children:"Designed by vectorjuice / Freepik"}),(0,i.jsx)(S(),{src:"./islamic-school-vector.jpg",height:800,width:800,alt:"islamic-school-pesantren-pesantren-modern"})]}),(0,i.jsx)("div",{className:"w-full md:w-3/4 text-center mb-3",children:(0,i.jsxs)("h3",{className:"font-poppins font-bold text-xl md:text-2xl",children:["Membantu pesantren dan sekolah islam",(0,i.jsxs)("span",{className:"text-blue-600",children:[" ","Memanfaatkan Teknologi"]})]})}),(0,i.jsx)("article",{className:"w-full md:w-3/4 px-2 text-sm md:text-md text-center text-gray-500",children:(0,i.jsx)("p",{children:"Kami mengembangkan ZIAD agar teknologi terkini dapat dimanfaatkan untuk membantu lembaga pendidikan dalam mempermudah proses uang pembayaran uang sekolah, absensi guru akurat sesuai jadwal, mengelola keuangan sekolah, mengelola SDM, memberi pelayanan terbaik untuk wali murid dll"})})]})},I=function(e){let{children:a,title:t="title",imageUrl:s}=e;return(0,i.jsx)(r.E.div,{initial:{opacity:0,y:-50},whileInView:{opacity:1,y:0},transition:{ease:"easeInOut",delay:.3},className:"flex items-center justify-center bg-white",children:(0,i.jsxs)("div",{className:"w-72 h-80 max-h-max px-4 pb-4 pt-8 flex flex-col items-center justify-center shadow-lg rounded-lg",children:[(0,i.jsx)("h3",{className:"w-fit mb-3 font-poppins font-bold text-xl text-blue-600 text-center",children:t}),(0,i.jsx)("img",{src:s,alt:"feature-image",width:"100px",height:"auto",className:"mb-5"}),(0,i.jsx)("div",{className:"grow",children:(0,i.jsx)("p",{className:"w-full text-center text-gray-500",children:a})})]})})},z=function(e){let{features:a}=e;return(0,i.jsx)("div",{className:"w-full h-max flex flex-col md:flex-row items-center justify-center gap-8 mb-20",children:a&&a.map(e=>(0,i.jsx)(I,{title:e.title,imageUrl:e.imageUrl,children:e.desc},e.title))})},B=function(e){let{row1:a,row2:t}=e;return(0,i.jsxs)(r.E.div,{initial:{opacity:0,y:-50},whileInView:{opacity:1,y:0},transition:{ease:"easeInOut",delay:.3},className:"min-h-[35vh] md:min-h-[45] min-w-[20rem] w-max max-h-max flex gap-12 items-center px-7 py-8",children:[(0,i.jsx)("ul",{className:"w-full min-w-fit flex flex-col items-start justify-center text-left md:items-center",children:a&&a.map(e=>(0,i.jsxs)("li",{className:"text-left min-w-fit w-full text-sm text-gray-700 mb-3 flex items-center justify-start gap-2",children:[(0,i.jsx)(m,{size:16,color:"#1C77FF"}),(0,i.jsx)("span",{children:e})]},e))}),(0,i.jsx)("ul",{className:"w-full min-w-fit flex flex-col items-start justify-center text-left md:items-center",children:t&&t.map(e=>(0,i.jsxs)("li",{className:"text-left min-w-fit w-full text-sm text-gray-700 mb-3 flex items-center justify-start gap-2",children:[(0,i.jsx)(m,{size:16,color:"#1C77FF"}),(0,i.jsx)("span",{children:e})]},e))})]})},K=function(){let e=["Administrasi","Berita Sekolah","Kasir Cepat","Kepegawaian","Kesiswaan","Keuangan","Minimarket","Nilai","Pengaturan","Pengguna","Perpustakaan","PPDB/PSB","Sekolah","Toko","UKS"];return(0,i.jsxs)("section",{className:"relative w-full min-h-[75vh] md:min-h-[90vh] h-max mb-44",id:"features",children:[(0,i.jsx)("div",{className:"mb-10",children:(0,i.jsx)(w,{children:"Fitur Unggulan"})}),(0,i.jsxs)("section",{className:"w-full h-max z-20 ",children:[(0,i.jsx)("div",{className:"hidden md:flex w-full h-max flex-col md:flex-row items-center justify-center gap-8 mb-20",children:(0,i.jsxs)(f.tq,{modules:[g.W_,g.tl,g.LW],scrollbar:{draggable:!0},spaceBetween:100,slidesPerView:1,navigation:!0,pagination:{clickable:!0},style:{display:"flex",justifyContent:"center",alignItems:"center",width:"95vw",maxWidth:"100vw"},children:[(0,i.jsx)(f.o5,{children:(0,i.jsx)(z,{features:[y[0],y[1],y[2],y[3]]})}),(0,i.jsx)(f.o5,{children:(0,i.jsx)(z,{features:[y[4],y[5],y[6],y[7]]})})]})}),(0,i.jsx)("div",{className:"flex md:hidden w-full h-max flex-col md:flex-row items-center justify-center gap-8 mb-20",children:(0,i.jsxs)(f.tq,{modules:[g.W_,g.tl,g.LW],scrollbar:{draggable:!0},spaceBetween:100,slidesPerView:1,navigation:!0,pagination:{clickable:!0},style:{display:"flex",justifyContent:"center",alignItems:"center",width:"80vw",maxWidth:"100vw"},children:[(0,i.jsx)(f.o5,{children:(0,i.jsx)(z,{features:[y[0],y[1]]})}),(0,i.jsx)(f.o5,{children:(0,i.jsx)(z,{features:[y[2],y[3]]})}),(0,i.jsx)(f.o5,{children:(0,i.jsx)(z,{features:[y[4],y[5]]})}),(0,i.jsx)(f.o5,{children:(0,i.jsx)(z,{features:[y[6],y[7]]})})]})}),(0,i.jsx)("div",{className:"absolute w-full top-0 bottom-0 flex items-center justify-center",children:(0,i.jsx)("div",{className:"w-[900px] h-[700px] radial-gradient-shadow rounded-full blur-2xl -z-10"})}),(0,i.jsx)("section",{className:"w-full flex flex-col justify-center items-center",children:(0,i.jsxs)(r.E.section,{initial:{opacity:0,x:100},whileInView:{opacity:1,x:0},transition:{delay:.4,ease:"easeInOut"},viewport:{margin:"100px"},className:"w-full md:w-4/5 h-max md:min-h-[20vh] px-4 md:px-12 py-6 flex flex-col jusftify-center items-center gap-8 bg-white rounded-md shadow-xl",children:[(0,i.jsx)(w,{children:"Fitur Lengkap"}),(0,i.jsxs)("div",{className:"mr-4 flex flex-col md:flex-row items-center justify-center",children:[(0,i.jsx)("img",{src:"./dashboard-image.png",alt:"phone-image-apps",height:"auto",className:"w-[200px] md:w-[400px]"}),(0,i.jsx)(B,{row1:e.slice(0,7),row2:e.slice(7,14)})]})]})})]})]})},U=function(e){let{children:a,title:t,imgUrl:s,align:l,imgSize:n}=e;return"left"===l?(0,i.jsxs)(r.E.section,{initial:{opacity:0,x:100},whileInView:{opacity:1,x:0},transition:{delay:.4,ease:"easeInOut"},viewport:{margin:"100px"},className:"w-full md:w-4/5 h-max md:min-h-[20vh] px-4 md:px-12 py-6 flex flex-col md:flex-row  jusftify-center items-center gap-8",children:[(0,i.jsx)("div",{children:(0,i.jsx)("img",{src:s||"./phone-image.png",alt:"phone-image-apps",height:"auto",className:"w-[200px] md:w-[".concat(n||400,"px]")})}),(0,i.jsxs)("article",{className:"w-full md:w-3/4 md:mr-12",children:[(0,i.jsx)("div",{className:"mb-4",children:(0,i.jsx)(j,{size:"text-lg md:text-2xl",align:"text-center md:text-left",children:t})}),(0,i.jsx)("p",{className:"text-center md:text-left text-gray-500",children:a})]})]}):(0,i.jsxs)(r.E.section,{initial:{opacity:0,x:-100},whileInView:{opacity:1,x:0},transition:{delay:.4},viewport:{margin:"100px"},className:"w-full md:w-4/5 md:min-h-[25vh] h-max px-4 md:px-12 md:my-12 py-6 flex flex-col-reverse md:flex-row justify-center items-center gap-8 ",children:[(0,i.jsxs)("article",{className:"w-full md:w-3/4 md:mr-12",children:[(0,i.jsx)("div",{className:"mb-4",children:(0,i.jsx)(j,{size:"text-lg md:text-2xl",align:"text-center md:text-left",children:t})}),(0,i.jsx)("p",{className:"text-center md:text-left text-gray-500",children:a})]}),(0,i.jsx)("div",{children:(0,i.jsx)("img",{src:s||"./phone-image.png",alt:"phone-image-apps",height:"auto",className:"w-[200px] md:w-[400px]"})})]})},D=function(){return(0,i.jsxs)("section",{className:"w-full max-h-max mb-20",id:"product",children:[(0,i.jsx)(w,{children:"Teknologi Unggulan"}),(0,i.jsxs)("section",{className:"w-full flex flex-col justify-center items-center",children:[(0,i.jsx)(U,{title:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("span",{className:"text-brand",children:["Mobile "," "]})," Application"]}),align:"left",children:"Aplikasi android dan IOS khusus untuk setiap sekolah agar memudahkan komunikasi dan berbagi data terkini kepada wali murid sesuai kebutuhan."}),(0,i.jsx)(U,{title:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("span",{className:"text-brand",children:["Dashboard"," "]})," Admin"]}),imgUrl:"./dashboard-image.png",imgSize:"500",children:"Aplikasi website yang mudah diakses untuk membantu setiap kegiatan dan administrasi guru atau karyawan."}),(0,i.jsx)(U,{title:(0,i.jsxs)("span",{children:[(0,i.jsx)("span",{className:"text-brand",children:"Smart Card"})," ","Cashless"]}),imgUrl:"./card-mockup.png",align:"left",children:"Alat SmartCard ini dapat membantu santri dalam melakukan transaksi tanpa perlu menggunakan uang fisik."}),(0,i.jsx)(U,{title:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("span",{className:"text-brand",children:["Smart Reader "," "]})," IoT"]}),imgUrl:"./smart-reader-image.png",children:"Alat SmartReader dapat membantu proses administratif maupun transaksi siswa dan guru menjadi lebih mudah hanya dengan sekali tap saja."})]})]})},M=t(1664),V=t.n(M),_=function(e){let{platforms:a}=e;return(0,i.jsx)("div",{className:"w-md max-w-md",children:(0,i.jsx)(V(),{href:"https://play.google.com/store/apps/details?id=com.ziad.pesantren",children:(0,i.jsx)("img",{src:"playstore"===a?"./download-apple.jpg":"./download-google.jpg",jpg:!0,alt:"download-ziad-link-image-button",height:"auto",width:"150px"})})})},E=function(){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("section",{className:"w-full h-max px-4 md:px-12 py-12 flex flex-col justify-center items-center",children:[(0,i.jsx)(w,{children:"Mau Mencoba Sistem Kami?"}),(0,i.jsxs)("div",{className:"flex gap-4",children:[(0,i.jsx)(V(),{href:"http://wa.me/6287776669010",children:(0,i.jsx)(x,{variant:"fill",color:"blue",children:"Request Akun demo"})}),(0,i.jsx)(V(),{href:"https://demo2.ziadsistem.com/dashboard",children:(0,i.jsx)(x,{variant:"fill",color:"blue",children:"Coba Aplikasi Dashboard"})})]})]}),(0,i.jsxs)("section",{className:"w-[90vw] h-max px-4 md:px-12 py-12 flex flex-col md:flex-row justify-center items-center ",id:"demo",children:[(0,i.jsxs)("article",{className:"w-full md:w-3/5 pl-12 flex flex-col align-start justify-center gap-4",children:[(0,i.jsxs)("h3",{className:"w-full mb-4 font-bold text-5xl text-center md:text-left",children:["Coba",(0,i.jsx)("span",{className:"text-blue-600",children:" Aplikasi"}),(0,i.jsx)("br",{}),"Wali Murid"]}),(0,i.jsx)("p",{className:"w-full md:w-3/4 text-center md:text-left text-gray-500",children:"Anda bisa langsung mencoba menggunakan Aplikasi Demo kami yang tersedia di PlayStore! Jika Anda tertarik dengan menggunakan Ziad System, Silahkan hubungi kami."}),(0,i.jsxs)("div",{className:"w-full flex items-center justify-center md:justify-start gap-8 my-2",children:[(0,i.jsx)(_,{platforms:"appstore"}),(0,i.jsx)(_,{platforms:"playstore"})]})]}),(0,i.jsx)("div",{className:"hidden md:block",children:(0,i.jsx)("img",{src:"./demo-app-phone-mockup.png",alt:"phone-image-apps",height:"auto",className:"w-[200px] md:w-[400px]"})})]})]})},F=function(){return(0,i.jsxs)("section",{className:"linear-primary w-4/5 min-h-72 h-max px-4 py-8 md:py-12 mx-auto mb-12 mt-8 text-center flex flex-col md:flex-row items-center justify-center text-white rounded-lg shadow-lg",id:"contact",children:[(0,i.jsxs)("article",{className:"mb-8 md:mb-0",children:[(0,i.jsx)("h3",{className:"w-4/5 mb-4 md:mb-8 m-auto font-poppins font-bold text-lg md:text-xl text-center md:text-left",children:"ZIAD Smart Education System menggunakan teknologi kekinian."}),(0,i.jsx)("p",{className:"w-4/5 m-auto font-light text-center md:text-left text-sm md:text-md",children:"Kami terus menerapkan teknologi terbaru untuk memastikan semua lembaga pendidikan dapat memanfaatkannya. Teknologi ZIAD dikembangkan untuk kemudahan semua kegiatan agar lebih efektif dan efisien. Teknologi tersebut diantaranya"})]}),(0,i.jsx)("div",{className:"mr-4",children:(0,i.jsx)(V(),{href:"http://wa.me/6287776669010",children:(0,i.jsx)(x,{variant:"fill",color:"white",children:"Hubungi Kami"})})})]})},P=function(e){let{type:a,shortDesc:t,desc:s,price:l,name:n,discount:c}=e;return"primary"===a?(0,i.jsxs)(r.E.div,{initial:{opacity:0,y:-100},whileInView:{opacity:1,y:0},transition:{delay:.4},viewport:{once:!0,margin:"100px"},className:"min-h-[45vh] md:min-h-[75vh] max-h-max flex flex-col items-center px-10 py-10 bg-brand rounded-lg shadow-xl",children:[(0,i.jsxs)("article",{className:"mb-9 flex flex-col items-center justify-center",children:[(0,i.jsx)("span",{className:"mb-3 font-light text-xs text-center text-white opacity-75 uppercase",children:n}),(0,i.jsx)("h1",{className:"text-4xl font-bold font-poppins text-white mb-3",children:"Rp".concat(l,"K")}),(0,i.jsx)("span",{className:"w-3/4 font-light text-xs text-center text-gray-200 opacity-75",children:t})]}),(0,i.jsx)("ul",{className:"grow w-full flex flex-col items-start justify-start md:items-center text-left",children:s&&s.map(e=>(0,i.jsxs)("li",{className:"w-full text-sm text-white mb-3 flex items-center gap-2",children:[(0,i.jsx)(m,{size:16}),(0,i.jsx)("span",{children:e})]},e))}),(0,i.jsx)(V(),{href:"http://wa.me/6287776669010",children:(0,i.jsx)(x,{variant:"fill",color:"white",children:"Langganan"})})]}):(0,i.jsxs)(r.E.div,{initial:{opacity:0,y:100},whileInView:{opacity:1,y:0},transition:{delay:.4},viewport:{once:!0,margin:"100px"},className:"min-h-[45vh] md:min-h-[75vh] min-w-[20rem] max-h-max flex flex-col items-center px-7 py-8 bg-white rounded-lg shadow-xl",children:[(0,i.jsxs)("article",{className:"mb-9 flex flex-col items-center justify-center",children:[(0,i.jsx)("span",{className:"mb-3 font-light text-xs text-center text-gray-700 opacity-75 uppercase",children:n}),(0,i.jsx)("div",{className:"font-bold mb-3",children:c?(0,i.jsxs)("span",{className:"flex items-center justify-center flex-col",children:[(0,i.jsx)("h1",{className:"text-4xl font-bold font-poppins line-through text-black",children:"Rp".concat(l,"K ")}),(0,i.jsx)("h1",{className:"text-4xl font-bold font-poppins text-brand",children:"".concat(c,"K")})]}):(0,i.jsx)("h1",{className:"text-brand text-4xl font-bold font-poppins",children:"Rp".concat(l,"K")})}),(0,i.jsx)("span",{className:"w-3/4 font-light text-xs text-center text-gray-600 opacity-75",children:t})]}),(0,i.jsx)("ul",{className:"grow w-full flex flex-col items-start justify-start text-left md:items-center",children:s&&s.map(e=>(0,i.jsxs)("li",{className:"w-full text-sm text-gray-700 mb-3 flex items-center gap-2",children:[(0,i.jsx)(m,{size:16,color:"#1C77FF"}),(0,i.jsx)("span",{children:e})]},e))}),(0,i.jsx)(V(),{href:"http://wa.me/6287776669010",children:(0,i.jsx)(x,{variant:"fill",color:"blue",children:"Langganan"})})]})},R=function(){return(0,i.jsxs)("section",{className:"w-full min-h-screen h-max mb-40",children:[(0,i.jsx)("div",{className:"mb-20",children:(0,i.jsx)(w,{children:"Mulai Gunakan Sistem Kami"})}),(0,i.jsxs)("section",{className:"w-full max-h-max mb-40 flex flex-col md:flex-row items-center justify-center gap-10",children:[(0,i.jsx)(P,{name:"Bulanan",shortDesc:"Khusus untuk anak Yatim dan Duafa",price:"0",type:"primary",desc:["Dapat semua fitur","Bebas biaya registrasi","Bebas biaya pemasangan","Gratis penyesuaian kebutuhan","Gratis fitur Baru","Harga dapat didiskusikan"]}),(0,i.jsx)(P,{name:"Bulanan",shortDesc:"Per Siswa Aktif",price:"15",discount:"12",desc:["Dapat semua fitur","Bebas biaya registrasi","Bebas biaya pemasangan","Gratis penyesuaian kebutuhan","Gratis fitur Baru","Harga dapat didiskusikan"]})]}),(0,i.jsxs)("section",{className:"w-full max-h-max mb-40 flex flex-col md:flex-row items-center justify-center gap-10",children:[(0,i.jsx)(P,{name:"Smart Reader",price:"400",shortDesc:"Per Unit",desc:["Bayar Sekali","Garansi Selamanya","Satu alat bisa banyak fungsi","Tidak ada minimal pembelian"]}),(0,i.jsx)(P,{name:"Smart Card",shortDesc:"Per Unit",price:"15",desc:["Bayar Sekali","Full print dua sisi","Design bebas","Kartu multifungsi"]})]}),(0,i.jsx)(F,{})]})},L=function(){return(0,i.jsx)("div",{className:"fixed bottom-8 right-6 md:bottom-10 md:right-16 min-w-32 min-h-32 max-h-max max-w-max z-90 hover:scale-125 transition-all duration-200",children:(0,i.jsx)(V(),{href:"http://wa.me/6287776669010",children:(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg","aria-label":"WhatsApp",role:"img",viewBox:"0 0 512 512",fill:"#000000",width:"48px",height:"48px",children:[(0,i.jsx)("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),(0,i.jsx)("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsxs)("g",{id:"SVGRepo_iconCarrier",children:[(0,i.jsx)("rect",{width:"512",height:"512",rx:"15%",fill:"#25d366"}),(0,i.jsx)("path",{fill:"#25d366",stroke:"#ffffff",strokeWidth:"26",d:"M123 393l14-65a138 138 0 1150 47z"}),(0,i.jsx)("path",{fill:"#ffffff",d:"M308 273c-3-2-6-3-9 1l-12 16c-3 2-5 3-9 1-15-8-36-17-54-47-1-4 1-6 3-8l9-14c2-2 1-4 0-6l-12-29c-3-8-6-7-9-7h-8c-2 0-6 1-10 5-22 22-13 53 3 73 3 4 23 40 66 59 32 14 39 12 48 10 11-1 22-10 27-19 1-3 6-16 2-18"})]})]})})})};function T(){return(0,i.jsxs)("main",{id:"luxy",className:"overflow-x-hidden max-w-scren",children:[(0,i.jsx)(h,{}),(0,i.jsx)(p,{}),(0,i.jsx)(v,{}),(0,i.jsx)(K,{}),(0,i.jsx)(A,{}),(0,i.jsx)(D,{}),(0,i.jsx)(E,{}),(0,i.jsx)(R,{}),(0,i.jsx)(l,{}),(0,i.jsx)(L,{})]})}}},function(e){e.O(0,[401,888,774,179],function(){return e(e.s=5728)}),_N_E=e.O()}]);