Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fbca9b4b5c | |||
| f88cd1f247 | |||
| 7441017ab6 | |||
| 506d309444 | |||
| 014f3ac708 | |||
| f1eb8b24e5 | |||
| 4730415eea | |||
| 408e262df2 | |||
| 252e27afb5 |
94
src/app/feedback/page.tsx
Normal file
94
src/app/feedback/page.tsx
Normal file
@@ -0,0 +1,94 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
|
|
||||||
|
export default function FeedbackPage() {
|
||||||
|
const commonNavItems = [
|
||||||
|
{ name: "Beranda", id: "/" },
|
||||||
|
{ name: "Tentang", id: "/#tentang" },
|
||||||
|
{ name: "Layanan", id: "/#layanan" },
|
||||||
|
{ name: "Statistik", id: "/#statistik" },
|
||||||
|
{ name: "Mitra", id: "/#mitra" },
|
||||||
|
{ name: "FAQ", id: "/#faq" },
|
||||||
|
{ name: "Kontak", id: "/#kontak" },
|
||||||
|
{ name: "Feedback", id: "/feedback" }
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
defaultButtonVariant="bounce-effect"
|
||||||
|
defaultTextAnimation="background-highlight"
|
||||||
|
borderRadius="pill"
|
||||||
|
contentWidth="mediumSmall"
|
||||||
|
sizing="largeSmall"
|
||||||
|
background="noiseDiagonalGradient"
|
||||||
|
cardStyle="layered-gradient"
|
||||||
|
primaryButtonStyle="double-inset"
|
||||||
|
secondaryButtonStyle="layered"
|
||||||
|
headingFontWeight="medium"
|
||||||
|
>
|
||||||
|
<ReactLenis root>
|
||||||
|
<div id="nav" data-section="nav">
|
||||||
|
<NavbarStyleFullscreen
|
||||||
|
navItems={commonNavItems}
|
||||||
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EF2FDBy1NIX3tfWKxibv7Gl11f/uploaded-1779760095913-hhntekvo.png"
|
||||||
|
logoAlt="Logo RS Mata Bali Mandara"
|
||||||
|
brandName="RS Mata Bali Mandara"
|
||||||
|
bottomLeftText="Pelayanan Kepegawaian"
|
||||||
|
bottomRightText="hubungi.admin@rsmatabm.com"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="feedback-form" data-section="feedback-form">
|
||||||
|
<ContactSplitForm
|
||||||
|
title="Sampaikan Masukan/Keluhan Anda"
|
||||||
|
description="Kami menghargai setiap masukan dan keluhan Anda. Silakan isi formulir di bawah ini. Anda dapat mendeskripsikan file pendukung yang akan diunggah secara terpisah. Sistem unggah file sedang dalam pengembangan."
|
||||||
|
inputs={[
|
||||||
|
{ name: "name", type: "text", placeholder: "Nama Lengkap Anda", required: true },
|
||||||
|
{ name: "employeeId", type: "text", placeholder: "Nomor Induk Pegawai (NIP)", required: true },
|
||||||
|
{ name: "email", type: "email", placeholder: "Email Kantor", required: true },
|
||||||
|
]}
|
||||||
|
textarea={{
|
||||||
|
name: "complaint", placeholder: "Tuliskan keluhan atau masukan Anda di sini...", rows: 7,
|
||||||
|
required: true,
|
||||||
|
}}
|
||||||
|
buttonText="Kirim Masukan"
|
||||||
|
mediaPosition="left"
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/diverse-business-people-office_482257-23490.jpg"
|
||||||
|
imageAlt="Employee feedback"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="footer" data-section="footer">
|
||||||
|
<FooterLogoEmphasis
|
||||||
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EF2FDBy1NIX3tfWKxibv7Gl11f/uploaded-1779760095913-hhntekvo.png"
|
||||||
|
logoAlt="Logo RS Mata Bali Mandara"
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
items: [
|
||||||
|
{ label: "Beranda", href: "/" },
|
||||||
|
{ label: "Tentang Kami", href: "/#tentang" },
|
||||||
|
{ label: "Layanan", href: "/#layanan" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
items: [
|
||||||
|
{ label: "FAQ", href: "/#faq" },
|
||||||
|
{ label: "Kontak", href: "/#kontak" },
|
||||||
|
{ label: "Feedback", href: "/feedback" },
|
||||||
|
{ label: "Kebijakan Privasi", href: "#" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
logoText="RS Mata Bali Mandara"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</ReactLenis>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -77,7 +77,8 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-multiethnic-couple-with-protective-face-masks-looking-camera_637285-8650.jpg", alt: "Tim kesehatan"},
|
src: "http://img.b2bpic.net/free-photo/closeup-happy-multiethnic-couple-with-protective-face-masks-looking-camera_637285-8650.jpg", alt: "Tim kesehatan"},
|
||||||
]}
|
]}
|
||||||
avatarText="Lebih dari 350+ Pegawai Aktif"
|
avatarText="Lebih dari 275 Pegawai Aktif
|
||||||
|
"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text-icon", text: "Pengajuan Cepat", icon: Zap,
|
type: "text-icon", text: "Pengajuan Cepat", icon: Zap,
|
||||||
@@ -165,13 +166,9 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
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", imageAlt: "Kelompok staf rumah sakit"},
|
id: "metric-1", value: "275+", 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?_wi=2", 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-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"
|
title="Statistik Kepegawaian Kami"
|
||||||
description="Data dan angka penting yang mencerminkan kinerja dan keberagaman sumber daya manusia di RS Mata Bali Mandara."
|
description="Data dan angka penting yang mencerminkan kinerja dan keberagaman sumber daya manusia di RS Mata Bali Mandara."
|
||||||
@@ -208,6 +205,7 @@ export default function LandingPage() {
|
|||||||
title="Pertanyaan Umum (FAQ)"
|
title="Pertanyaan Umum (FAQ)"
|
||||||
description="Temukan jawaban atas pertanyaan umum terkait layanan kepegawaian."
|
description="Temukan jawaban atas pertanyaan umum terkait layanan kepegawaian."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
|
animationType="smooth"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user