Update src/app/page.tsx
This commit is contained in:
176
src/app/page.tsx
176
src/app/page.tsx
@@ -30,94 +30,59 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Beranda",
|
||||
id: "/",
|
||||
},
|
||||
name: "Beranda", id: "/"},
|
||||
{
|
||||
name: "Tentang",
|
||||
id: "/tentang",
|
||||
},
|
||||
name: "Tentang", id: "/tentang"},
|
||||
{
|
||||
name: "Program",
|
||||
id: "/program",
|
||||
},
|
||||
name: "Program", id: "/program"},
|
||||
{
|
||||
name: "Pendaftaran",
|
||||
id: "/pendaftaran",
|
||||
},
|
||||
name: "Pendaftaran", id: "/pendaftaran"},
|
||||
]}
|
||||
brandName="TPQ Rizani"
|
||||
button={{
|
||||
text: "Login Admin",
|
||||
href: "/login",
|
||||
}}
|
||||
text: "Login Admin", href: "/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="TPQ Rizani Sumberrejo Paiton"
|
||||
variant: "gradient-bars"}}
|
||||
title="Mencetak Generasi Qur'ani yang Berprestasi di TPQ Rizani"
|
||||
description="Membentuk generasi qur'ani yang berakhlakul karimah, berilmu, dan beramal sholeh dengan bimbingan istiqomah."
|
||||
buttons={[
|
||||
{
|
||||
text: "Daftar Sekarang",
|
||||
href: "/pendaftaran",
|
||||
},
|
||||
text: "Daftar Sekarang", href: "/pendaftaran"},
|
||||
{
|
||||
text: "Info Lengkap",
|
||||
href: "/tentang",
|
||||
},
|
||||
text: "Info Lengkap", href: "/tentang"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696366.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-islamic-girl_23-2151064060.jpg",
|
||||
alt: "Medium shot smiley islamic girl",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-islamic-girl_23-2151064060.jpg", alt: "Medium shot smiley islamic girl"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-kids-first-communion-portraits_23-2151230212.jpg",
|
||||
alt: "Medium shot kids first communion portraits",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-kids-first-communion-portraits_23-2151230212.jpg", alt: "Medium shot kids first communion portraits"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-islamic-girl-lifestyle_23-2151064053.jpg",
|
||||
alt: "Medium shot islamic girl lifestyle",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-islamic-girl-lifestyle_23-2151064053.jpg", alt: "Medium shot islamic girl lifestyle"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-eid-al-fitr_23-2151205092.jpg",
|
||||
alt: "Medium shot people celebrating eid al-fitr",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-eid-al-fitr_23-2151205092.jpg", alt: "Medium shot people celebrating eid al-fitr"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696366.jpg",
|
||||
alt: "islamic school children students",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696366.jpg", alt: "islamic school children students"},
|
||||
]}
|
||||
avatarText="Bergabung bersama 75+ santri lainnya"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Istiqomah",
|
||||
type: "text", text: "Istiqomah"},
|
||||
{
|
||||
type: "text", text: "Berakhlakul Karimah"},
|
||||
{
|
||||
type: "text-icon", text: "Modern", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Berakhlakul Karimah",
|
||||
},
|
||||
type: "text", text: "Qur'ani"},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Modern",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Qur'ani",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Berprestasi",
|
||||
},
|
||||
type: "text", text: "Berprestasi"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,19 +94,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Santri Aktif",
|
||||
value: "75+",
|
||||
},
|
||||
label: "Santri Aktif", value: "75+"},
|
||||
{
|
||||
icon: BookOpen,
|
||||
label: "Halaqah",
|
||||
value: "13",
|
||||
},
|
||||
label: "Halaqah", value: "13"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Asatidz",
|
||||
value: "10",
|
||||
},
|
||||
label: "Asatidz", value: "10"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -158,25 +117,13 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Berapa usia minimal santri?",
|
||||
content: "Usia minimal santri adalah 5 tahun atau sudah duduk di bangku TK.",
|
||||
},
|
||||
id: "1", title: "Berapa usia minimal santri?", content: "Usia minimal santri adalah 5 tahun atau sudah duduk di bangku TK."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Bagaimana cara mendaftar?",
|
||||
content: "Pendaftaran dapat dilakukan secara online melalui website ini atau datang langsung ke lokasi.",
|
||||
},
|
||||
id: "2", title: "Bagaimana cara mendaftar?", content: "Pendaftaran dapat dilakukan secara online melalui website ini atau datang langsung ke lokasi."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Apakah ada biaya pendaftaran?",
|
||||
content: "Biaya pendaftaran sangat terjangkau dan sudah termasuk perlengkapan belajar.",
|
||||
},
|
||||
id: "3", title: "Apakah ada biaya pendaftaran?", content: "Biaya pendaftaran sangat terjangkau dan sudah termasuk perlengkapan belajar."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Kapan jam belajar?",
|
||||
content: "Jam belajar dimulai setiap sore dari pukul 15.30 hingga 17.00 WIB.",
|
||||
},
|
||||
id: "4", title: "Kapan jam belajar?", content: "Jam belajar dimulai setiap sore dari pukul 15.30 hingga 17.00 WIB."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -190,37 +137,13 @@ export default function LandingPage() {
|
||||
description="Kepercayaan orang tua adalah motivasi kami untuk terus mendidik generasi muda."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Bapak Ahmad",
|
||||
handle: "@ahmad_paiton",
|
||||
testimonial: "Anak saya menjadi jauh lebih disiplin sejak mengaji di TPQ Rizani.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIzXruHoPvoH16g9MSgrJYqbA7/uploaded-1777985006047-2z069lef.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "1", name: "Bapak Ahmad", handle: "@ahmad_paiton", testimonial: "Anak saya menjadi jauh lebih disiplin sejak mengaji di TPQ Rizani.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIzXruHoPvoH16g9MSgrJYqbA7/uploaded-1777985006047-2z069lef.jpg?_wi=1", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ibu Siti",
|
||||
handle: "@siti_rizani",
|
||||
testimonial: "Pengajar di sini sangat sabar dan penyayang kepada santri.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696366.jpg?_wi=3",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "2", name: "Ibu Siti", handle: "@siti_rizani", testimonial: "Pengajar di sini sangat sabar dan penyayang kepada santri.", imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696366.jpg?_wi=3", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Bapak Budi",
|
||||
handle: "@budi_santri",
|
||||
testimonial: "Sistem pembelajarannya modern namun tetap memegang teguh tradisi.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-islamic-girl_23-2151064060.jpg",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "3", name: "Bapak Budi", handle: "@budi_santri", testimonial: "Sistem pembelajarannya modern namun tetap memegang teguh tradisi.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-islamic-girl_23-2151064060.jpg", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ibu Fatimah",
|
||||
handle: "@fati_rahmat",
|
||||
testimonial: "Luar biasa, anak saya sudah hafal juz 30 dalam setahun.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-kids-first-communion-portraits_23-2151230212.jpg",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "4", name: "Ibu Fatimah", handle: "@fati_rahmat", testimonial: "Luar biasa, anak saya sudah hafal juz 30 dalam setahun.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-kids-first-communion-portraits_23-2151230212.jpg", imageAlt: "User provided image"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -229,14 +152,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
variant: "rotated-rays-static-grid"}}
|
||||
text="Siap bergabung dengan TPQ Rizani? Segera hubungi kami atau kunjungi langsung di Sumberrejo, Paiton."
|
||||
buttons={[
|
||||
{
|
||||
text: "Hubungi WA",
|
||||
href: "https://wa.me/628123456789",
|
||||
},
|
||||
text: "Hubungi WA", href: "https://wa.me/628123456789"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -247,33 +167,21 @@ export default function LandingPage() {
|
||||
logoText="TPQ Rizani"
|
||||
columns={[
|
||||
{
|
||||
title: "Tautan",
|
||||
items: [
|
||||
title: "Tautan", items: [
|
||||
{
|
||||
label: "Pendaftaran",
|
||||
href: "/pendaftaran",
|
||||
},
|
||||
label: "Pendaftaran", href: "/pendaftaran"},
|
||||
{
|
||||
label: "Program",
|
||||
href: "/program",
|
||||
},
|
||||
label: "Program", href: "/program"},
|
||||
{
|
||||
label: "Tentang",
|
||||
href: "/tentang",
|
||||
},
|
||||
label: "Tentang", href: "/tentang"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontak",
|
||||
items: [
|
||||
title: "Kontak", items: [
|
||||
{
|
||||
label: "Paiton, Sumberrejo",
|
||||
href: "#",
|
||||
},
|
||||
label: "Paiton, Sumberrejo", href: "#"},
|
||||
{
|
||||
label: "wa.me/628123456789",
|
||||
href: "#",
|
||||
},
|
||||
label: "wa.me/628123456789", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -282,4 +190,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user