Merge version_1 into main #1
272
src/app/page.tsx
272
src/app/page.tsx
@@ -30,88 +30,40 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Units",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Dashboard", id: "metrics" },
|
||||
{ name: "Units", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Portal KSDAE"
|
||||
button={{ text: "Masuk ke Sistem", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,33 +74,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "54",
|
||||
title: "Taman Nasional",
|
||||
items: [
|
||||
"Data Aktif",
|
||||
"Area Terpantau",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "32",
|
||||
title: "Balai Unit",
|
||||
items: [
|
||||
"Pelaporan Terintegrasi",
|
||||
"Monitoring Regional",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "120",
|
||||
title: "Data Terkini",
|
||||
items: [
|
||||
"Data Harian",
|
||||
"Update Berkala",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "54", title: "Taman Nasional", items: ["Data Aktif", "Area Terpantau"] },
|
||||
{ id: "m2", value: "32", title: "Balai Unit", items: ["Pelaporan Terintegrasi", "Monitoring Regional"] },
|
||||
{ id: "m3", value: "120", title: "Data Terkini", items: ["Data Harian", "Update Berkala"] },
|
||||
]}
|
||||
title="Ikhtisar Data Nasional"
|
||||
description="Ringkasan real-time untuk pemangku kepentingan pusat dan daerah."
|
||||
@@ -161,33 +89,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Super Admin Pusat",
|
||||
tags: [
|
||||
"Full Control",
|
||||
"Analytics",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-african-businesswoman-checking-statistics-graph-tablet-pc_482257-2022.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Balai Unit Regional",
|
||||
tags: [
|
||||
"Regional Monitoring",
|
||||
"Reporting",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-hard-greenhouse_23-2149037327.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Taman Nasional (TN)",
|
||||
tags: [
|
||||
"On-field Data",
|
||||
"Conservation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-outdoors_23-2148155424.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Super Admin Pusat", tags: ["Full Control", "Analytics"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-african-businesswoman-checking-statistics-graph-tablet-pc_482257-2022.jpg" },
|
||||
{ id: "f2", title: "Balai Unit Regional", tags: ["Regional Monitoring", "Reporting"], imageSrc: "http://img.b2bpic.net/free-photo/woman-working-hard-greenhouse_23-2149037327.jpg" },
|
||||
{ id: "f3", title: "Taman Nasional (TN)", tags: ["On-field Data", "Conservation"], imageSrc: "http://img.b2bpic.net/free-photo/working-outdoors_23-2148155424.jpg" },
|
||||
]}
|
||||
title="Fungsionalitas Portal"
|
||||
description="Fitur khusus untuk setiap tingkatan operasional."
|
||||
@@ -201,60 +105,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Sistem Pelaporan",
|
||||
brand: "Module",
|
||||
price: "Active",
|
||||
rating: 5,
|
||||
reviewCount: "12k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Database Spesies",
|
||||
brand: "Module",
|
||||
price: "Active",
|
||||
rating: 5,
|
||||
reviewCount: "9k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Monitoring Izin",
|
||||
brand: "Module",
|
||||
price: "Pending",
|
||||
rating: 4,
|
||||
reviewCount: "5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "E-Presensi",
|
||||
brand: "Module",
|
||||
price: "Active",
|
||||
rating: 5,
|
||||
reviewCount: "15k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-woman-holding-digital-tablet_23-2147862763.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Manajemen Aset",
|
||||
brand: "Module",
|
||||
price: "Active",
|
||||
rating: 4,
|
||||
reviewCount: "2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-aerial-view-nature-trees-forest_74190-6775.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pelayanan Publik",
|
||||
brand: "Module",
|
||||
price: "Active",
|
||||
rating: 5,
|
||||
reviewCount: "8k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Sistem Pelaporan", brand: "Module", price: "Active", rating: 5, reviewCount: "12k", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg" },
|
||||
{ id: "p2", name: "Database Spesies", brand: "Module", price: "Active", rating: 5, reviewCount: "9k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg" },
|
||||
{ id: "p3", name: "Monitoring Izin", brand: "Module", price: "Pending", rating: 4, reviewCount: "5k", imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg" },
|
||||
{ id: "p4", name: "E-Presensi", brand: "Module", price: "Active", rating: 5, reviewCount: "15k", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-woman-holding-digital-tablet_23-2147862763.jpg" },
|
||||
{ id: "p5", name: "Manajemen Aset", brand: "Module", price: "Active", rating: 4, reviewCount: "2k", imageSrc: "http://img.b2bpic.net/beautiful-aerial-view-nature-trees-forest_74190-6775.jpg" },
|
||||
{ id: "p6", name: "Pelayanan Publik", brand: "Module", price: "Active", rating: 5, reviewCount: "8k", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg" },
|
||||
]}
|
||||
title="Layanan Digital Terintegrasi"
|
||||
description="Modul operasional harian untuk efisiensi birokrasi."
|
||||
@@ -266,21 +122,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Bagaimana cara akses akun unit?",
|
||||
content: "Hubungi admin pusat melalui portal layanan tiket.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Apakah data otomatis tersinkron?",
|
||||
content: "Ya, data dari taman nasional akan masuk ke dashboard pusat secara otomatis.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Apakah ada aplikasi mobile?",
|
||||
content: "Saat ini portal berbasis web responsif untuk semua perangkat.",
|
||||
},
|
||||
{ id: "q1", title: "Bagaimana cara akses akun unit?", content: "Hubungi admin pusat melalui portal layanan tiket." },
|
||||
{ id: "q2", title: "Apakah data otomatis tersinkron?", content: "Ya, data dari taman nasional akan masuk ke dashboard pusat secara otomatis." },
|
||||
{ id: "q3", title: "Apakah ada aplikasi mobile?", content: "Saat ini portal berbasis web responsif untuk semua perangkat." },
|
||||
]}
|
||||
title="Tanya Jawab"
|
||||
description="Panduan cepat penggunaan sistem."
|
||||
@@ -293,14 +137,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."
|
||||
/>
|
||||
@@ -309,18 +146,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Bantuan"
|
||||
title="Butuh Bantuan Administrasi?"
|
||||
description="Tim dukungan teknis siap membantu kendala sistem Anda."
|
||||
buttons={[
|
||||
{
|
||||
text: "Hubungi Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Hubungi Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -328,32 +158,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="KSDAE"
|
||||
columns={[
|
||||
{
|
||||
title: "Portal",
|
||||
items: [
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Laporan",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Layanan",
|
||||
items: [
|
||||
{
|
||||
label: "Helpdesk",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Dokumentasi",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Portal", items: [{ label: "Dashboard", href: "#" }, { label: "Laporan", href: "#" }] },
|
||||
{ title: "Layanan", items: [{ label: "Helpdesk", href: "#" }, { label: "Dokumentasi", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Kementrian Kehutanan"
|
||||
/>
|
||||
@@ -361,4 +167,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user