bender/c577ea42-80c8-472f-965d-4bd6f9284b71
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Update About section with vision, mission, and logo; update

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-20 07:05:27 +00:00
parent 1e873f72c3
commit aa92a5e867
9 changed files with 380 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

253
src/pages/HomePage.tsx
View File

@@ -1,241 +1,36 @@
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import ProgramsSection from './HomePage/sections/Programs';
import MetricsSection from './HomePage/sections/Metrics';
import TestimonialsSection from './HomePage/sections/Testimonials';
import FaqSection from './HomePage/sections/Faq';
import SocialProofSection from './HomePage/sections/SocialProof';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardCarousel
tag="Excellence in Islamic Education"
title="Excellence in Quranic Memorization and Islamic Character"
description="Daarul Multazam nurtures hafiz leaders through rigorous tahfidz programs grounded in Islamic values. Join a legacy of spiritual and academic achievement."
primaryButton={{
text: "Explore Our Programs",
href: "#programs",
}}
secondaryButton={{
text: "Visit Us",
href: "#contact",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257200.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-old-woman-praying-church_23-2150755535.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/reading-bible-home-girl-holding-bible-her-hands-christianity-concept_169016-67925.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-november-11-2024-glimpse-into-bangkok-urban-landscape_482257-123944.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/grunge-wall_1194-5750.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-partying-outside_23-2149009360.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTestimonial
tag="Our Mission"
quote="Our mission is to create a generation that is not only hafiz but also upholds the noble character of the Prophet SAW, integrating Quranic excellence with contemporary academic rigor."
author="Dr. Ahmad Hidayat"
role="Foundation Director"
imageSrc="http://img.b2bpic.net/free-photo/group-diverse-people-attending-startup-business-course_53876-26370.jpg"
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="programs" data-section="programs">
<SectionErrorBoundary name="programs">
<FeaturesMediaCarousel
tag="Curriculum"
title="Rigorous Tahfidz Programs"
description="Our structured curriculum provides comprehensive support for every stage of your child's memorization journey."
items={[
{
title: "Foundation Level",
description: "Building strong foundation and correct tajweed skills.",
buttonIcon: "BookOpen",
imageSrc: "http://img.b2bpic.net/free-photo/3d-ramadan-celebration-elements-scene_23-2151188071.jpg",
},
{
title: "Advanced Tahfidz",
description: "Structured memorization of 30 Juz with deep understanding.",
buttonIcon: "Award",
imageSrc: "http://img.b2bpic.net/free-photo/international-team_273609-6343.jpg",
},
{
title: "Integrated Studies",
description: "Balanced approach with academic subjects and Islamic values.",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-pottery-vessels-earthenware_23-2151538343.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<ProgramsSection />
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsFeatureCards
tag="Our Success"
title="Proven Academic Results"
description="We are proud of our consistently high standard of Quranic memorization."
metrics={[
{
value: "1,000+",
title: "Total Graduates",
features: [
"Hafiz 30 Juz",
"Noble Character",
"Academic Excellence",
],
},
{
value: "98%",
title: "Memorization Rate",
features: [
"Proven Results",
"Quality Control",
"Tajweed Focus",
],
},
{
value: "20+",
title: "Years of Legacy",
features: [
"Established Trust",
"Strong Alumni",
"Community Impact",
],
},
]}
/>
</SectionErrorBoundary>
</div>
<MetricsSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialQuoteCards
tag="Testimonials"
title="Voices of the Daarul Multazam Family"
description="See why hundreds of parents trust us with their children's spiritual journey."
testimonials={[
{
name: "Haji Mansur",
role: "Parent",
quote: "The curriculum is rigorous, but the personal attention to character development is what I value the most.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-633413.jpg",
},
{
name: "Fatima Zahra",
role: "Parent",
quote: "My daughter has grown so much in her devotion to the Quran. Truly an exemplary institution.",
imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186128.jpg",
},
{
name: "Ustaz Bakri",
role: "Educator",
quote: "The teaching staff here is world-class, upholding deep spiritual and intellectual integrity.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-executive-with-glasses_1098-731.jpg",
},
{
name: "Ihsan Rahman",
role: "Alumni",
quote: "The habits I formed at Daarul Multazam continue to guide my professional and spiritual life today.",
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-cartoon-style-with-girl-student_23-2151007459.jpg",
},
{
name: "Maryam Al-Faruq",
role: "Alumni Parent",
quote: "Choosing this pondok was the best decision for our family’s future and spiritual growth.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-dress-code-wearing-grey-jacket-posing_114579-15944.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSplitMedia
tag="Common Questions"
title="Frequently Asked Questions"
description="We provide answers to ensure you have all the information needed for your enrollment decision."
items={[
{
question: "What is the enrollment process?",
answer: "The enrollment process consists of an application form, placement test, and a parent interview.",
},
{
question: "Are there academic curriculum integrations?",
answer: "Yes, we integrate National Curriculum standards alongside our intensive tahfidz program.",
},
{
question: "Do you provide dormitory facilities?",
answer: "We provide fully equipped dormitory facilities with 24/7 supervision and pastoral care.",
},
{
question: "What age group do you serve?",
answer: "We accept students from middle school age up to high school graduation level.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/female-architect-modern-office-looking-3d-printed-model-building-she-is-working_482257-31165.jpg"
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="social-proof" data-section="social-proof">
<SectionErrorBoundary name="social-proof">
<SocialProofMarquee
tag="Our Network"
title="Institutional Partners"
description="We partner with leading academic and community organizations to support our mission."
names={[
"Islamic Education Council",
"Quranic Research Center",
"National University of Islamic Studies",
"Foundation for Character",
"Global Hafiz Association",
"Youth Empowerment Center",
"Community Support Foundation",
]}
/>
</SectionErrorBoundary>
</div>
<SocialProofSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Get Started"
text="Are you ready to join the Daarul Multazam legacy? We invite you to begin the enrollment process for the next academic year."
primaryButton={{
text: "Apply for Enrollment",
href: "#",
}}
secondaryButton={{
text: "Schedule a Visit",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

91
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -0,0 +1,91 @@
/* eslint-disable */
// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
import { Quote } from "lucide-react";
import ScrollReveal from "@/components/ui/ScrollReveal";
import TextAnimation from "@/components/ui/TextAnimation";
import ImageOrVideo from "@/components/ui/ImageOrVideo";
type AboutTestimonialProps = {
tag: string;
quote: string;
author: string;
role: string;
} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
const AboutInline = () => {
return (
<section aria-label="Testimonial section" className="py-20">
<div className="grid grid-cols-1 md:grid-cols-5 gap-5 mx-auto w-content-width">
<div className="relative md:col-span-3 p-10 md:p-20 card rounded">
<div className="absolute flex items-center justify-center -top-7 -left-7 md:-top-8 md:-left-8 size-14 md:size-16 primary-button rounded">
<Quote className="h-5/10 text-primary-cta-text" strokeWidth={1.5} />
</div>
<div className="relative flex flex-col justify-center gap-5 h-full">
<div className="w-fit px-3 py-1 mb-1 text-sm card rounded">
<p>{"Visi Kami"}</p>
</div>
<TextAnimation
text={"Menjadi pesantren unggulan yang melahirkan generasi Qur’ani, berakhlak mulia, menguasai ilmu syar’i dan umum, dan siap membangun peradaban Islam yang rahmatan lil ‘alamin."}
variant="slide-up"
gradientText={false}
tag="h1"
className="text-3xl md:text-4xl leading-[1.15] font-semibold text-balance"
/>
</div>
</div>
<ScrollReveal variant="fade" className="p-px md:col-span-2 aspect-square md:aspect-auto md:h-full card rounded overflow-hidden bg-white">
<ImageOrVideo imageSrc={"https://storage.googleapis.com/webild/users/user_3FOFuu2RyaO0ktVP2UO0ezYSkMg/uploaded-1781939000948-ntwdzidv.jpg"} className="object-contain w-full h-full p-8" />
</ScrollReveal>
</div>
<div className="mt-5 mx-auto w-content-width">
<div className="relative p-10 md:p-20 card rounded">
<div className="w-fit px-3 py-1 mb-6 text-sm card rounded">
<p>Misi Kami</p>
</div>
<ul className="space-y-4 text-lg text-foreground">
<li className="flex gap-3">
<span className="text-primary-cta mt-1">•</span>
<span>Menyelenggarakan pendidikan tahfizh Al-Qur’an yang kuat, sistematis, dan terarah.</span>
</li>
<li className="flex gap-3">
<span className="text-primary-cta mt-1">•</span>
<span>Membekali santri dengan pemahaman fiqih dan ilmu syar’i yang kokoh dan kontekstual.</span>
</li>
<li className="flex gap-3">
<span className="text-primary-cta mt-1">•</span>
<span>Memberikan pendidikan formal (PKBM) dari jenjang SD hingga SMA yang terakreditasi dan saling terintegrasi.</span>
</li>
<li className="flex gap-3">
<span className="text-primary-cta mt-1">•</span>
<span>Menanamkan akhlak karimah, kedisiplinan, dan semangat berjuang.</span>
</li>
<li className="flex gap-3">
<span className="text-primary-cta mt-1">•</span>
<span>Mengasuh dan membina anak-anak yatim serta dhuafa dalam lingkungan islami.</span>
</li>
<li className="flex gap-3">
<span className="text-primary-cta mt-1">•</span>
<span>Mempersiapkan lulusan yang siap melanjutkan ke jenjang lebih tinggi, mandiri, dan berkontribusi bagi umat dan bangsa.</span>
</li>
<li className="flex gap-3">
<span className="text-primary-cta mt-1">•</span>
<span>Membangun pesantren yang mandiri secara ekonomi, berdaya, dan terus tumbuh secara spiritual dan sosial.</span>
</li>
</ul>
</div>
</div>
</section>
);
};
export default function AboutSection() {
return (
<div data-webild-section="about" id="about">
<AboutInline />
</div>
);
}

27
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,27 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Get Started"
text="Are you ready to join the Daarul Multazam legacy? We invite you to begin the enrollment process for the next academic year."
primaryButton={{
text: "Apply for Enrollment",
href: "#",
}}
secondaryButton={{
text: "Schedule a Visit",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
);
}

39
src/pages/HomePage/sections/Faq.tsx Normal file
View File

@@ -0,0 +1,39 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSplitMedia
tag="Common Questions"
title="Frequently Asked Questions"
description="We provide answers to ensure you have all the information needed for your enrollment decision."
items={[
{
question: "What is the enrollment process?",
answer: "The enrollment process consists of an application form, placement test, and a parent interview.",
},
{
question: "Are there academic curriculum integrations?",
answer: "Yes, we integrate National Curriculum standards alongside our intensive tahfidz program.",
},
{
question: "Do you provide dormitory facilities?",
answer: "We provide fully equipped dormitory facilities with 24/7 supervision and pastoral care.",
},
{
question: "What age group do you serve?",
answer: "We accept students from middle school age up to high school graduation level.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/female-architect-modern-office-looking-3d-printed-model-building-she-is-working_482257-31165.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

48
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,48 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardCarousel
tag="Excellence in Islamic Education"
title="Excellence in Quranic Memorization and Islamic Character"
description="Daarul Multazam nurtures hafiz leaders through rigorous tahfidz programs grounded in Islamic values. Join a legacy of spiritual and academic achievement."
primaryButton={{
text: "Explore Our Programs",
href: "#programs",
}}
secondaryButton={{
text: "Visit Us",
href: "#contact",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257200.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-old-woman-praying-church_23-2150755535.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/reading-bible-home-girl-holding-bible-her-hands-christianity-concept_169016-67925.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-november-11-2024-glimpse-into-bangkok-urban-landscape_482257-123944.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/grunge-wall_1194-5750.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-partying-outside_23-2149009360.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

49
src/pages/HomePage/sections/Metrics.tsx Normal file
View File

@@ -0,0 +1,49 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "metrics" section.
import React from 'react';
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MetricsSection(): React.JSX.Element {
return (
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsFeatureCards
tag="Our Success"
title="Proven Academic Results"
description="We are proud of our consistently high standard of Quranic memorization."
metrics={[
{
value: "1,000+",
title: "Total Graduates",
features: [
"Hafiz 30 Juz",
"Noble Character",
"Academic Excellence",
],
},
{
value: "98%",
title: "Memorization Rate",
features: [
"Proven Results",
"Quality Control",
"Tajweed Focus",
],
},
{
value: "20+",
title: "Years of Legacy",
features: [
"Established Trust",
"Strong Alumni",
"Community Impact",
],
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

21
src/pages/HomePage/sections/Programs.tsx Normal file
View File

@@ -0,0 +1,21 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "programs" section.
import React from 'react';
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ProgramsSection(): React.JSX.Element {
return (
<div id="programs" data-section="programs">
<SectionErrorBoundary name="programs">
<FeaturesMediaCarousel
tag="Program Kami"
title="Kegiatan & Pembelajaran"
description="Berbagai program unggulan untuk membentuk generasi Qur'ani yang berakhlak mulia dan berprestasi."
items={[{"title":"Tahfizh Al-Qur'an","imageSrc":"https://storage.googleapis.com/webild/users/user_3FOFuu2RyaO0ktVP2UO0ezYSkMg/uploaded-1781939000952-b7yowu79.jpg","description":"Pendidikan tahfizh yang kuat, sistematis, dan terarah untuk mencetak hafiz Qur'an.","buttonIcon":"BookOpen"},{"description":"Pembekalan ilmu syar'i dan pendidikan formal (PKBM) yang terintegrasi.","buttonIcon":"GraduationCap","title":"Pendidikan Formal & Syar'i","imageSrc":"https://storage.googleapis.com/webild/users/user_3FOFuu2RyaO0ktVP2UO0ezYSkMg/uploaded-1781939000952-d8ogcc2o.jpg"},{"description":"Pengembangan bakat seni Islami melalui kegiatan ekstrakurikuler hadroh.","buttonIcon":"Music","imageSrc":"https://storage.googleapis.com/webild/users/user_3FOFuu2RyaO0ktVP2UO0ezYSkMg/uploaded-1781939000951-rkz7bvbw.jpg","title":"Seni Hadroh"},{"imageSrc":"https://storage.googleapis.com/webild/users/user_3FOFuu2RyaO0ktVP2UO0ezYSkMg/uploaded-1781939000953-j5mh5w5q.jpg","title":"Olahraga Sunnah Memanah","description":"Melatih fokus, kedisiplinan, dan ketangkasan melalui olahraga memanah.","buttonIcon":"Target"}]}
/>
</SectionErrorBoundary>
</div>
);
}

29
src/pages/HomePage/sections/SocialProof.tsx Normal file
View File

@@ -0,0 +1,29 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "social-proof" section.
import React from 'react';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function SocialProofSection(): React.JSX.Element {
return (
<div id="social-proof" data-section="social-proof">
<SectionErrorBoundary name="social-proof">
<SocialProofMarquee
tag="Our Network"
title="Institutional Partners"
description="We partner with leading academic and community organizations to support our mission."
names={[
"Islamic Education Council",
"Quranic Research Center",
"National University of Islamic Studies",
"Foundation for Character",
"Global Hafiz Association",
"Youth Empowerment Center",
"Community Support Foundation",
]}
/>
</SectionErrorBoundary>
</div>
);
}

52
src/pages/HomePage/sections/Testimonials.tsx Normal file
View File

@@ -0,0 +1,52 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialQuoteCards
tag="Testimonials"
title="Voices of the Daarul Multazam Family"
description="See why hundreds of parents trust us with their children's spiritual journey."
testimonials={[
{
name: "Haji Mansur",
role: "Parent",
quote: "The curriculum is rigorous, but the personal attention to character development is what I value the most.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-633413.jpg",
},
{
name: "Fatima Zahra",
role: "Parent",
quote: "My daughter has grown so much in her devotion to the Quran. Truly an exemplary institution.",
imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186128.jpg",
},
{
name: "Ustaz Bakri",
role: "Educator",
quote: "The teaching staff here is world-class, upholding deep spiritual and intellectual integrity.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-executive-with-glasses_1098-731.jpg",
},
{
name: "Ihsan Rahman",
role: "Alumni",
quote: "The habits I formed at Daarul Multazam continue to guide my professional and spiritual life today.",
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-cartoon-style-with-girl-student_23-2151007459.jpg",
},
{
name: "Maryam Al-Faruq",
role: "Alumni Parent",
quote: "Choosing this pondok was the best decision for our family’s future and spiritual growth.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-dress-code-wearing-grey-jacket-posing_114579-15944.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}