From 2b1339463c3f7a621afc8997d0bda98e094bf19f Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 15 Jun 2026 01:34:05 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 144 +++++++++-------------------------------- 1 file changed, 30 insertions(+), 114 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 013cfea..967cadb 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -18,14 +18,10 @@ export default function HomePage() { title="Bilal Islamic Education" description="Connecting heritage and faith through modern Islamic learning." primaryButton={{ - text: "Start Learning", - href: "#courses", - }} + text: "Start Learning", href: "#courses"}} secondaryButton={{ - text: "Our Vision", - href: "#about", - }} - imageSrc="http://img.b2bpic.net/free-vector/gradient-golden-arabic-pattern_23-2148914195.jpg?_wi=1" + text: "Our Vision", href: "#about"}} + imageSrc="http://img.b2bpic.net/free-vector/gradient-golden-arabic-pattern_23-2148914195.jpg" /> @@ -35,9 +31,7 @@ export default function HomePage() { @@ -50,11 +44,7 @@ export default function HomePage() { description="Tajweed, Hifz, and daily reflection programs for all levels." metrics={[ { - value: "Tajweed", - title: "Precision", - description: "Mastering the rules of articulation.", - imageSrc: "http://img.b2bpic.net/free-photo/old-fashioned-library-desks-with-historic-charm-beautiful-decorations_482257-125708.jpg", - }, + value: "Tajweed", title: "Precision", description: "Mastering the rules of articulation.", imageSrc: "http://img.b2bpic.net/free-photo/old-fashioned-library-desks-with-historic-charm-beautiful-decorations_482257-125708.jpg"}, ]} /> @@ -68,47 +58,19 @@ export default function HomePage() { description="Comprehensive curriculum covering the fundamentals of faith." items={[ { - title: "Aqeedah", - description: "Foundational belief studies.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-vector/books-yellow-circle-celebrate-literacy-day_23-2147567325.jpg", - }, + title: "Aqeedah", description: "Foundational belief studies.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/books-yellow-circle-celebrate-literacy-day_23-2147567325.jpg"}, { - title: "Fiqh", - description: "Daily practical laws.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/ramadan-holy-quran-drums-front-side-white-background_187299-35722.jpg", - }, + title: "Fiqh", description: "Daily practical laws.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-holy-quran-drums-front-side-white-background_187299-35722.jpg"}, { - title: "Seerah", - description: "Life of the Prophet.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/ramadan-frame-holy-quran-front-view_187299-35699.jpg", - }, + title: "Seerah", description: "Life of the Prophet.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-frame-holy-quran-front-view_187299-35699.jpg"}, { - title: "Islamic History", - description: "Reflecting on our past.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-vector/ebook-graphic-illustration_24908-54740.jpg", - }, + title: "Islamic History", description: "Reflecting on our past.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/ebook-graphic-illustration_24908-54740.jpg"}, { - title: "Dawah", - description: "Community building.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/ramadan-top-view-concept-with-quran_23-2147791794.jpg", - }, + title: "Dawah", description: "Community building.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-top-view-concept-with-quran_23-2147791794.jpg"}, { - title: "Tarbiyah", - description: "Character building.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-education-concept_23-2151074931.jpg", - }, + title: "Tarbiyah", description: "Character building.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-education-concept_23-2151074931.jpg"}, { - title: "Hadith", - description: "Teachings of the Prophet.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/half-dried-brown-sour-cherries-cup-concrete-background-high-quality-photo_114579-67598.jpg", - }, + title: "Hadith", description: "Teachings of the Prophet.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/half-dried-brown-sour-cherries-cup-concrete-background-high-quality-photo_114579-67598.jpg"}, ]} /> @@ -122,22 +84,14 @@ export default function HomePage() { description="Learn from our channel and insightful lectures." features={[ { - title: "Islamic Stories", - description: "Engaging narratives for all ages.", - bentoComponent: "media-stack", - mediaItems: [ + title: "Islamic Stories", description: "Engaging narratives for all ages.", bentoComponent: "media-stack", mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-with-her-father-video-call-using-tablet-computer_482257-19679.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-with-her-father-video-call-using-tablet-computer_482257-19679.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/old-woman-with-disability-holding-green-screen-digital-tablet-senior-person-sitting-wheelchair-using-blank-copy-space-with-isolated-chroma-key-mock-up-background-display_482257-39047.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/old-woman-with-disability-holding-green-screen-digital-tablet-senior-person-sitting-wheelchair-using-blank-copy-space-with-isolated-chroma-key-mock-up-background-display_482257-39047.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-teaching-students-english-lesson-online_23-2148962968.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/young-woman-teaching-students-english-lesson-online_23-2148962968.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-arabic-pattern_23-2148914195.jpg?_wi=2", - imageAlt: "educational video youtube thumbnail", }, ]} /> @@ -152,22 +106,14 @@ export default function HomePage() { description="Fun stories, Duas, and Islamic cartoons." features={[ { - title: "Dua Learning", - description: "Everyday supplications.", - bentoComponent: "media-stack", - mediaItems: [ + title: "Dua Learning", description: "Everyday supplications.", bentoComponent: "media-stack", mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/muslims-reading-from-quran_53876-20958.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/muslims-reading-from-quran_53876-20958.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696367.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696367.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cartoony-jesus-christ_23-2150972171.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cartoony-jesus-christ_23-2150972171.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-arabic-pattern_23-2148914195.jpg?_wi=3", - imageAlt: "children learning islamic values", }, ]} /> @@ -182,17 +128,11 @@ export default function HomePage() { description="Get answers to your daily questions." items={[ { - question: "How do I register for classes?", - answer: "Click the registration button in our student portal.", - }, + question: "How do I register for classes?", answer: "Click the registration button in our student portal."}, { - question: "Can I request a private session?", - answer: "Yes, contact our administration team.", - }, + question: "Can I request a private session?", answer: "Yes, contact our administration team."}, { - question: "Is the content available in Amharic and German?", - answer: "Yes, we prioritize multi-language support.", - }, + question: "Is the content available in Amharic and German?", answer: "Yes, we prioritize multi-language support."}, ]} /> @@ -206,35 +146,15 @@ export default function HomePage() { description="Join our Ethiopian-Swiss events." testimonials={[ { - name: "Ahmed", - role: "Student", - quote: "The community bond is incredible.", - imageSrc: "http://img.b2bpic.net/free-photo/girl-with-umbrella-cloudy-weather-walk-forest-stands-bridge-against-backdrop-landscape_169016-11781.jpg", - }, + name: "Ahmed", role: "Student", quote: "The community bond is incredible.", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-umbrella-cloudy-weather-walk-forest-stands-bridge-against-backdrop-landscape_169016-11781.jpg"}, { - name: "Sara", - role: "Parent", - quote: "My kids love the lessons.", - imageSrc: "http://img.b2bpic.net/free-photo/cartoon-illustration-muslim-family_23-2151811894.jpg", - }, + name: "Sara", role: "Parent", quote: "My kids love the lessons.", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-illustration-muslim-family_23-2151811894.jpg"}, { - name: "Yusuf", - role: "Ustadh", - quote: "Teaching here is a blessing.", - imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-bridge-edge-taking-selfie_23-2148622622.jpg", - }, + name: "Yusuf", role: "Ustadh", quote: "Teaching here is a blessing.", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-bridge-edge-taking-selfie_23-2148622622.jpg"}, { - name: "Fatima", - role: "Volunteer", - quote: "A perfect bridge between two cultures.", - imageSrc: "http://img.b2bpic.net/free-photo/young-photographer-with-backpack-cap-photographing-old-iron-bridge-rio-tinto_181624-50560.jpg", - }, + name: "Fatima", role: "Volunteer", quote: "A perfect bridge between two cultures.", imageSrc: "http://img.b2bpic.net/free-photo/young-photographer-with-backpack-cap-photographing-old-iron-bridge-rio-tinto_181624-50560.jpg"}, { - name: "Hassan", - role: "Member", - quote: "Truly educational and spiritual.", - imageSrc: "http://img.b2bpic.net/free-photo/joyful-female-colleagues-watching-content-phone_74855-2027.jpg", - }, + name: "Hassan", role: "Member", quote: "Truly educational and spiritual.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-female-colleagues-watching-content-phone_74855-2027.jpg"}, ]} /> @@ -246,13 +166,9 @@ export default function HomePage() { tag="Support Us" text="Support Bilal Ethio-Swiss Dawah programs today." primaryButton={{ - text: "Donate Now", - href: "#", - }} + text: "Donate Now", href: "#"}} secondaryButton={{ - text: "Get In Touch", - href: "#", - }} + text: "Get In Touch", href: "#"}} /> -- 2.49.1