bender/673ffaa0-641e-4c79-a257-5c4ea49d21d9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-08 14:49:06 +00:00
parent e9b20280b5
commit b090fba375
1 changed files with 36 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

233
src/app/page.tsx
View File

@@ -31,80 +31,35 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Konsep",
id: "konsep",
},
{
name: "Timeline",
id: "timeline",
},
{
name: "Rundown",
id: "rundown",
},
{
name: "Keuangan",
id: "keuangan",
},
{ name: "Konsep", id: "konsep" },
{ name: "Timeline", id: "timeline" },
{ name: "Rundown", id: "rundown" },
{ name: "Keuangan", id: "keuangan" },
]}
brandName="Manba'ul Huda"
button={{ text: "Login", href: "#" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="LAPORAN PERKEMBANGAN PERSIAPAN HAFLAH AKHIRUSSANAH DAN WISUDA TAHFIDZ KE-2"
description="Madrasah Muallimin Muallimat Manba'ul Huda Sidaraja - Lulus Berkah Melangkah Dakwah"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149362876.jpg",
alt: "professional man teacher",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiley-young-woman-posing_23-2148454538.jpg",
alt: "professional woman teacher",
},
{
src: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg",
alt: "Happy Young Handsome Man Sitting at Cafe Table",
},
{
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2538.jpg",
alt: "black businessman happy expression",
},
{
src: "http://img.b2bpic.net/free-photo/man-taking-part-zumba-class_23-2149074895.jpg",
alt: "Man taking part in zumba class",
},
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149362876.jpg", alt: "professional man teacher" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-young-woman-posing_23-2148454538.jpg", alt: "professional woman teacher" },
{ src: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg", alt: "Happy Young Handsome Man Sitting at Cafe Table" },
{ src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2538.jpg", alt: "black businessman happy expression" },
{ src: "http://img.b2bpic.net/free-photo/man-taking-part-zumba-class_23-2149074895.jpg", alt: "Man taking part in zumba class" },
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Persiapan 95%",
},
{
type: "text-icon",
text: "Wisuda Tahfidz",
icon: GraduationCap,
},
{
type: "text",
text: "Haflah Akhirussanah",
},
{
type: "text-icon",
text: "Manba'ul Huda",
icon: BookOpen,
},
{
type: "text",
text: "Sidaraja 2026",
},
{ type: "text", text: "Persiapan 95%" },
{ type: "text-icon", text: "Wisuda Tahfidz", icon: GraduationCap },
{ type: "text", text: "Haflah Akhirussanah" },
{ type: "text-icon", text: "Manba'ul Huda", icon: BookOpen },
{ type: "text", text: "Sidaraja 2026" },
]}
/>
</div>
@@ -113,14 +68,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Konsep Acara: Eco-Madrasah",
},
{
type: "text",
content: "Waktu Pelaksanaan: Kamis-Sabtu, 18-20 Juni 2026. Bertempat di Komplek Madrasah Manba'ul Huda.",
},
{ type: "text", content: "Konsep Acara: Eco-Madrasah" },
{ type: "text", content: "Waktu Pelaksanaan: Kamis-Sabtu, 18-20 Juni 2026. Bertempat di Komplek Madrasah Manba'ul Huda." },
]}
/>
</div>
@@ -132,55 +81,19 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "April",
description: "Pembentukan panitia dan pendataan siswa",
items: [
{
icon: Calendar,
text: "FASE 1-2",
},
],
title: "April", description: "Pembentukan panitia dan pendataan siswa", items: [{ icon: Calendar, text: "FASE 1-2" }],
reverse: false,
media: {
imageSrc: "http://img.b2bpic.net/free-photo/calendar-schedule-list_53876-121333.jpg",
imageAlt: "calendar planning event",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149362876.jpg",
imageAlt: "calendar planning event",
media: { imageSrc: "http://img.b2bpic.net/free-photo/calendar-schedule-list_53876-121333.jpg", imageAlt: "calendar planning event" }
},
{
title: "Mei",
description: "Latihan wisudawan dan sosialisasi lomba",
items: [
{
icon: CheckCircle,
text: "FASE 3-4",
},
],
title: "Mei", description: "Latihan wisudawan dan sosialisasi lomba", items: [{ icon: CheckCircle, text: "FASE 3-4" }],
reverse: true,
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-graduation-certificate_23-2148928766.jpg",
imageAlt: "student practice ceremony",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-young-woman-posing_23-2148454538.jpg",
imageAlt: "calendar planning event",
media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-graduation-certificate_23-2148928766.jpg", imageAlt: "student practice ceremony" }
},
{
title: "Juni",
description: "Eksekusi dekorasi dan finalisasi",
items: [
{
icon: Flag,
text: "FASE 5-7",
},
],
title: "Juni", description: "Eksekusi dekorasi dan finalisasi", items: [{ icon: Flag, text: "FASE 5-7" }],
reverse: false,
media: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-enjoying-party-confetti_158595-3938.jpg",
imageAlt: "modern event stage setup",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg",
imageAlt: "calendar planning event",
media: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-enjoying-party-confetti_158595-3938.jpg", imageAlt: "modern event stage setup" }
},
]}
title="Timeline Persiapan"
@@ -193,21 +106,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "r1",
title: "Kamis, 18 Juni 2026",
content: "08.00 Musabaqah, 11.00 Sima'an Juz 30",
},
{
id: "r2",
title: "Jumat, 19 Juni 2026",
content: "08.00 Kreasi Siswa, 16.00 Tahlil Bersama",
},
{
id: "r3",
title: "Sabtu, 20 Juni 2026",
content: "07.00 Acara Inti Prosesi Wisuda",
},
{ id: "r1", title: "Kamis, 18 Juni 2026", content: "08.00 Musabaqah, 11.00 Sima'an Juz 30" },
{ id: "r2", title: "Jumat, 19 Juni 2026", content: "08.00 Kreasi Siswa, 16.00 Tahlil Bersama" },
{ id: "r3", title: "Sabtu, 20 Juni 2026", content: "07.00 Acara Inti Prosesi Wisuda" },
]}
title="Rundown Acara"
description="Jadwal kegiatan Pra Acara dan Acara Inti"
@@ -222,23 +123,10 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "p1",
badge: "Ringkasan",
price: "Rp 26.625.000",
subtitle: "Anggaran Siswa",
features: [
"Non-wisudawan: 2.6jt",
"Wisudawan: 20.8jt",
],
id: "p1", badge: "Ringkasan", price: "Rp 26.625.000", subtitle: "Anggaran Siswa", features: ["Non-wisudawan: 2.6jt", "Wisudawan: 20.8jt"]
},
{
id: "p2",
badge: "Subsidi",
price: "Rp 9.445.000",
subtitle: "Dana Madrasah",
features: [
"Total Dana Terkumpul: 36jt",
],
id: "p2", badge: "Subsidi", price: "Rp 9.445.000", subtitle: "Dana Madrasah", features: ["Total Dana Terkumpul: 36jt"]
},
]}
title="Laporan Keuangan"
@@ -253,27 +141,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "60%",
title: "Dekorasi",
description: "Peralatan",
icon: Palette,
},
{
id: "m2",
value: "40%",
title: "Konsumsi",
description: "Makanan",
icon: Utensils,
},
{
id: "m3",
value: "80%",
title: "Admin",
description: "Sertifikat",
icon: FileText,
},
{ id: "m1", value: "60%", title: "Dekorasi", description: "Peralatan", icon: Palette },
{ id: "m2", value: "40%", title: "Konsumsi", description: "Makanan", icon: Utensils },
{ id: "m3", value: "80%", title: "Admin", description: "Sertifikat", icon: FileText },
]}
title="Status Persiapan"
description="Progress bar visual persiapan divisi"
@@ -283,18 +153,11 @@ export default function LandingPage() {
<div id="cta" data-section="cta">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Update"
title="Data Realisasi"
description="Gunakan fitur Edit Realisasi untuk update keuangan"
buttons={[
{
text: "Download Proposal",
href: "#",
},
]}
buttons={[{ text: "Download Proposal", href: "#" }]}
/>
</div>
@@ -302,32 +165,8 @@ export default function LandingPage() {
<FooterBaseCard
logoText="Manba'ul Huda"
columns={[
{
title: "Navigasi",
items: [
{
label: "Konsep",
href: "#konsep",
},
{
label: "Timeline",
href: "#timeline",
},
],
},
{
title: "Keuangan",
items: [
{
label: "RAB",
href: "#keuangan",
},
{
label: "Status",
href: "#status",
},
],
},
{ title: "Navigasi", items: [{ label: "Konsep", href: "#konsep" }, { label: "Timeline", href: "#timeline" }] },
{ title: "Keuangan", items: [{ label: "RAB", href: "#keuangan" }, { label: "Status", href: "#status" }] },
]}
/>
</div>