diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index db1838d..85eb4cb 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -12,274 +12,124 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; export default function HomePage() { return ( <> -
- +
+ - -
+ brand="ASA RIZANI MART" + description="متجر آسا رزاني - Belanja Anda, Dukungan untuk Generasi Qur'ani. Manajemen terpadu untuk Mini Market, Laundry, dan Keuangan Pondok." + primaryButton={{ + text: "Mulai POS Kasir", href: "#mart"}} + secondaryButton={{ + text: "Tentang Kami", href: "#about"}} + imageSrc="https://storage.googleapis.com/webild/users/user_3DIzXruHoPvoH16g9MSgrJYqbA7/uploaded-1782209588446-eseq3fsc.png" + /> +
+
-
- +
+ - -
+ tag="Layanan Kami" + title="Solusi Digital untuk Pondok Pesantren" + description="Sistem manajemen terpadu yang memudahkan operasional harian pesantren, mulai dari kasir hingga laporan keuangan." + items={[ + { icon: "ShoppingBag", title: "Mini Market POS", description: "Kasir efisien dengan manajemen stok produk yang akurat." }, + { icon: "Tag", title: "Laundry Santri", description: "Tracking otomatis pesanan laundry santri dari antrian hingga diambil." }, + { icon: "PieChart", title: "Keuangan Pondok", description: "Monitoring pendapatan dan pengeluaran secara transparan dan terstruktur." }, + ]} + imageSrc="http://img.b2bpic.net/free-photo/side-view-waitress-with-digital-tablet_329181-20326.jpg" + /> +
+
-
- +
+ - -
+ tag="Point of Sale" + title="Modul Mart yang Intuitif" + description="Dirancang khusus untuk operasional tablet yang cepat di kasir." + items={[ + { tag: "POS", title: "Transaksi Cepat", description: "Input transaksi sekali tap dengan kategori yang tersusun rapi.", primaryButton: { text: "Lihat Fitur", href: "/mart" }, imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg" }, + { tag: "Inventory", title: "Manajemen Stok", description: "Pantau stok kritis dengan alert otomatis.", primaryButton: { text: "Kelola Stok", href: "/mart/stok" }, imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg" }, + { tag: "Report", title: "Audit Mudah", description: "Export laporan transaksi harian dalam format CSV.", primaryButton: { text: "Download", href: "/mart/produk" }, imageSrc: "http://img.b2bpic.net/free-photo/colleagues-preparing-business-strategies_482257-120467.jpg" }, + ]} + /> +
+
-
- +
+ - -
+ tag="Laundry" + title="Sistem Laundry Santri" + description="Kelola alur laundry dari masuk hingga selesai dengan notifikasi." + items={[ + { title: "Form Pesanan", description: "Data santri yang terintegrasi.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-classify-clothes_23-2148857508.jpg" }, + { title: "Antrian Status", description: "Pantau proses cuci, jemur, setrika.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-with-beard-working-hard-his-desk-office-motivated-man_482257-18758.jpg" }, + { title: "Notifikasi", description: "WhatsApp otomatis saat selesai.", imageSrc: "http://img.b2bpic.net/free-photo/organized-closet-with-mesh-baskets-shirts-wardrobe-order_169016-71174.jpg" }, + { title: "Jenis Layanan", description: "Cuci, setrika, atau express.", imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg" }, + { title: "Estimasi Selesai", description: "Auto-calculate waktu pengerjaan.", imageSrc: "http://img.b2bpic.net/free-photo/laundress-reading_1098-13298.jpg" }, + { title: "History Data", description: "Simpan riwayat laundry santri.", imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg" }, + { title: "PDF Laporan", description: "Export data berkala.", imageSrc: "http://img.b2bpic.net/free-photo/woman-folding-towels-home-quarantine_23-2149374546.jpg" }, + ]} + /> +
+
-
- +
+ - -
+ tag="Keuangan" + title="Monitor Laba & Rugi" + description="Laporan keuangan yang akurat untuk yayasan." + plans={[ + { tag: "Pondok", price: "Transparan", description: "Otomatis dari Mart & Laundry.", primaryButton: { text: "Lihat Laporan", href: "/keuangan/laporan" }, features: ["Auto-record transaksi", "Kategori pengeluaran", "Bukti foto pengeluaran"] }, + { tag: "Laporan", price: "Terperinci", description: "Breakdown bulanan yayasan.", primaryButton: { text: "Export PDF", href: "/keuangan/laporan" }, features: ["Filter tanggal", "Export PDF", "Chart pendapatan"] }, + ]} + /> +
+
-
- +
+ - -
+ tag="Testimoni" + title="Apa Kata Pengguna" + description="Kepercayaan pondok terhadap sistem kami." + testimonials={[ + { name: "H. Jumadi", role: "Pembina", company: "Pondok Rizani", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/small-business-owner-cash-register_53876-176732.jpg" }, + { name: "Ustadz Budi", role: "Bendahara", company: "Pondok Rizani", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-3d-arcade-game-box_23-2151005854.jpg" }, + { name: "Admin Toko", role: "Kasir", company: "Mart", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-using-smart-device-while-eating-breakfast-kitchen-young-freelancer-home-talking-video-call-with-her-colleagues-from-office-using-modern-internet-technology_482257-14229.jpg" }, + { name: "Pengurus Laundry", role: "Staf", company: "Laundry", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-diverse-people-showing-pie-chart-tablet_53876-71499.jpg" }, + { name: "Wali Santri", role: "User", company: "Umum", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-storehouse-with-industrial-racks-shelves-used-shipping-goods-from-online_482257-136165.jpg" }, + ]} + /> +
+
-
- +
+ - -
+ tag="FAQ" + title="Pertanyaan Sering Diajukan" + description="Informasi seputar penggunaan aplikasi." + categories={[ + { name: "Umum", items: [{ question: "Bagaimana cara login?", answer: "Gunakan email dan password yang telah diberikan admin." }, { question: "Apakah ini tablet friendly?", answer: "Ya, desain telah dioptimasi untuk tablet." }] } + ]} + /> +
+
-
- +
+ - -
+ tag="Hubungi Kami" + text="Siap untuk mengelola operasional pesantren dengan lebih baik?" + primaryButton={{ text: "Kontak Admin", href: "#" }} + secondaryButton={{ text: "Dokumentasi", href: "#" }} + /> +
+
); }