Update src/app/page.tsx

Merge version_3 into main

src/app/feedback/page.tsx

@@ -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>
+  );
+}

src/app/page.tsx

@@ -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"},
       ]}
-      avatarText="Lebih dari 350+ Pegawai Aktif"
+      avatarText="Lebih dari 275 Pegawai Aktif
+"
       marqueeItems={[
         {
           type: "text-icon",          text: "Pengajuan Cepat",          icon: Zap,
@@ -165,13 +166,9 @@ 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",          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-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"
       description="Data dan angka penting yang mencerminkan kinerja dan keberagaman sumber daya manusia di RS Mata Bali Mandara."
@@ -204,10 +201,14 @@ export default function LandingPage() {
           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-6",          title: "Bagaimana jika saya ingin mengajukan feedback?",          content: "Anda dapat mengajukan feedback atau keluhan melalui halaman 'Feedback' yang tersedia di navigasi. Kami akan menindaklanjuti setiap masukan dengan serius."
+        }
       ]}
       title="Pertanyaan Umum (FAQ)"
       description="Temukan jawaban atas pertanyaan umum terkait layanan kepegawaian."
       faqsAnimation="slide-up"
+      animationType="smooth"
     />
   </div>