From f490935c4d0ba60b29031246e048083ecb46ccfa Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 26 May 2026 01:50:30 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 254 ++++++++++------------------------------------- 1 file changed, 55 insertions(+), 199 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 29567e8..4a9e353 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,33 +32,19 @@ export default function LandingPage() { @@ -153,88 +116,40 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Layanan Kenaikan Pangkat", - description: "Ajukan kenaikan pangkat Anda melalui sistem digital yang terintegrasi. Proses pengajuan, verifikasi, hingga status dapat dipantau secara real-time.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-reading-digital-magazine_23-2150162713.jpg", - imageAlt: "Aplikasi Kenaikan Pangkat", - }, + title: "Layanan Kenaikan Pangkat", description: "Ajukan kenaikan pangkat Anda melalui sistem digital yang terintegrasi. Proses pengajuan, verifikasi, hingga status dapat dipantau secara real-time.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-reading-digital-magazine_23-2150162713.jpg", imageAlt: "Aplikasi Kenaikan Pangkat"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/young-girl-using-her-phone_53876-96884.jpg", - imageAlt: "Verifikasi Kenaikan Pangkat", - }, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EF2FDBy1NIX3tfWKxibv7Gl11f/uploaded-1779760095913-hhntekvo.png", - imageAlt: "smartphone app HR promotion management", + imageSrc: "http://img.b2bpic.net/free-photo/young-girl-using-her-phone_53876-96884.jpg", imageAlt: "Verifikasi Kenaikan Pangkat"}, }, { - title: "Layanan Tugas Belajar", - description: "Dukungan penuh untuk pengembangan kompetensi Anda melalui program tugas belajar. Informasi persyaratan dan prosedur tersedia lengkap di sini.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-from-notebooks-study-session_23-2149265720.jpg", - imageAlt: "Aplikasi Tugas Belajar", - }, + title: "Layanan Tugas Belajar", description: "Dukungan penuh untuk pengembangan kompetensi Anda melalui program tugas belajar. Informasi persyaratan dan prosedur tersedia lengkap di sini.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-from-notebooks-study-session_23-2149265720.jpg", imageAlt: "Aplikasi Tugas Belajar"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/classmates-writing-learning-study-session_23-2149265747.jpg", - imageAlt: "Persetujuan Tugas Belajar", - }, - imageSrc: "http://img.b2bpic.net/free-photo/health-specialist-showing-greenscreen-tablet-woman-with-disability-cabinet-looking-blank-mockup-template-with-isolated-display-chroma-key-copyspace-wheelchair-user_482257-48511.jpg?_wi=2", - imageAlt: "smartphone app HR promotion management", + imageSrc: "http://img.b2bpic.net/free-photo/classmates-writing-learning-study-session_23-2149265747.jpg", imageAlt: "Persetujuan Tugas Belajar"}, }, { - title: "Layanan Cuti Pegawai", - description: "Pengajuan dan pengelolaan cuti yang mudah dan transparan. Cek sisa cuti Anda dan ajukan permohonan kapan saja, di mana saja.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-woman-using-mobile-phone-text-messaging-night-home_637285-4411.jpg", - imageAlt: "Aplikasi Cuti Pegawai", - }, + title: "Layanan Cuti Pegawai", description: "Pengajuan dan pengelolaan cuti yang mudah dan transparan. Cek sisa cuti Anda dan ajukan permohonan kapan saja, di mana saja.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-woman-using-mobile-phone-text-messaging-night-home_637285-4411.jpg", imageAlt: "Aplikasi Cuti Pegawai"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/girl-is-sitting-white-table-office-she-holds-tablet-works-with-financial-diagrams_197531-25030.jpg", - imageAlt: "Manajemen Cuti", - }, - imageSrc: "http://img.b2bpic.net/free-photo/tech-startup-hr-senior-manager-vetting-software-development-position-applicants_482257-119389.jpg", - imageAlt: "smartphone app HR promotion management", + imageSrc: "http://img.b2bpic.net/free-photo/girl-is-sitting-white-table-office-she-holds-tablet-works-with-financial-diagrams_197531-25030.jpg", imageAlt: "Manajemen Cuti"}, }, { - title: "Layanan Simpeg/Siperi", - description: "Akses mudah ke Sistem Informasi Manajemen Kepegawaian (SIMPEG) dan Sistem Informasi Kepegawaian Perorangan (SIPERI) untuk data pribadi Anda.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/programming-language-notebook-used-by-server-room-it-experts-close-up_482257-119942.jpg", - imageAlt: "Aplikasi SIMPEG", - }, + title: "Layanan Simpeg/Siperi", description: "Akses mudah ke Sistem Informasi Manajemen Kepegawaian (SIMPEG) dan Sistem Informasi Kepegawaian Perorangan (SIPERI) untuk data pribadi Anda.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/programming-language-notebook-used-by-server-room-it-experts-close-up_482257-119942.jpg", imageAlt: "Aplikasi SIMPEG"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/man-typing-his-phone-desk_1150-170.jpg", - imageAlt: "Dashboard SIMPEG", - }, - imageSrc: "http://img.b2bpic.net/free-photo/think-outside-box-concept_53876-133687.jpg", - imageAlt: "smartphone app HR promotion management", + imageSrc: "http://img.b2bpic.net/free-photo/man-typing-his-phone-desk_1150-170.jpg", imageAlt: "Dashboard SIMPEG"}, }, { - title: "Layanan Uji Kompetensi (UJIKOM)", - description: "Persiapkan diri Anda untuk uji kompetensi dengan materi dan jadwal yang terupdate. Tingkatkan karir Anda bersama kami.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-man-classroom_23-2150312830.jpg", - imageAlt: "Aplikasi Uji Kompetensi", - }, + title: "Layanan Uji Kompetensi (UJIKOM)", description: "Persiapkan diri Anda untuk uji kompetensi dengan materi dan jadwal yang terupdate. Tingkatkan karir Anda bersama kami.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-man-classroom_23-2150312830.jpg", imageAlt: "Aplikasi Uji Kompetensi"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-medical-mask-looking-her-phone_23-2148767510.jpg", - imageAlt: "Hasil Uji Kompetensi", - }, - imageSrc: "http://img.b2bpic.net/free-photo/team-young-specialist-doctors-standing-corridor-hospital_1303-21200.jpg?_wi=1", - imageAlt: "smartphone app HR promotion management", + imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-medical-mask-looking-her-phone_23-2148767510.jpg", imageAlt: "Hasil Uji Kompetensi"}, }, { - title: "Layanan Usul Pensiun", - description: "Kami membantu Bapak/Ibu dalam proses pengajuan pensiun dengan panduan lengkap dan dukungan administratif yang profesional.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-happy-boss-day-concept_23-2148586524.jpg?_wi=1", - imageAlt: "Aplikasi Usul Pensiun", - }, + title: "Layanan Usul Pensiun", description: "Kami membantu Bapak/Ibu dalam proses pengajuan pensiun dengan panduan lengkap dan dukungan administratif yang profesional.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/top-view-happy-boss-day-concept_23-2148586524.jpg", imageAlt: "Aplikasi Usul Pensiun"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/young-company-analyst-office-watching-business-presentation-pc_482257-118998.jpg?_wi=1", - imageAlt: "Proses Pensiun", - }, - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160746.jpg?_wi=1", - imageAlt: "smartphone app HR promotion management", + imageSrc: "http://img.b2bpic.net/free-photo/young-company-analyst-office-watching-business-presentation-pc_482257-118998.jpg", imageAlt: "Proses Pensiun"}, }, ]} showStepNumbers={true} @@ -250,37 +165,13 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "metric-1", - value: "350+", - title: "Pegawai Aktif", - description: "Jumlah total pegawai yang berdedikasi di berbagai departemen RS Mata Bali Mandara.", - imageSrc: "http://img.b2bpic.net/free-photo/team-young-specialist-doctors-standing-corridor-hospital_1303-21200.jpg?_wi=2", - imageAlt: "Kelompok staf rumah sakit", - }, + id: "metric-1", value: "350+", title: "Pegawai Aktif", description: "Jumlah total pegawai yang berdedikasi di berbagai departemen RS Mata Bali Mandara.", imageSrc: "http://img.b2bpic.net/free-photo/team-young-specialist-doctors-standing-corridor-hospital_1303-21200.jpg", imageAlt: "Kelompok staf rumah sakit"}, { - id: "metric-2", - value: "17", - title: "Jenis Layanan", - description: "Beragam layanan administratif yang tersedia untuk mendukung kebutuhan seluruh pegawai.", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-happy-boss-day-concept_23-2148586524.jpg?_wi=2", - imageAlt: "Ikon layanan", - }, + id: "metric-2", value: "17", title: "Jenis Layanan", description: "Beragam layanan administratif yang tersedia untuk mendukung kebutuhan seluruh pegawai.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-happy-boss-day-concept_23-2148586524.jpg", imageAlt: "Ikon layanan"}, { - id: "metric-3", - value: "< 3 Hari", - title: "Waktu Proses Rata-rata", - description: "Rata-rata waktu yang dibutuhkan untuk menyelesaikan pengajuan layanan administrasi kepegawaian.", - imageSrc: "http://img.b2bpic.net/free-photo/young-company-analyst-office-watching-business-presentation-pc_482257-118998.jpg?_wi=2", - imageAlt: "Simbol jam dan kecepatan", - }, + id: "metric-3", value: "< 3 Hari", title: "Waktu Proses Rata-rata", description: "Rata-rata waktu yang dibutuhkan untuk menyelesaikan pengajuan layanan administrasi kepegawaian.", imageSrc: "http://img.b2bpic.net/free-photo/young-company-analyst-office-watching-business-presentation-pc_482257-118998.jpg", imageAlt: "Simbol jam dan kecepatan"}, { - id: "metric-4", - value: "95%", - title: "Kepuasan Pegawai", - description: "Tingkat kepuasan pegawai terhadap kualitas dan responsivitas pelayanan kepegawaian.", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160746.jpg?_wi=2", - imageAlt: "Indikator kepuasan", - }, + id: "metric-4", value: "95%", title: "Kepuasan Pegawai", description: "Tingkat kepuasan pegawai terhadap kualitas dan responsivitas pelayanan kepegawaian.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160746.jpg", imageAlt: "Indikator kepuasan"}, ]} title="Statistik Kepegawaian Kami" description="Data dan angka penting yang mencerminkan kinerja dan keberagaman sumber daya manusia di RS Mata Bali Mandara." @@ -292,14 +183,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Kementerian Kesehatan", - "Pemerintah Provinsi Bali", - "Badan Kepegawaian Negara", - "ASN", - "Asosiasi Rumah Sakit", - "Organisasi Profesi Medis", - "Lembaga Pendidikan", - ]} + "Kementerian Kesehatan", "Pemerintah Provinsi Bali", "Badan Kepegawaian Negara", "ASN", "Asosiasi Rumah Sakit", "Organisasi Profesi Medis", "Lembaga Pendidikan"]} title="Mitra dan Unit Terkait" description="Bapak/Ibu, Kami bekerja sama dengan berbagai lembaga dan unit untuk memastikan pelayanan kepegawaian yang komprehensif dan sesuai regulasi." /> @@ -311,30 +195,15 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq-1", - title: "Bagaimana cara mengajukan kenaikan pangkat?", - content: "Bapak/Ibu dapat mengajukan kenaikan pangkat melalui sistem SIMPEG kami. Pastikan semua dokumen yang disyaratkan telah diunggah dengan lengkap dan benar.", - }, + id: "faq-1", title: "Bagaimana cara mengajukan kenaikan pangkat?", content: "Bapak/Ibu dapat mengajukan kenaikan pangkat melalui sistem SIMPEG kami. Pastikan semua dokumen yang disyaratkan telah diunggah dengan lengkap dan benar."}, { - id: "faq-2", - title: "Apa saja syarat untuk tugas belajar?", - content: "Syarat untuk tugas belajar meliputi masa kerja tertentu, rekomendasi atasan, dan kesesuaian program studi dengan kebutuhan rumah sakit. Detail lengkap dapat dilihat pada panduan di portal layanan.", - }, + id: "faq-2", title: "Apa saja syarat untuk tugas belajar?", content: "Syarat untuk tugas belajar meliputi masa kerja tertentu, rekomendasi atasan, dan kesesuaian program studi dengan kebutuhan rumah sakit. Detail lengkap dapat dilihat pada panduan di portal layanan."}, { - id: "faq-3", - title: "Bagaimana cara mengecek sisa cuti saya?", - content: "Sisa cuti dapat dicek langsung melalui aplikasi E-Cuti atau portal SIMPEG Anda. Informasi akan diperbarui secara otomatis setelah setiap pengajuan cuti.", - }, + id: "faq-3", title: "Bagaimana cara mengecek sisa cuti saya?", content: "Sisa cuti dapat dicek langsung melalui aplikasi E-Cuti atau portal SIMPEG Anda. Informasi akan diperbarui secara otomatis setelah setiap pengajuan cuti."}, { - id: "faq-4", - title: "Siapa yang harus saya hubungi jika ada masalah teknis dengan portal?", - content: "Jika Bapak/Ibu mengalami masalah teknis, silakan hubungi admin kepegawaian melalui kontak yang tertera di bagian 'Kontak Kami' atau kirimkan email ke helpdesk kepegawaian.", - }, + id: "faq-4", title: "Siapa yang harus saya hubungi jika ada masalah teknis dengan portal?", content: "Jika Bapak/Ibu mengalami masalah teknis, silakan hubungi admin kepegawaian melalui kontak yang tertera di bagian 'Kontak Kami' atau kirimkan email ke helpdesk kepegawaian."}, { - id: "faq-5", - title: "Berapa lama proses persetujuan cuti?", - content: "Proses persetujuan cuti biasanya memakan waktu 1-3 hari kerja, tergantung dari jenis cuti dan ketersediaan atasan untuk menyetujui. Kami akan memberikan notifikasi setelah status cuti diperbarui.", - }, + id: "faq-5", title: "Berapa lama proses persetujuan cuti?", content: "Proses persetujuan cuti biasanya memakan waktu 1-3 hari kerja, tergantung dari jenis cuti dan ketersediaan atasan untuk menyetujui. Kami akan memberikan notifikasi setelah status cuti diperbarui."}, ]} title="Pertanyaan Umum (FAQ)" description="Temukan jawaban atas pertanyaan umum terkait layanan kepegawaian." @@ -346,8 +215,7 @@ export default function LandingPage() {