bender/4fae1373-152e-4f3f-aa15-30512b3fee79
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-14 16:58:09 +00:00
parent a213a69973
commit 2fc73c2c9c
1 changed files with 42 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

204
src/pages/HomePage.tsx
View File

@@ -15,28 +15,16 @@ export default function HomePage() {
<SectionErrorBoundary name="hero">
<HeroCenteredLogos
avatarsSrc={[
"http://img.b2bpic.net/free-photo/girl-trying-look-like-grown-up_23-2148244890.jpg",
"http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67156.jpg",
"http://img.b2bpic.net/free-photo/side-view-elderly-man-reading-newspaper_23-2150168163.jpg",
"http://img.b2bpic.net/free-photo/young-beautiful-female-student-glasses-smiling-holding-folders-outdoors_176420-2551.jpg",
]}
"http://img.b2bpic.net/free-photo/girl-trying-look-like-grown-up_23-2148244890.jpg", "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67156.jpg", "http://img.b2bpic.net/free-photo/side-view-elderly-man-reading-newspaper_23-2150168163.jpg", "http://img.b2bpic.net/free-photo/young-beautiful-female-student-glasses-smiling-holding-folders-outdoors_176420-2551.jpg"]}
avatarText="Join 10,000+ Students"
title="Learn Quran & Hadith from Authentic Sources"
description="Access a structured, premium, and authentic collection of Islamic knowledge. Master the Quran and Hadith through expert-led courses and an extensive digital library."
primaryButton={{
text: "Start Learning",
href: "#courses",
}}
text: "Start Learning", href: "#courses"}}
secondaryButton={{
text: "Subscribe Now",
href: "#pricing",
}}
text: "Subscribe Now", href: "#pricing"}}
names={[
"Tafsir",
"Tajweed",
"Hadith",
"Seerah",
]}
"Tafsir", "Tajweed", "Hadith", "Seerah"]}
imageSrc="http://img.b2bpic.net/free-photo/golden-islamic-geometric-ornament-dark-background_84443-72276.jpg"
/>
</SectionErrorBoundary>
@@ -61,41 +49,17 @@ export default function HomePage() {
description="Dive deep into our curated video catalog featuring renowned scholars."
items={[
{
title: "Quranic Tafsir",
description: "Understand the context of every verse.",
buttonIcon: "BookOpen",
imageSrc: "http://img.b2bpic.net/free-psd/islamic-event-celebration-template_23-2151857600.jpg",
},
title: "Quranic Tafsir", description: "Understand the context of every verse.", buttonIcon: "BookOpen", imageSrc: "http://img.b2bpic.net/free-psd/islamic-event-celebration-template_23-2151857600.jpg"},
{
title: "Tajweed Masterclass",
description: "Improve your recitation with precision.",
buttonIcon: "Mic",
imageSrc: "http://img.b2bpic.net/free-photo/man-using-pencil-tablet_23-2147717382.jpg",
},
title: "Tajweed Masterclass", description: "Improve your recitation with precision.", buttonIcon: "Mic", imageSrc: "http://img.b2bpic.net/free-photo/man-using-pencil-tablet_23-2147717382.jpg"},
{
title: "Hadith Studies",
description: "Authentic narration and analysis.",
buttonIcon: "Scroll",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-indian-restaurant-webinar-template_23-2149440872.jpg",
},
title: "Hadith Studies", description: "Authentic narration and analysis.", buttonIcon: "Scroll", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-indian-restaurant-webinar-template_23-2149440872.jpg"},
{
title: "Seerah History",
description: "Life of the Prophet (pbuh).",
buttonIcon: "History",
imageSrc: "http://img.b2bpic.net/free-photo/view-school-items-arrangement_23-2149001115.jpg",
},
title: "Seerah History", description: "Life of the Prophet (pbuh).", buttonIcon: "History", imageSrc: "http://img.b2bpic.net/free-photo/view-school-items-arrangement_23-2149001115.jpg"},
{
title: "Fiqh Fundamentals",
description: "Jurisprudence and application.",
buttonIcon: "Scale",
imageSrc: "http://img.b2bpic.net/free-photo/entertainer-using-light-bulb-entertain-fans-pretending-be-electrocuted_482257-124250.jpg",
},
title: "Fiqh Fundamentals", description: "Jurisprudence and application.", buttonIcon: "Scale", imageSrc: "http://img.b2bpic.net/free-photo/entertainer-using-light-bulb-entertain-fans-pretending-be-electrocuted_482257-124250.jpg"},
{
title: "Arabic Grammar",
description: "Master the language of the Quran.",
buttonIcon: "Languages",
imageSrc: "http://img.b2bpic.net/free-photo/man-stares-intently-computer-screen-dark-night-copy-space_169016-51858.jpg",
},
title: "Arabic Grammar", description: "Master the language of the Quran.", buttonIcon: "Languages", imageSrc: "http://img.b2bpic.net/free-photo/man-stares-intently-computer-screen-dark-night-copy-space_169016-51858.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -109,40 +73,19 @@ export default function HomePage() {
description="Access an extensive collection of PDF books, research papers, and classical texts."
items={[
{
title: "Classical Tafsir",
description: "Primary sources.",
imageSrc: "http://img.b2bpic.net/free-photo/old-vintage-retro-books-wooden-table_1204-361.jpg",
},
title: "Classical Tafsir", description: "Primary sources.", imageSrc: "http://img.b2bpic.net/free-photo/old-vintage-retro-books-wooden-table_1204-361.jpg"},
{
title: "Sahih Hadith",
description: "Collection analysis.",
imageSrc: "http://img.b2bpic.net/free-photo/open-book-with-fairytale-scene_52683-107843.jpg",
},
title: "Sahih Hadith", description: "Collection analysis.", imageSrc: "http://img.b2bpic.net/free-photo/open-book-with-fairytale-scene_52683-107843.jpg"},
{
title: "History Books",
description: "Islamic golden age.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-closed-book-with-white-background_23-2148255917.jpg",
},
title: "History Books", description: "Islamic golden age.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-closed-book-with-white-background_23-2148255917.jpg"},
{
title: "Fiqh Texts",
description: "Legal interpretations.",
imageSrc: "http://img.b2bpic.net/free-photo/holy-book-with-golden-pages-symbolizing-faith-wisdom-bible-closeup_169016-71310.jpg",
},
title: "Fiqh Texts", description: "Legal interpretations.", imageSrc: "http://img.b2bpic.net/free-photo/holy-book-with-golden-pages-symbolizing-faith-wisdom-bible-closeup_169016-71310.jpg"},
{
title: "Seerah Biography",
description: "Prophetic life.",
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-scroll-writing-documenting-history_23-2151751736.jpg",
},
title: "Seerah Biography", description: "Prophetic life.", imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-scroll-writing-documenting-history_23-2151751736.jpg"},
{
title: "Ethics & Manners",
description: "Spiritual growth.",
imageSrc: "http://img.b2bpic.net/free-photo/menu-arab-restaurant_23-2147796952.jpg",
},
title: "Ethics & Manners", description: "Spiritual growth.", imageSrc: "http://img.b2bpic.net/free-photo/menu-arab-restaurant_23-2147796952.jpg"},
{
title: "Arabic Linguistics",
description: "Learn morphology.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-boy-reading-comics-library_23-2150347278.jpg",
},
title: "Arabic Linguistics", description: "Learn morphology.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-boy-reading-comics-library_23-2150347278.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -156,48 +99,22 @@ export default function HomePage() {
description="Choose the plan that fits your learning journey."
plans={[
{
tag: "Essential",
price: "$9",
description: "Monthly access to library.",
primaryButton: {
text: "Subscribe",
href: "#",
},
tag: "Essential", price: "$9", description: "Monthly access to library.", primaryButton: {
text: "Subscribe", href: "#"},
features: [
"Limited Courses",
"Digital Library Access",
"Community Support",
],
"Limited Courses", "Digital Library Access", "Community Support"],
},
{
tag: "Popular",
price: "$25",
description: "Quarterly premium access.",
primaryButton: {
text: "Subscribe",
href: "#",
},
tag: "Popular", price: "$25", description: "Quarterly premium access.", primaryButton: {
text: "Subscribe", href: "#"},
features: [
"Full Video Courses",
"Offline Downloads",
"Direct Scholar Access",
"Interactive Quizzes",
],
"Full Video Courses", "Offline Downloads", "Direct Scholar Access", "Interactive Quizzes"],
},
{
tag: "Annual",
price: "$89",
description: "Best value for learners.",
primaryButton: {
text: "Subscribe",
href: "#",
},
tag: "Annual", price: "$89", description: "Best value for learners.", primaryButton: {
text: "Subscribe", href: "#"},
features: [
"Everything in Premium",
"Priority Support",
"Certification",
"Exclusive Webinars",
],
"Everything in Premium", "Priority Support", "Certification", "Exclusive Webinars"],
},
]}
/>
@@ -212,45 +129,20 @@ export default function HomePage() {
description="What our students say about their experience."
testimonials={[
{
id: "2",
name: "Ahmad R.",
role: "Student",
company: "Global Academy",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cool-blond-haired-woman-portrait_53876-139738.jpg",
},
name: "Ahmad R.", role: "Student", company: "Global Academy", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cool-blond-haired-woman-portrait_53876-139738.jpg"},
{
id: "2",
name: "Sarah K.",
role: "Researcher",
company: "Islamic Institute",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg",
},
name: "Sarah K.", role: "Researcher", company: "Islamic Institute", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg"},
{
id: "4",
name: "Omar M.",
role: "Educator",
company: "Learning Center",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-holy-book-with-kippah-hamsa_23-2148629965.jpg",
},
name: "Omar M.", role: "Educator", company: "Learning Center", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-holy-book-with-kippah-hamsa_23-2148629965.jpg"},
{
id: "4",
name: "Layla F.",
role: "Student",
company: "Independent Study",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-man-white-tshirt-jacket-smiling-brown-background_197531-26657.jpg",
},
name: "Layla F.", role: "Student", company: "Independent Study", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-man-white-tshirt-jacket-smiling-brown-background_197531-26657.jpg"},
{
id: "5",
name: "Khalid S.",
role: "Professional",
company: "Corporate Partner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-traveler-female-with-leather-backpack-isolated-grey-background_613910-9754.jpg",
},
name: "Khalid S.", role: "Professional", company: "Corporate Partner", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-traveler-female-with-leather-backpack-isolated-grey-background_613910-9754.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -264,21 +156,13 @@ export default function HomePage() {
description="Answers to commonly asked questions about the platform."
items={[
{
question: "Is the content authenticated?",
answer: "Yes, we work with certified scholars to ensure all material adheres to established traditions.",
},
question: "Is the content authenticated?", answer: "Yes, we work with certified scholars to ensure all material adheres to established traditions."},
{
question: "Can I download videos?",
answer: "Yes, premium subscribers have access to offline viewing.",
},
question: "Can I download videos?", answer: "Yes, premium subscribers have access to offline viewing."},
{
question: "Are there certificates?",
answer: "Certificates of completion are provided for most full courses.",
},
question: "Are there certificates?", answer: "Certificates of completion are provided for most full courses."},
{
question: "Can I request new content?",
answer: "We welcome suggestions from our premium community.",
},
question: "Can I request new content?", answer: "We welcome suggestions from our premium community."},
]}
/>
</SectionErrorBoundary>
@@ -290,13 +174,9 @@ export default function HomePage() {
tag="Join Us"
text="Ready to begin your journey of Islamic learning?"
primaryButton={{
text: "Register Now",
href: "#",
}}
text: "Register Now", href: "#"}}
secondaryButton={{
text: "Contact Support",
href: "#",
}}
text: "Contact Support", href: "#"}}
/>
</SectionErrorBoundary>
</div>