https://jomportal.com/assets/support-B-Jvfhic.js

1import{t as e}from"./link-CemwZfB6.js";import{t}from"./jsx-runtime-DiK4U9sA.js";import{t as n}from"./createLucideIcon-CPr0Cu2H.js";import{t as r}from"./circle-question-mark-WjJUiWEy.js";import{t as i}from"./download-BH8Fza6-.js";import{n as a,t as o}from"./palette-ACRmoyeZ.js";import{t as s}from"./file-spreadsheet-CQteyjHb.js";import{t as c}from"./lock-BtP3QaFG.js";import{t as l}from"./mail-5YVhMkxK.js";import{t as u}from"./puzzle-Brl-aeBS.js";import{t as d}from"./sparkles-HWelY6cd.js";import{t as f}from"./zap-DvsarGyO.js";import{t as p}from"./react-6QTV2Hyb.js";import{t as m}from"./AuroraBackground-Ct4S278l.js";import{a as h,i as g,n as _,r as v,t as y}from"./extension-BOzt9hw_.js";var b=n(`book-open`,[[`path`,{d:`M12 7v14`,key:`1akyts`}],[`path`,{d:`M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z`,key:`ruj8y`}]]),x=n(`chromium`,[[`path`,{d:`M10.88 21.94 15.46 14`,key:`xkve6t`}],[`path`,{d:`M21.17 8H12`,key:`19dcdn`}],[`path`,{d:`M3.95 6.06 8.54 14`,key:`g8jz9m`}],[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`circle`,{cx:`12`,cy:`12`,r:`4`,key:`4exip2`}]]),S=n(`message-circle`,[[`path`,{d:`M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719`,key:`1sd12s`}]]),C=t(),w=[.32,.72,0,1];function T({title:e,children:t}){return(0,C.jsxs)(`section`,{className:`mt-10`,children:[(0,C.jsx)(`h2`,{className:`text-xl font-semibold tracking-[-0.02em]`,children:e}),(0,C.jsx)(`div`,{className:`mt-3 space-y-3 text-[15px] leading-relaxed text-muted-foreground`,children:t})]})}var E=[{q:`Apa itu JomPortal?`,a:`JomPortal ialah platform untuk sekolah membina portal digital murid dengan pautan SSO ke aplikasi sekolah seperti DELIMa, Google Classroom, Canva dan Microsoft, menggunakan Google Sheets sebagai pangkalan data.`},{q:`Berapa lama untuk siapkan portal sekolah?`,a:`Wizard 7 langkah membolehkan sekolah menerbitkan portal dalam bebera

1pa minit. Cukup sediakan nama sekolah, logo, URL Google Sheet dan susun aplikasi yang ingin dipaparkan.`},{q:`Adakah JomPortal percuma?`,a:`Ya. Pelan Free menyediakan satu portal dengan sehingga 50 murid. Pelan JomPortal Pro membuka murid tanpa had, admin tambahan, tema lanjutan, dan banyak lagi ciri premium.`},{q:`Bagaimana cara untuk naik taraf ke Pro?`,a:`Log masuk ke Panel Admin, pilih Langganan, dan pilih kaedah bayaran (pindahan bank/QR atau FPX/kad). Langganan Pro akan aktif selepas bayaran disahkan.`},{q:`Mengapa data murid tidak muncul di portal?`,a:`Pastikan Google Sheet telah dibahagikan dengan betul (share) dan pautan yang dimasukkan sah. Semak juga Pemetaan Kolom (Step 3) supaya medan seperti Nama Murid, Kelas dan Emel DELIMa dikenal pasti dengan tepat.`},{q:`Bolehkah sekolah menukar tema dan warna portal?`,a:`Ya. Di Step 6 — Theme & Background, admin boleh memilih tema seperti Forest, Space, Love, Techno dan Kids, serta tukar font dan warna mengikut identiti sekolah.`}],D=[{icon:f,label:`Mula persediaan`,href:`/auth`,search:{mode:`signup`,next:`/onboarding`},desc:`Daftar akaun dan bina portal pertama`},{icon:d,label:`Harga & langganan`,href:`/`,hash:`pricing`,desc:`Perbandingan pelan Free dan Pro`},{icon:b,label:`Terma penggunaan`,href:`/terma`,desc:`Syarat dan peraturan platform`},{icon:c,label:`Polisi privasi`,href:`/privasi`,desc:`Cara kami mengendalikan data`}];function O(){return(0,C.jsxs)(`div`,{className:`relative min-h-screen`,children:[(0,C.jsx)(m,{}),(0,C.jsx)(`main`,{className:`px-5 pt-24 pb-24 sm:px-6`,children:(0,C.jsxs)(`div`,{className:`mx-auto max-w-3xl`,children:[(0,C.jsx)(e,{to:`/`,className:`text-xs font-medium text-muted-foreground hover:text-foreground`,children:`← Kembali ke laman utama`}),(0,C.jsx)(`p`,{className:`mt-8 text-[11px] font-semibold tracking-[0.2em] text-primary uppercase`,children:`Bantuan`}),(0,C.jsx)(`h1`,{className:`mt-3 text-4xl font-bold tracking-[-0.03em] sm:text-5xl`,children:`Pusat Sokongan JomPortal`}),(0,C.jsx)(`p`,{className:`mt-4 text-[15px] text-muted-foreground`,children:`Temui jawapan pantas, panduan asas dan saluran untuk menghubungi kami. Kami sedia membantu sekolah anda menggunakan JomPortal dengan sepenuhnya.`}),(0,C.jsxs)(`div`,{className:`mt-10 grid gap-4 sm:grid-cols-2`,children:[(0,C.jsxs)(p.a,{href:`mailto:[email protected]`,initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{duration:.5,ease:w}

1,className:`glass hover-lift group flex items-start gap-4 rounded-3xl p-6`,children:[(0,C.jsx)(`span`,{className:`flex size-11 shrink-0 items-center justify-center rounded-2xl bg-primary/12 text-primary`,children:(0,C.jsx)(l,{className:`size-5`})}),(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`h3`,{className:`text-sm font-semibold tracking-tight`,children:`E-mel sokongan`}),(0,C.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`[email protected]`}),(0,C.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:`Balasan dalam 1-2 hari bekerja`})]})]}),(0,C.jsxs)(p.div,{initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{duration:.5,delay:.08,ease:w},className:`glass flex items-start gap-4 rounded-3xl p-6`,children:[(0,C.jsx)(`span`,{className:`flex size-11 shrink-0 items-center justify-center rounded-2xl bg-success/12 text-success`,children:(0,C.jsx)(S,{className:`size-5`})}),(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`h3`,{className:`text-sm font-semibold tracking-tight`,children:`Waktu sokongan`}),(0,C.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Isnin - Jumaat`}),(0,C.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:`9 pagi - 6 petang (UTC+8)`})]})]})]}),(0,C.jsx)(T,{title:`Soalan Lazim (FAQ)`,children:(0,C.jsx)(`div`,{className:`space-y-4`,children:E.map((e,t)=>(0,C.jsx)(p.div,{initial:{opacity:0,y:12},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:`-60px`},transition:{duration:.45,delay:t*.05,ease:w},className:`glass rounded-2xl p-5`,children:(0,C.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,C.jsx)(r,{className:`mt-0.5 size-4 shrink-0 text-primary`}),(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:e.q}),(0,C.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:e.a})]})]})},e.q))})}),(0,C.jsx)(T,{title:`Panduan permulaan pantas`,children:(0,C.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:[(0,C.jsxs)(`div`,{className:`glass rounded-2xl p-5`,children:[(0,C.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,C.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-xl bg-primary/12 text-primary`,children:(0,C.jsx)(s,{className:`size-4`})}),(0,C.jsx)(`h3`,{className:`text-sm font-semibold`,children:`Sediakan Google Sheet`})]}),(0,C.jsx)(`p`,{className:`mt-3 text-sm text-muted-foreground`,children:`Pastikan sheet mempunyai lajur Nama Murid, Kelas dan Emel DELIMa. Setiap baris mewakili seorang murid.`})]}),(0,C.jsxs)(`div`,{className:`glass rounded-2xl p-5`,children:[(0,C.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,C.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-xl bg-primary/12 text-primary`,children:(0,C.jsx)(o,{className:`size-4`})}),(0,C.jsx)(`h3`,{className:`text-sm font-semibold`,children:`Tanda medan untuk paparan`})]}),(0,C.jsx)(`p`,{className:`mt-3 text-sm text-muted-foreground`,children:`Di Step 4, aktifkan hanya medan yang perlu dipaparkan pada portal dan kad digital murid.`})]})]})}),(0,C.jsxs)(T,{title:`Pasang JomPortal AutoFill (extension Chrome)`,children:[(0,C.jsxs)(`p`,{children:[`Extension `,_,` mengisi borang log masuk aplikasi sekolah secara automatik selepas murid dipilih di portal. Pilih salah satu cara pemasangan di bawah.`]}),(0,C.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:[(0,C.jsxs)(`div`,{className:`glass rounded-2xl p-5`,children:[(0,C.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,C.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-xl bg-primary/12 text-primary`,children:(0,C.jsx)(x,{className:`size-4`})}),(0,C.jsxs)(`h3`,{className:`text-sm font-semibold text-foreground`,children:[`Cara 1 — Chrome Web Store`,` `,(0,C.jsx)(`span`,{className:`text-xs font-medium text-primary`,children:`(disyorkan)`})]})]}),(0,C.jsx)(`ol`,{className:`mt-3 list-decimal space-y-2 pl-4 text-sm text-muted-foreground`,children:g.map(e=>(0,C.jsx)(`li`,{children:e},e))}),(0,C.jsxs)(`a`,{href:y,target:`_blank`,rel:`noreferrer`,className:`mt-4 inline-flex h-10 items-center gap-2 rounded-full bg-primary px-5 text-xs font-semibold text-primary-foreground`,children:[(0,C.jsx)(a,{className:`size-4`}),` Pasang dari Chrome Web Store`]})]}),(0,C.jsxs)(`div`,{className:`glass rounded-2xl p-5`,children:[(0,C.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,C.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-xl bg-secondary text-foreground`,children:(0,C.jsx)(u,{className:`size-4`})}),(0,C.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:`Cara 2 — Pasang manual`})]}),(0,C.jsx)(`ol`,{className:`mt-3 list-decimal space-y-2 pl-4 text-sm text-muted-foreground`,children:v.map(e=>(0,C.jsx)(`li`,{children:e},e))}),(0,C.jsxs)(`button`,{type:`button`,onClick:()=>h(e=>window.alert(e)),className:`mt-4 inline-flex h-10 items-center gap-2 rounded-full border border-border bg-background px-5 text-xs font-semibold text-foreground`,children:[(0,C.jsx)(i,{className:`size-4`}),` Muat turun fail ZIP`]})]})]})]}),(0,C.jsx)(T,{title:`Pautan berkaitan`,children:(0,C.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:D.map(t=>{let n=(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(`span`,{className:`flex size-10 items-center justify-center rounded-xl bg-secondary text-foreground`,children:(0,C.jsx)(t.icon,{className:`size-4`})}),(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`p`,{className:`text-sm font-semibold`,children:t.label}),(0,C.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:t.desc})]})]});return t.hash?(0,C.jsx)(`a`,{href:`${t.href}${t.hash}

1`,className:`glass hover-lift flex items-center gap-4 rounded-2xl p-4`,children:n},t.label):(0,C.jsx)(e,{to:t.href,...t.search?{search:t.search}:{},className:`glass hover-lift flex items-center gap-4 rounded-2xl p-4`,children:n},t.label)})})}),(0,C.jsx)(T,{title:`Masih perlukan bantuan?`,children:(0,C.jsxs)(`p`,{children:[`Jika soalan anda tidak tersenarai di atas, sila hantar e-mel kepada`,` `,(0,C.jsx)(`a`,{href:`mailto:[email protected]`,className:`font-medium text-primary hover:underline`,children:`[email protected]`}),` `,`dengan menyertakan slug portal dan maklumat langganan anda untuk bantuan yang lebih pantas.`]})})]})})]})}export{O as component};