Merge version_1 into main #2
155
src/app/page.tsx
155
src/app/page.tsx
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Programs", id: "features"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Programs", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pesantren Al-Ikhlas"
|
||||
/>
|
||||
@@ -47,51 +43,30 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ 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", 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", 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", 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", 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", 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"},
|
||||
{ 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", 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", 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", 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", 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/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-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/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/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/medium-shot-people-praying-together_23-2149547967.jpg", alt: "Santri 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Unggul"},
|
||||
{
|
||||
type: "text", text: "Berakhlak"},
|
||||
{
|
||||
type: "text", text: "Mandiri"},
|
||||
{
|
||||
type: "text", text: "Qur'ani"},
|
||||
{
|
||||
type: "text", text: "Cerdas"},
|
||||
{ type: "text", text: "Unggul" },
|
||||
{ type: "text", text: "Berakhlak" },
|
||||
{ type: "text", text: "Mandiri" },
|
||||
{ type: "text", text: "Qur'ani" },
|
||||
{ type: "text", text: "Cerdas" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,12 +86,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "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."
|
||||
@@ -130,18 +102,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="Fasilitas Pesantren"
|
||||
description="Kami menyediakan fasilitas terbaik untuk menunjang kenyamanan santri selama menuntut ilmu."
|
||||
@@ -153,16 +119,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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", 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", 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", 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", imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-smiling-father-daughter_23-2147805472.jpg"},
|
||||
{ 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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="Apa Kata Mereka"
|
||||
description="Testimoni dari para wali santri dan alumni mengenai pengalaman mereka di Pesantren."
|
||||
@@ -174,12 +135,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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: "q3", title: "Berapa biaya per bulan?", content: "Biaya pendidikan sangat terjangkau dengan berbagai pilihan beasiswa."},
|
||||
{ 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: "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"
|
||||
@@ -197,12 +155,9 @@ export default function LandingPage() {
|
||||
title="Berita & Artikel"
|
||||
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: "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: "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: "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>
|
||||
@@ -210,12 +165,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ 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>
|
||||
@@ -223,22 +176,14 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Tentang Kami", href: "#about"},
|
||||
{
|
||||
label: "Program", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Kontak", href: "#contact"},
|
||||
{
|
||||
label: "Berita", href: "#blog"},
|
||||
],
|
||||
},
|
||||
{ items: [
|
||||
{ label: "Tentang Kami", href: "#about" },
|
||||
{ label: "Program", href: "#features" },
|
||||
] },
|
||||
{ items: [
|
||||
{ label: "Kontak", href: "#contact" },
|
||||
{ label: "Berita", href: "#blog" },
|
||||
] },
|
||||
]}
|
||||
logoText="Pesantren Al-Ikhlas"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user