bender/1b7c619b-3bad-435c-9a9a-83c69a8a14df
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-18 13:19:47 +00:00
parent 5d7e314f96
commit 9e4b3b38e9
1 changed files with 47 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

286
src/app/page.tsx
View File

@@ -31,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Beranda",
id: "#hero",
},
{
name: "Tentang",
id: "#about",
},
{
name: "Program",
id: "#features",
},
{
name: "Syarat",
id: "#faq",
},
{
name: "Kontak",
id: "#contact",
},
{ name: "Beranda", id: "#hero" },
{ name: "Tentang", id: "#about" },
{ name: "Program", id: "#features" },
{ name: "Syarat", id: "#faq" },
{ name: "Kontak", id: "#contact" }
]}
brandName="Bogor eduCARE"
/>
@@ -58,99 +43,32 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Membangun Masa Depan Gemilang"
description="Bogor eduCARE adalah institusi pendidikan yang berdedikasi menciptakan lulusan mandiri, berkarakter, dan siap bersaing di dunia kerja profesional."
testimonials={[
{
name: "Budi Santoso",
handle: "@alumni",
testimonial: "Pengalaman luar biasa yang mengubah hidup saya.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-student-wearing-black-backpack-laughing-blue-wall_140725-42614.jpg",
},
{
name: "Siti Aminah",
handle: "@mahasiswa",
testimonial: "Kurikulum yang sangat relevan dengan kebutuhan industri.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-wearing-pink-background_185193-110335.jpg",
},
{
name: "Rizky Ramadhan",
handle: "@alumni",
testimonial: "Bogor eduCARE membentuk mental kerja saya sejak dini.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg",
},
{
name: "Dewi Sartika",
handle: "@mahasiswa",
testimonial: "Lingkungan yang suportif untuk berkembang.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-long-natural-straight-hair-white-perfect-smile-looking-happy-camera-standing-studio-background_176420-54102.jpg",
},
{
name: "Andi Wijaya",
handle: "@alumni",
testimonial: "Dosen dan pengajar yang sangat inspiratif.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-student-smiling_23-2148586538.jpg",
},
{ name: "Budi Santoso", handle: "@alumni", testimonial: "Pengalaman luar biasa yang mengubah hidup saya.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-student-wearing-black-backpack-laughing-blue-wall_140725-42614.jpg" },
{ name: "Siti Aminah", handle: "@mahasiswa", testimonial: "Kurikulum yang sangat relevan dengan kebutuhan industri.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-wearing-pink-background_185193-110335.jpg" },
{ name: "Rizky Ramadhan", handle: "@alumni", testimonial: "Bogor eduCARE membentuk mental kerja saya sejak dini.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg" },
{ name: "Dewi Sartika", handle: "@mahasiswa", testimonial: "Lingkungan yang suportif untuk berkembang.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-long-natural-straight-hair-white-perfect-smile-looking-happy-camera-standing-studio-background_176420-54102.jpg" },
{ name: "Andi Wijaya", handle: "@alumni", testimonial: "Dosen dan pengajar yang sangat inspiratif.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-student-smiling_23-2148586538.jpg" }
]}
buttons={[
{
text: "Daftar Sekarang",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/group-kids-studying-school_1303-26846.jpg?_wi=1"
buttons={[{ text: "Daftar Sekarang", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/group-kids-studying-school_1303-26846.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/closeup-portrait-happy-young-hopeful-guy-anticipating-something-good-happen-cross-fingers-good-lu_1258-109512.jpg",
alt: "Student profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/image-stylish-modern-girl-student-holding-workbook-documents-woman-teacher-with-papers-standing_1258-190536.jpg",
alt: "Student profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-male-student-carrying-bag-shoulder-books-hand-standing-against-red-wall_23-2148093325.jpg",
alt: "Student profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/young-lady-looking-camera-academic-dress-looking-pretty_176474-82317.jpg",
alt: "Student profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/blonde-girl-graduation-gown-cap-holding-hands-waist-looking-cute_176474-82507.jpg",
alt: "Student profile 5",
},
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-happy-young-hopeful-guy-anticipating-something-good-happen-cross-fingers-good-lu_1258-109512.jpg", alt: "Student profile 1" },
{ src: "http://img.b2bpic.net/free-photo/image-stylish-modern-girl-student-holding-workbook-documents-woman-teacher-with-papers-standing_1258-190536.jpg", alt: "Student profile 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-male-student-carrying-bag-shoulder-books-hand-standing-against-red-wall_23-2148093325.jpg", alt: "Student profile 3" },
{ src: "http://img.b2bpic.net/free-photo/young-lady-looking-camera-academic-dress-looking-pretty_176474-82317.jpg", alt: "Student profile 4" },
{ src: "http://img.b2bpic.net/free-photo/blonde-girl-graduation-gown-cap-holding-hands-waist-looking-cute_176474-82507.jpg", alt: "Student profile 5" }
]}
marqueeItems={[
{
type: "text",
text: "Inovasi",
},
{
type: "text",
text: "Integritas",
},
{
type: "text",
text: "Profesionalisme",
},
{
type: "text",
text: "Mandiri",
},
{
type: "text",
text: "Karakter",
},
{ type: "text", text: "Inovasi" },
{ type: "text", text: "Integritas" },
{ type: "text", text: "Profesionalisme" },
{ type: "text", text: "Mandiri" },
{ type: "text", text: "Karakter" }
]}
/>
</div>
@@ -160,7 +78,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Tentang Bogor eduCARE"
description="Kami berfokus pada pengembangan keterampilan praktis dan etika kerja yang dibutuhkan industri saat ini. Lingkungan belajar kami mendukung inovasi."
imageSrc="http://img.b2bpic.net/free-photo/design-old-brick-building_23-2148252744.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/design-old-brick-building_23-2148252744.jpg"
/>
</div>
@@ -171,21 +89,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
features={[
{
title: "Kurikulum Industri",
description: "Selaras dengan kebutuhan nyata dunia kerja modern.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-kids-class_23-2148601439.jpg?_wi=1",
},
{
title: "Bimbingan Karir",
description: "Pendampingan dari praktisi profesional berpengalaman.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-boy-writing-table_259150-58128.jpg",
},
{
title: "Lingkungan Inklusif",
description: "Membangun relasi dan karakter yang kuat.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-teens-playing_1098-2692.jpg",
},
{ title: "Kurikulum Industri", description: "Selaras dengan kebutuhan nyata dunia kerja modern.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-kids-class_23-2148601439.jpg" },
{ title: "Bimbingan Karir", description: "Pendampingan dari praktisi profesional berpengalaman.", imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-boy-writing-table_259150-58128.jpg" },
{ title: "Lingkungan Inklusif", description: "Membangun relasi dan karakter yang kuat.", imageSrc: "http://img.b2bpic.net/free-photo/positive-teens-playing_1098-2692.jpg" }
]}
title="Mengapa Memilih Kami?"
description="Keunggulan yang membuat lulusan kami dipercaya oleh berbagai perusahaan besar."
@@ -199,21 +105,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "95%",
description: "Tingkat Penempatan Kerja",
},
{
id: "m2",
value: "500+",
description: "Mitra Industri",
},
{
id: "m3",
value: "20+",
description: "Tahun Pengalaman",
},
{ id: "m1", value: "95%", description: "Tingkat Penempatan Kerja" },
{ id: "m2", value: "500+", description: "Mitra Industri" },
{ id: "m3", value: "20+", description: "Tahun Pengalaman" }
]}
title="Prestasi Kami"
description="Data membuktikan komitmen kami terhadap pendidikan berkualitas."
@@ -225,23 +119,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Apa syarat utamanya?",
content: "Lulusan SMA/SMK dengan integritas tinggi dan keinginan untuk belajar.",
},
{
id: "f2",
title: "Bagaimana proses seleksinya?",
content: "Melalui tes potensi akademik dan wawancara personal.",
},
{
id: "f3",
title: "Kapan pendaftaran dibuka?",
content: "Pendaftaran dibuka sepanjang tahun sesuai dengan gelombang akademik.",
},
{ id: "f1", title: "Apa syarat utamanya?", content: "Lulusan SMA/SMK dengan integritas tinggi dan keinginan untuk belajar." },
{ id: "f2", title: "Bagaimana proses seleksinya?", content: "Melalui tes potensi akademik dan wawancara personal." },
{ id: "f3", title: "Kapan pendaftaran dibuka?", content: "Pendaftaran dibuka sepanjang tahun sesuai dengan gelombang akademik." }
]}
imageSrc="http://img.b2bpic.net/free-photo/here-are-your-test-results-you-got_637285-8656.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/here-are-your-test-results-you-got_637285-8656.jpg"
mediaAnimation="slide-up"
title="Syarat Pendaftaran"
description="Informasi penting mengenai prosedur dan syarat masuk Bogor eduCARE."
@@ -256,27 +138,11 @@ export default function LandingPage() {
useInvertedBackground={false}
groups={[
{
id: "g1",
groupTitle: "Manajemen",
members: [
{
id: "m1",
title: "Dr. Ahmad",
subtitle: "Direktur",
detail: "Berpengalaman 30 tahun.",
imageSrc: "http://img.b2bpic.net/free-photo/photo-two-joyful-females-embrace-together_273609-28698.jpg",
},
{
id: "m2",
title: "Siti Aminah",
subtitle: "Kepala Akademik",
detail: "Pakar kurikulum industri.",
imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-with-color-sampler_1170-763.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/group-kids-studying-school_1303-26846.jpg?_wi=2",
imageAlt: "Photo of two joyful females embrace together",
},
id: "g1", groupTitle: "Manajemen", members: [
{ id: "m1", title: "Dr. Ahmad", subtitle: "Direktur", detail: "Berpengalaman 30 tahun.", imageSrc: "http://img.b2bpic.net/free-photo/photo-two-joyful-females-embrace-together_273609-28698.jpg" },
{ id: "m2", title: "Siti Aminah", subtitle: "Kepala Akademik", detail: "Pakar kurikulum industri.", imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-with-color-sampler_1170-763.jpg" }
]
}
]}
title="Tenaga Pendidik Kami"
description="Dosen dan praktisi yang berdedikasi membangun masa depan Anda."
@@ -288,61 +154,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Indra",
date: "2023",
title: "Manajer",
quote: "Sangat membantu karir saya.",
tag: "Sukses",
avatarSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-smiling-wearing-headphones-university-campus_839833-11696.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/group-kids-studying-school_1303-26846.jpg?_wi=3",
imageAlt: "student portrait happy",
},
{
id: "2",
name: "Dewi",
date: "2022",
title: "Staff",
quote: "Pengalaman yang berharga.",
tag: "Alumni",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smart-girl-glasses-tutor-holding-pen-notebooks-student-carry-her-homework-notes_1258-203181.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/design-old-brick-building_23-2148252744.jpg?_wi=2",
imageAlt: "student portrait happy",
},
{
id: "3",
name: "Rudi",
date: "2023",
title: "Developer",
quote: "Skill saya berkembang pesat.",
tag: "Berbakat",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-female-graduate-graduation-robe-university-campus_496169-1312.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/here-are-your-test-results-you-got_637285-8656.jpg?_wi=2",
imageAlt: "student portrait happy",
},
{
id: "4",
name: "Siska",
date: "2021",
title: "Pemasaran",
quote: "Lingkungan belajar kondusif.",
tag: "Kreatif",
avatarSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832980.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/brainstroming-education-concept-two-students-discuss-their-subject-write-notebook-create-article-blog-discuss-ideas-development-sit-coworking-space-tutor-gives-private-lesson_273609-28933.jpg",
imageAlt: "student portrait happy",
},
{
id: "5",
name: "Bambang",
date: "2020",
title: "Direktur",
quote: "Fondasi yang kuat untuk karir.",
tag: "Leader",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-male-student-colored-striped-shirt-wearing-yellow-backpack-blue-wall_140725-46603.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-kids-class_23-2148601439.jpg?_wi=2",
imageAlt: "student portrait happy",
},
{ id: "1", name: "Indra", date: "2023", title: "Manajer", quote: "Sangat membantu karir saya.", tag: "Sukses", avatarSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-smiling-wearing-headphones-university-campus_839833-11696.jpg", imageSrc: "http://img.b2bpic.net/free-photo/group-kids-studying-school_1303-26846.jpg", imageAlt: "student portrait happy" },
{ id: "2", name: "Dewi", date: "2022", title: "Staff", quote: "Pengalaman yang berharga.", tag: "Alumni", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smart-girl-glasses-tutor-holding-pen-notebooks-student-carry-her-homework-notes_1258-203181.jpg", imageSrc: "http://img.b2bpic.net/free-photo/design-old-brick-building_23-2148252744.jpg", imageAlt: "student portrait happy" },
{ id: "3", name: "Rudi", date: "2023", title: "Developer", quote: "Skill saya berkembang pesat.", tag: "Berbakat", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-female-graduate-graduation-robe-university-campus_496169-1312.jpg", imageSrc: "http://img.b2bpic.net/free-photo/here-are-your-test-results-you-got_637285-8656.jpg", imageAlt: "student portrait happy" },
{ id: "4", name: "Siska", date: "2021", title: "Pemasaran", quote: "Lingkungan belajar kondusif.", tag: "Kreatif", avatarSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832980.jpg", imageSrc: "http://img.b2bpic.net/free-photo/brainstroming-education-concept-two-students-discuss-their-subject-write-notebook-create-article-blog-discuss-ideas-development-sit-coworking-space-tutor-gives-private-lesson_273609-28933.jpg", imageAlt: "student portrait happy" },
{ id: "5", name: "Bambang", date: "2020", title: "Direktur", quote: "Fondasi yang kuat untuk karir.", tag: "Leader", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-male-student-colored-striped-shirt-wearing-yellow-backpack-blue-wall_140725-46603.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-kids-class_23-2148601439.jpg", imageAlt: "student portrait happy" }
]}
title="Apa Kata Alumni?"
description="Testimoni mereka yang telah berhasil bersama Bogor eduCARE."
@@ -352,9 +168,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Kontak Kami"
title="Mulai Perjalanan Anda"
description="Daftarkan diri Anda sekarang dan jadilah bagian dari perubahan positif."
@@ -364,14 +178,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Bogor eduCARE"
leftLink={{
text: "© 2024 Bogor eduCARE",
href: "#",
}}
rightLink={{
text: "Kebijakan Privasi",
href: "#",
}}
leftLink={{ text: "© 2024 Bogor eduCARE", href: "#" }}
rightLink={{ text: "Kebijakan Privasi", href: "#" }}
/>
</div>
</ReactLenis>