Merge version_3 into main

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

@@ -205,6 +205,7 @@ export default function LandingPage() {
       title="Pertanyaan Umum (FAQ)"
       description="Temukan jawaban atas pertanyaan umum terkait layanan kepegawaian."
       faqsAnimation="slide-up"
+      animationType="smooth"
     />
   </div>