From f88cd1f24778f0a7dd26df2c7563bfd660285bcf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 26 May 2026 02:09:12 +0000
Subject: [PATCH] Add src/app/feedback/page.tsx

---
 src/app/feedback/page.tsx | 94 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 94 insertions(+)
 create mode 100644 src/app/feedback/page.tsx

diff --git a/src/app/feedback/page.tsx b/src/app/feedback/page.tsx
new file mode 100644
index 0000000..9c2c554
--- /dev/null
+++ b/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>
+  );
+}