import { Head, Link, usePage } from "@inertiajs/react"; import { ArrowRight, BarChart3, CheckCircle2, ChevronRight, CircleDollarSign, Clock3, Database, LayoutDashboard, MapPinned, Menu, Package, ShieldCheck, Sparkles, Users, X, Zap, } from "lucide-react"; import { useState } from "react"; import { login, register } from "@/routes"; export default function Welcome() { const { auth } = usePage().props as { auth: { user?: { name?: string; is_platform_admin?: boolean; role?: { slug?: string }; } | null; }; }; const user = auth.user; const isSales = user?.role?.slug === "sales"; const isWebUser = !!user && !isSales; const dashboardHref = user?.is_platform_admin ? "/platform/dashboard" : "/dashboard"; const [mobileOpen, setMobileOpen] = useState(false); const nav = [ ["Fitur", "#fitur"], ["Keunggulan", "#keunggulan"], ["Cara Kerja", "#cara-kerja"], ]; return ( <>
{/* Background atmosphere */}
{/* Header */}
setMobileOpen(false)} > MINANGA Business Platform
{isWebUser ? ( Buka Dashboard{" "} ) : ( <> Masuk Mulai Sekarang{" "} )}
{mobileOpen && (
{nav.map(([label, href]) => ( setMobileOpen(false)} className="rounded-xl px-3 py-3 text-sm font-semibold text-slate-700 hover:bg-slate-50" > {label} ))}
{isWebUser ? ( Dashboard ) : ( <> Masuk Mulai )}
)}
{/* Hero */}
Platform bisnis terpadu untuk tim modern

Kelola bisnis lebih{" "} cerdas.

Satu platform untuk mengelola pelanggan, penjualan, kunjungan, produk, invoice, pembayaran, tim, dan analitik—dengan data yang terhubung dalam satu tempat.

{!isWebUser && ( Mulai Gratis{" "} )} Jelajahi Fitur{" "}
{[ "Multi-company", "Role & permission", "Analytics real-time", ].map((item) => ( {item} ))}
{/* Product preview */}
app.minanga.id / dashboard
MINANGA
Dashboard
Pelanggan
Penjualan
Produk
Analitik

OVERVIEW

Selamat datang kembali 👋

September 2026
{[ [ "Rp 248,6 jt", "Revenue", "↑ 18,4%", ], [ "1.284", "Pelanggan", "↑ 12,1%", ], [ "326", "Pesanan", "↑ 8,7%", ], [ "94,2%", "Collection", "↑ 4,2%", ], ].map( ([ value, label, trend, ]) => (

{label}

{value}

{trend}

), )}

Performa Penjualan

6 bulan
{[ 38, 55, 44, 72, 61, 86, 74, 94, 80, 98, 88, 100, ].map((h, i) => (
))}

Aktivitas

{[ [ "Invoice #2841", "Lunas", "bg-emerald-400", ], [ "Order #1088", "Baru", "bg-indigo-400", ], [ "Visit #042", "Selesai", "bg-amber-400", ], ].map( ([a, b, c]) => (

{ a }

{ b }

), )}

Revenue bulan ini

+18,4%{" "} naik

{/* Trust strip */}
Dibangun untuk operasional bisnis yang serius {[ "Sales Team", "Finance", "Field Operation", "Management", ].map((x) => ( {x} ))}
{/* Features */}

Satu ekosistem

Semua yang dibutuhkan tim Anda, dalam satu platform.

Kurangi pekerjaan manual, satukan data, dan berikan tim akses ke informasi yang mereka butuhkan untuk bekerja lebih cepat.

{[ [ LayoutDashboard, "Dashboard Terpadu", "Pantau KPI, revenue, aktivitas, dan kondisi operasional dari satu layar.", ], [ Users, "CRM & Pelanggan", "Kelola database pelanggan, area, kategori, histori, dan aktivitas secara terstruktur.", ], [ CircleDollarSign, "Sales & Transaksi", "Kelola order, invoice, pembayaran, collection, dan performa sales dalam satu alur.", ], [ MapPinned, "Field Operation", "Atur kunjungan, area, jadwal, laporan, hingga pemetaan aktivitas tim lapangan.", ], [ BarChart3, "Analytics & Reporting", "Ubah data operasional menjadi insight yang mudah dipahami untuk keputusan bisnis.", ], [ ShieldCheck, "Akses & Keamanan", "Role, permission, audit log, dan multi-company membantu menjaga kontrol data.", ], ].map(([Icon, title, description]) => { const FeatureIcon = Icon as typeof LayoutDashboard; return (

{title as string}

{description as string}

Pelajari lebih lanjut{" "}
); })}
{/* Value section */}

Dibuat untuk berkembang

Bukan sekadar dashboard. Ini fondasi operasional bisnis Anda.

Arsitektur modular membuat platform tetap fleksibel saat jumlah user, cabang, pelanggan, transaksi, dan kebutuhan bisnis Anda bertambah.

{[ [ "Multi-company", "Pisahkan data dan operasional antar perusahaan dengan konteks yang jelas.", ], [ "Kontrol akses", "Atur role dan permission sesuai tanggung jawab setiap pengguna.", ], [ "Data terhubung", "CRM, sales, finance, operasional, dan reporting menggunakan sumber data yang konsisten.", ], ].map(([title, text]) => (

{title}

{text}

))}
{[ ["99%", "Data lebih terstruktur"], ["24/7", "Akses operasional"], ["1 platform", "Sumber data terpadu"], ["∞", "Skalabilitas tim"], ].map(([num, label]) => (

{num}

{label}

))}
{/* How it works */}

Cara kerja

Mulai sederhana. Tumbuh bersama bisnis.

{[ [ 1, Database, "Siapkan organisasi", "Buat perusahaan, user, role, dan struktur operasional sesuai kebutuhan.", ], [ 2, Zap, "Hubungkan proses", "Kelola pelanggan, produk, sales, transaksi, kunjungan, dan pembayaran dalam alur yang terintegrasi.", ], [ 3, BarChart3, "Ambil keputusan", "Gunakan dashboard dan laporan untuk melihat performa dan menentukan langkah berikutnya.", ], ].map(([n, Icon, title, text]) => { const StepIcon = Icon as typeof Database; return (
Langkah {n as number}

{title as string}

{text as string}

); })}
{/* CTA */}

Siap membuat operasional lebih rapi?

Bangun satu sumber data untuk tim Anda dan mulai kelola bisnis dengan lebih terukur.

{!isWebUser && ( Mulai Sekarang{" "} )} Lihat Fitur
); }