Merge version_1_1782209584449 into main #1
@@ -12,274 +12,124 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardBrand
|
||||
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"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<AboutFeaturesSplit
|
||||
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"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="mart" data-section="mart">
|
||||
<SectionErrorBoundary name="mart">
|
||||
<div id="mart" data-section="mart">
|
||||
<SectionErrorBoundary name="mart">
|
||||
<FeaturesTaggedCards
|
||||
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",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="laundry" data-section="laundry">
|
||||
<SectionErrorBoundary name="laundry">
|
||||
<div id="laundry" data-section="laundry">
|
||||
<SectionErrorBoundary name="laundry">
|
||||
<FeaturesImageBento
|
||||
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",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="finance" data-section="finance">
|
||||
<SectionErrorBoundary name="finance">
|
||||
<div id="finance" data-section="finance">
|
||||
<SectionErrorBoundary name="finance">
|
||||
<PricingLayeredCards
|
||||
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",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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"] },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Testimoni"
|
||||
title="Apa Kata Pengguna"
|
||||
description="Kepercayaan pondok terhadap sistem kami."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
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",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
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.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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." }] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Hubungi Kami"
|
||||
text="Siap untuk mengelola operasional pesantren dengan lebih baik?"
|
||||
primaryButton={{
|
||||
text: "Kontak Admin",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Dokumentasi",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Hubungi Kami"
|
||||
text="Siap untuk mengelola operasional pesantren dengan lebih baik?"
|
||||
primaryButton={{ text: "Kontak Admin", href: "#" }}
|
||||
secondaryButton={{ text: "Dokumentasi", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user