Merge version_1 into main #1
264
src/app/page.tsx
264
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "features",
|
||||
},
|
||||
name: "Programs", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Pesantren Al-Ikhlas"
|
||||
/>
|
||||
@@ -56,91 +48,50 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Membentuk Generasi Qur'ani yang Berbudi Luhur"
|
||||
description="Menyelenggarakan pendidikan agama dan umum yang terpadu untuk mencetak kader ulama dan pemimpin masa depan yang berwawasan luas."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Bapak Ahmad",
|
||||
role: "Wali Santri",
|
||||
quote: "Pesantren ini membentuk karakter anak saya dengan sangat baik.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-spending-time-together_23-2149150119.jpg",
|
||||
},
|
||||
name: "Bapak Ahmad", handle: "Wali Santri", testimonial: "Pesantren ini membentuk karakter anak saya dengan sangat baik.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-spending-time-together_23-2149150119.jpg"},
|
||||
{
|
||||
name: "Fajar",
|
||||
role: "Alumni",
|
||||
quote: "Pengalaman belajar di sini sangat mengubah hidup saya.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
|
||||
},
|
||||
name: "Fajar", handle: "Alumni", testimonial: "Pengalaman belajar di sini sangat mengubah hidup saya.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg"},
|
||||
{
|
||||
name: "Ibu Siti",
|
||||
role: "Wali Santri",
|
||||
quote: "Lingkungan yang sangat tenang dan kondusif untuk belajar.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-standing-isolated-background-with-happy-cool-smile-face-lucky-person_839833-16953.jpg",
|
||||
},
|
||||
name: "Ibu Siti", handle: "Wali Santri", testimonial: "Lingkungan yang sangat tenang dan kondusif untuk belajar.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-standing-isolated-background-with-happy-cool-smile-face-lucky-person_839833-16953.jpg"},
|
||||
{
|
||||
name: "Hasan",
|
||||
role: "Santri",
|
||||
quote: "Ustadz dan pengajar di sini sangat perhatian.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-feminine-pretty-redhead-caucasian-female-sibling-smiling-broadly-have-perfect-happy-mood-ta_1258-131535.jpg",
|
||||
},
|
||||
name: "Hasan", handle: "Santri", testimonial: "Ustadz dan pengajar di sini sangat perhatian.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-feminine-pretty-redhead-caucasian-female-sibling-smiling-broadly-have-perfect-happy-mood-ta_1258-131535.jpg"},
|
||||
{
|
||||
name: "Ibu Fatimah",
|
||||
role: "Wali Santri",
|
||||
quote: "Fasilitas dan kurikulum di sini sangat menunjang.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bible-lap-quiet-prayer-pause-spiritual-break_169016-71426.jpg",
|
||||
},
|
||||
name: "Ibu Fatimah", handle: "Wali Santri", testimonial: "Fasilitas dan kurikulum di sini sangat menunjang.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bible-lap-quiet-prayer-pause-spiritual-break_169016-71426.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shallow-focus-shot-male-praying-with-open-bible_181624-46442.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-outdoors-with-tablet-pad-retro-vintage-instagram-filter_158595-1663.jpg",
|
||||
alt: "Santri 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-outdoors-with-tablet-pad-retro-vintage-instagram-filter_158595-1663.jpg", alt: "Santri 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teenager-reading-book-sitting-grass_1150-452.jpg",
|
||||
alt: "Santri 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/teenager-reading-book-sitting-grass_1150-452.jpg", alt: "Santri 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-people-holding-hands-praying_23-2149547956.jpg",
|
||||
alt: "Santri 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-people-holding-hands-praying_23-2149547956.jpg", alt: "Santri 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-people-praying-together_23-2149547962.jpg",
|
||||
alt: "Santri 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-people-praying-together_23-2149547962.jpg", alt: "Santri 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-praying-together_23-2149547967.jpg",
|
||||
alt: "Santri 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-praying-together_23-2149547967.jpg", alt: "Santri 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Unggul",
|
||||
},
|
||||
type: "text", text: "Unggul"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Berakhlak",
|
||||
},
|
||||
type: "text", text: "Berakhlak"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mandiri",
|
||||
},
|
||||
type: "text", text: "Mandiri"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Qur'ani",
|
||||
},
|
||||
type: "text", text: "Qur'ani"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cerdas",
|
||||
},
|
||||
type: "text", text: "Cerdas"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,26 +112,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Tahfidz Al-Qur'an",
|
||||
description: "Program hafalan Al-Qur'an intensif dengan metode yang teruji.",
|
||||
tag: "Unggulan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-open-notebook-with-education-word_23-2149001156.jpg",
|
||||
},
|
||||
id: "f1", title: "Tahfidz Al-Qur'an", description: "Program hafalan Al-Qur'an intensif dengan metode yang teruji.", tag: "Unggulan", imageSrc: "http://img.b2bpic.net/free-photo/top-view-open-notebook-with-education-word_23-2149001156.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Kajian Kitab Kuning",
|
||||
description: "Pendalaman ilmu syariah dari kitab-kitab klasik salaf.",
|
||||
tag: "Dasar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892962.jpg",
|
||||
},
|
||||
id: "f2", title: "Kajian Kitab Kuning", description: "Pendalaman ilmu syariah dari kitab-kitab klasik salaf.", tag: "Dasar", imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892962.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Pendidikan Umum",
|
||||
description: "Pembelajaran akademik formal untuk jenjang MTs dan MA.",
|
||||
tag: "Akademik",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-stack-books-blurred-background_169016-26095.jpg",
|
||||
},
|
||||
id: "f3", title: "Pendidikan Umum", description: "Pembelajaran akademik formal untuk jenjang MTs dan MA.", tag: "Akademik", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-stack-books-blurred-background_169016-26095.jpg"},
|
||||
]}
|
||||
title="Program Unggulan"
|
||||
description="Kami menawarkan berbagai program untuk mendukung potensi santri secara holistik."
|
||||
@@ -195,41 +131,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Masjid Jami'",
|
||||
price: "Tersedia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-cup-coffee-cafe_107420-63680.jpg",
|
||||
},
|
||||
id: "p1", name: "Masjid Jami'", price: "Tersedia", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-cup-coffee-cafe_107420-63680.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Asrama Santri",
|
||||
price: "Tersedia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-concrete-building-blue-sky-daytime_246466-34.jpg",
|
||||
},
|
||||
id: "p2", name: "Asrama Santri", price: "Tersedia", imageSrc: "http://img.b2bpic.net/free-photo/brown-concrete-building-blue-sky-daytime_246466-34.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Laboratorium Komputer",
|
||||
price: "Tersedia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/school-supplies-still-life-top-view_23-2149001174.jpg",
|
||||
},
|
||||
id: "p3", name: "Laboratorium Komputer", price: "Tersedia", imageSrc: "http://img.b2bpic.net/free-photo/school-supplies-still-life-top-view_23-2149001174.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Perpustakaan Digital",
|
||||
price: "Tersedia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunei-mosque_1308-4859.jpg",
|
||||
},
|
||||
id: "p4", name: "Perpustakaan Digital", price: "Tersedia", imageSrc: "http://img.b2bpic.net/free-photo/brunei-mosque_1308-4859.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Area Olahraga",
|
||||
price: "Tersedia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/koran-holy-book-muslims_93675-131961.jpg",
|
||||
},
|
||||
id: "p5", name: "Area Olahraga", price: "Tersedia", imageSrc: "http://img.b2bpic.net/free-photo/koran-holy-book-muslims_93675-131961.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Kantin Santri",
|
||||
price: "Tersedia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-cozy-interior-living-room-with-hanging-swing_169016-4664.jpg",
|
||||
},
|
||||
id: "p6", name: "Kantin Santri", price: "Tersedia", imageSrc: "http://img.b2bpic.net/free-photo/modern-cozy-interior-living-room-with-hanging-swing_169016-4664.jpg"},
|
||||
]}
|
||||
title="Fasilitas Pesantren"
|
||||
description="Kami menyediakan fasilitas terbaik untuk menunjang kenyamanan santri selama menuntut ilmu."
|
||||
@@ -242,45 +154,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Sangat Puas",
|
||||
quote: "Anak saya menjadi lebih mandiri dan religius setelah di sini.",
|
||||
name: "Bapak Ahmad",
|
||||
role: "Wali Santri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-young-multiethnic-friendly-female-groupmates-embrace_273609-44568.jpg",
|
||||
},
|
||||
id: "1", title: "Sangat Puas", quote: "Anak saya menjadi lebih mandiri dan religius setelah di sini.", name: "Bapak Ahmad", imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-young-multiethnic-friendly-female-groupmates-embrace_273609-44568.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Pendidikan Terbaik",
|
||||
quote: "Ilmu yang saya dapatkan di sini sangat bermanfaat.",
|
||||
name: "Fajar",
|
||||
role: "Alumni",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-emotive-young-african-american-guy-with-afro-hairstyle-bristle-smiling-broadly-while-wearing-denim-coat-backpack-walking-across-park-festival_176420-19819.jpg",
|
||||
},
|
||||
id: "2", title: "Pendidikan Terbaik", quote: "Ilmu yang saya dapatkan di sini sangat bermanfaat.", name: "Fajar", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-emotive-young-african-american-guy-with-afro-hairstyle-bristle-smiling-broadly-while-wearing-denim-coat-backpack-walking-across-park-festival_176420-19819.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Lingkungan Aman",
|
||||
quote: "Saya tenang menitipkan anak di sini.",
|
||||
name: "Ibu Siti",
|
||||
role: "Wali Santri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-hugging-happily-smiling_181624-27082.jpg",
|
||||
},
|
||||
id: "3", title: "Lingkungan Aman", quote: "Saya tenang menitipkan anak di sini.", name: "Ibu Siti", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-hugging-happily-smiling_181624-27082.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Pembelajaran Seru",
|
||||
quote: "Ustadz-ustadzah sangat mengayomi.",
|
||||
name: "Hasan",
|
||||
role: "Santri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-girl-posing-with-textbook_23-2147666887.jpg",
|
||||
},
|
||||
id: "4", title: "Pembelajaran Seru", quote: "Ustadz-ustadzah sangat mengayomi.", name: "Hasan", imageSrc: "http://img.b2bpic.net/free-photo/teen-girl-posing-with-textbook_23-2147666887.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Pilihan Tepat",
|
||||
quote: "Satu keputusan terbaik untuk masa depan.",
|
||||
name: "Ibu Fatimah",
|
||||
role: "Wali Santri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-smiling-father-daughter_23-2147805472.jpg",
|
||||
},
|
||||
id: "5", title: "Pilihan Tepat", quote: "Satu keputusan terbaik untuk masa depan.", name: "Ibu Fatimah", imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-smiling-father-daughter_23-2147805472.jpg"},
|
||||
]}
|
||||
title="Apa Kata Mereka"
|
||||
description="Testimoni dari para wali santri dan alumni mengenai pengalaman mereka di Pesantren."
|
||||
@@ -293,20 +175,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Bagaimana cara mendaftar?",
|
||||
content: "Pendaftaran dapat dilakukan secara online melalui portal kami setiap awal semester.",
|
||||
},
|
||||
id: "q1", title: "Bagaimana cara mendaftar?", content: "Pendaftaran dapat dilakukan secara online melalui portal kami setiap awal semester."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Apakah ada jenjang pendidikan umum?",
|
||||
content: "Ya, kami memiliki jenjang MTs dan MA yang terakreditasi.",
|
||||
},
|
||||
id: "q2", title: "Apakah ada jenjang pendidikan umum?", content: "Ya, kami memiliki jenjang MTs dan MA yang terakreditasi."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Berapa biaya per bulan?",
|
||||
content: "Biaya pendidikan sangat terjangkau dengan berbagai pilihan beasiswa.",
|
||||
},
|
||||
id: "q3", title: "Berapa biaya per bulan?", content: "Biaya pendidikan sangat terjangkau dengan berbagai pilihan beasiswa."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-opened-quran-festive-table_23-2148214380.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -325,35 +198,11 @@ export default function LandingPage() {
|
||||
description="Update kegiatan harian dan artikel inspiratif dari lingkungan pesantren."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Prestasi",
|
||||
title: "Wisuda Tahfidz Akbar 2024",
|
||||
excerpt: "Ratusan santri berhasil menyelesaikan hafalan 30 juz.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-graduating-woman-embracing-with-boyfriend_23-2147745803.jpg",
|
||||
authorName: "Ustadz Zaid",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/friends-arab-restaurant_23-2147796841.jpg",
|
||||
date: "10 Jan 2024",
|
||||
},
|
||||
id: "b1", category: "Prestasi", title: "Wisuda Tahfidz Akbar 2024", excerpt: "Ratusan santri berhasil menyelesaikan hafalan 30 juz.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-graduating-woman-embracing-with-boyfriend_23-2147745803.jpg", authorName: "Ustadz Zaid", authorAvatar: "http://img.b2bpic.net/free-photo/friends-arab-restaurant_23-2147796841.jpg", date: "10 Jan 2024"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Kegiatan",
|
||||
title: "Gotong Royong Pesantren",
|
||||
excerpt: "Santri dan warga sekitar membersihkan lingkungan masjid.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hunger-relief-disabled-individuals_482257-75502.jpg",
|
||||
authorName: "Ustadz Zaid",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/group-different-people-volunteering-foodbank-poor-people_23-2149012211.jpg",
|
||||
date: "15 Feb 2024",
|
||||
},
|
||||
id: "b2", category: "Kegiatan", title: "Gotong Royong Pesantren", excerpt: "Santri dan warga sekitar membersihkan lingkungan masjid.", imageSrc: "http://img.b2bpic.net/free-photo/hunger-relief-disabled-individuals_482257-75502.jpg", authorName: "Ustadz Zaid", authorAvatar: "http://img.b2bpic.net/free-photo/group-different-people-volunteering-foodbank-poor-people_23-2149012211.jpg", date: "15 Feb 2024"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Akademik",
|
||||
title: "Workshop Guru Kreatif",
|
||||
excerpt: "Pelatihan metode mengajar masa kini bagi para ustadz.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104621.jpg",
|
||||
authorName: "Ustadz Zaid",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/lifestyle-people-taking-part-psychological-therapy_52683-151587.jpg",
|
||||
date: "20 Mar 2024",
|
||||
},
|
||||
id: "b3", category: "Akademik", title: "Workshop Guru Kreatif", excerpt: "Pelatihan metode mengajar masa kini bagi para ustadz.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104621.jpg", authorName: "Ustadz Zaid", authorAvatar: "http://img.b2bpic.net/free-photo/lifestyle-people-taking-part-psychological-therapy_52683-151587.jpg", date: "20 Mar 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -362,14 +211,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Tertarik bergabung dengan kami? Hubungi kami untuk informasi pendaftaran."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Kami",
|
||||
href: "https://wa.me/628123456789",
|
||||
},
|
||||
text: "WhatsApp Kami", href: "https://wa.me/628123456789"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -380,25 +226,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Tentang Kami",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Tentang Kami", href: "#about"},
|
||||
{
|
||||
label: "Program",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Program", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Kontak",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontak", href: "#contact"},
|
||||
{
|
||||
label: "Berita",
|
||||
href: "#blog",
|
||||
},
|
||||
label: "Berita", href: "#blog"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user