From 21b4bd666f69b458b6a11e1e7873590febdf5e38 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 16:21:20 +0000
Subject: [PATCH 1/3] Add src/app/admin/page.tsx

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

diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
new file mode 100644
index 0000000..1483fea
--- /dev/null
+++ b/src/app/admin/page.tsx
@@ -0,0 +1,67 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function AdminDashboardPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="floatingGradient"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Dashboard", id: "/admin" },
+              ]}
+              brandName="Super Admin"
+              button={{ text: "Keluar", href: "/" }}
+            />
+        </div>
+
+        <main style={{ marginTop: '100px', padding: '0 2rem' }}>
+          <div id="metrics" data-section="metrics">
+              <MetricCardFourteen
+                title="Panel Kontrol Super Admin"
+                tag="Sistem Internal"
+                metrics={[
+                    { id: "u1", value: "1,240", description: "Total User Terdaftar" },
+                    { id: "u2", value: "58", description: "Laporan Pending" },
+                    { id: "u3", value: "99.9%", description: "Status Kesehatan Server" },
+                ]}
+              />
+          </div>
+          <div style={{ padding: '4rem 0' }}>
+            <h2>Manajemen Data</h2>
+            <div style={{ background: 'white', padding: '2rem', borderRadius: '1rem', marginTop: '2rem', border: '1px solid #eaeaea' }}>
+                <p>Tabel Data Pengguna, Unit, dan Log Audit akan ditampilkan di sini.</p>
+            </div>
+          </div>
+        </main>
+
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+              logoText="KSDAE"
+              columns={[
+                { title: "Admin", items: [{ label: "Pengaturan", href: "#" }, { label: "Audit Log", href: "#" }] },
+              ]}
+              copyrightText="© 2025 Kementrian Kehutanan"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1


From a622da9990d084c63172f423121b5b65482dc9ff Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 16:21:20 +0000
Subject: [PATCH 2/3] Add src/app/balai-dashboard/page.tsx

---
 src/app/balai-dashboard/page.tsx | 68 ++++++++++++++++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 src/app/balai-dashboard/page.tsx

diff --git a/src/app/balai-dashboard/page.tsx b/src/app/balai-dashboard/page.tsx
new file mode 100644
index 0000000..c503cae
--- /dev/null
+++ b/src/app/balai-dashboard/page.tsx
@@ -0,0 +1,68 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function BalaiDashboardPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="floatingGradient"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Dashboard", id: "/#metrics" },
+              { name: "Balai Unit", id: "/balai-dashboard" },
+              { name: "Units", id: "/#features" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="Portal KSDAE"
+            button={{ text: "Kembali ke Home", href: "/" }}
+          />
+        </div>
+
+        <div id="balai-metrics" data-section="balai-metrics" className="pt-32 pb-16">
+          <MetricCardTwo
+            title="Dashboard Balai Unit"
+            description="Manajemen operasional dan data khusus unit regional."
+            gridVariant="bento-grid"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", value: "85%", description: "Target Penyerapan Anggaran" },
+              { id: "2", value: "12", description: "Laporan Pending" },
+              { id: "3", value: "48", description: "Total Aset Terdata" },
+              { id: "4", value: "105", description: "Kegiatan Lapangan" },
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="KSDAE"
+            columns={[
+              { title: "Portal", items: [{ label: "Dashboard", href: "/" }, { label: "Laporan", href: "#" }] },
+              { title: "Layanan", items: [{ label: "Helpdesk", href: "#" }, { label: "Dokumentasi", href: "#" }] },
+            ]}
+            copyrightText="© 2025 Kementrian Kehutanan"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 9c5057edb22943b5db2079a8e8d95e59d7652d04 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 16:21:21 +0000
Subject: [PATCH 3/3] Update src/app/page.tsx

---
 src/app/page.tsx | 56 +++++++++++++++++++++++++-----------------------
 1 file changed, 29 insertions(+), 27 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8a76066..2da103b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,11 +6,12 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import { LayoutDashboard, Users, FileText, Settings, Search } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -41,30 +42,31 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "sparkles-gradient"}}
-      title="Portal Integrasi Konservasi KSDAE"
-      description="Platform terpusat untuk monitoring, pelaporan, dan pengelolaan data kehutanan bagi Super Admin, Balai Unit, dan Taman Nasional Indonesia."
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/mesmerizing-scenery-beautiful-bright-dense-forest_181624-24219.jpg", alt: "User Group" },
-        { src: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127967.jpg", alt: "User Group" },
-        { src: "http://img.b2bpic.net/free-photo/high-angle-shot-muddy-river-green-mountains-bright-sunny-day_181624-5255.jpg", alt: "User Group" },
-        { src: "http://img.b2bpic.net/free-photo/aerial-view-vibrant-green-trees-forest_181624-49828.jpg", alt: "Aerial view of the vibrant green trees in the forest" },
-        { src: "http://img.b2bpic.net/free-photo/minimalist-landscape-from_23-2151600036.jpg", alt: "Minimalist landscape from above" },
-      ]}
-      avatarText="Dipercaya oleh seluruh unit KSDAE"
-      buttons={[
-        { text: "Masuk ke Dashboard", href: "#" },
-        { text: "Pelajari Sistem", href: "#metrics" },
-      ]}
-      marqueeItems={[
-        { type: "text", text: "Monitoring Real-time" },
-        { type: "text", text: "Data Terintegrasi" },
-        { type: "text", text: "Sistem Pelaporan" },
-        { type: "text", text: "Keamanan Data" },
-        { type: "text", text: "Transparansi Publik" },
-      ]}
+      <HeroBillboardDashboard
+      title="Dashboard Manajemen Taman Nasional"
+      description="Kelola data kunjungan, status pelestarian, dan operasional taman nasional secara terpusat."
+      background={{ variant: "sparkles-gradient" }}
+      dashboard={{
+        title: "TN Komodo Management",        stats: [
+          { title: "Total Pengunjung", values: [12450, 2300, 500], description: "Peningkatan 12% bulan ini" },
+          { title: "Area Konservasi", values: [603, 100, 20], description: "Status Terjaga" },
+          { title: "Pelaporan", values: [88, 12, 5], description: "Data Harian Valid" }
+        ],
+        logoIcon: LayoutDashboard,
+        sidebarItems: [
+            { icon: LayoutDashboard, active: true },
+            { icon: Users },
+            { icon: FileText },
+            { icon: Settings }
+        ],
+        searchPlaceholder: "Cari data taman nasional...",        buttons: [{ text: "Export Data", onClick: () => console.log("Export") }],
+        listItems: [
+            { icon: FileText, title: "Laporan Harian TNK", status: "Selesai" },
+            { icon: Users, title: "Update Data Pengunjung", status: "Pending" },
+            { icon: Settings, title: "Perawatan Fasilitas", status: "Dalam Proses" }
+        ],
+        imageSrc: "https://img.b2bpic.net/free-photo/aerial-view-vibrant-green-trees-forest_181624-49828.jpg",        imageAlt: "Dashboard Preview"
+      }}
     />
   </div>
 
@@ -137,7 +139,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Balai TN Komodo",        "TN Lorentz",        "TN Gunung Leuser",        "TN Bunaken",        "Balai KSDA Aceh",        "Balai KSDA Jateng",        "TN Bukit Barisan"]}
+        "Balai TN Komodo", "TN Lorentz", "TN Gunung Leuser", "TN Bunaken", "Balai KSDA Aceh", "Balai KSDA Jateng", "TN Bukit Barisan"]}
       title="Unit Terhubung"
       description="Beberapa unit yang telah menggunakan sistem."
     />
@@ -167,4 +169,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1