Merge version_2 into main #2
67
src/app/admin/page.tsx
Normal file
67
src/app/admin/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
68
src/app/balai-dashboard/page.tsx
Normal file
68
src/app/balai-dashboard/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user