Update src/app/page.tsx
This commit is contained in:
326
src/app/page.tsx
326
src/app/page.tsx
@@ -32,61 +32,40 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "ہوم", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "ہمارے بارے میں", id: "#about"},
|
||||
{
|
||||
name: "Pillars",
|
||||
id: "#pillars",
|
||||
},
|
||||
name: "ستون", id: "#pillars"},
|
||||
{
|
||||
name: "Calendar",
|
||||
id: "#calendar",
|
||||
},
|
||||
name: "اسلامی کیلنڈر", id: "#calendar"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "تعریفیں", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "عمومی سوالات", id: "#faq"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "#blog",
|
||||
},
|
||||
name: "بلاگ", id: "#blog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "رابطہ کریں", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=whx1ya"
|
||||
brandName="Nur Al-Islam"
|
||||
brandName="نور الاسلام"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Enrich Your Islamic Knowledge"
|
||||
description="Discover comprehensive guidance on daily prayers, sacred duas, profound surahs, and essential teachings of Islam. Your journey to deeper faith starts here."
|
||||
tag="Nur Al-Islam"
|
||||
variant: "radial-gradient"}}
|
||||
title="اپنے اسلامی علم کو بڑھائیں"
|
||||
description="روزانہ کی نمازوں، مقدس دعاؤں، گہری سورتوں اور اسلام کی بنیادی تعلیمات پر جامع رہنمائی دریافت کریں۔ گہرے ایمان کی طرف آپ کا سفر یہاں سے شروع ہوتا ہے۔"
|
||||
tag="نور الاسلام"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "#about",
|
||||
},
|
||||
text: "سیکھنا شروع کریں", href: "#about"},
|
||||
{
|
||||
text: "Explore Resources",
|
||||
href: "#blog",
|
||||
},
|
||||
text: "وسائل دریافت کریں", href: "#blog"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ancient-doors-cathedral-turquoise-old-doors_169016-21644.jpg"
|
||||
@@ -99,21 +78,15 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
imagePosition="right"
|
||||
title="Our Mission: Illuminating the Path of Islam"
|
||||
description="At Nur Al-Islam, we are dedicated to providing authentic and accessible Islamic knowledge for everyone. Our platform serves as a trusted resource for Muslims worldwide, fostering a deeper understanding of our faith and practices."
|
||||
title="ہمارا مشن: اسلام کی راہ کو روشن کرنا"
|
||||
description="نور الاسلام میں، ہم ہر ایک کے لیے مستند اور قابل رسائی اسلامی علم فراہم کرنے کے لیے وقف ہیں۔ ہمارا پلیٹ فارم دنیا بھر کے مسلمانوں کے لیے ایک قابل اعتماد وسیلہ ہے، جو ہمارے دین اور طریقوں کی گہری سمجھ کو فروغ دیتا ہے۔"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Comprehensive Teachings",
|
||||
description: "Explore in-depth lessons on Quran, Hadith, and Islamic jurisprudence.",
|
||||
},
|
||||
title: "جامع تعلیمات", description: "قرآن، حدیث اور اسلامی فقہ پر گہرے اسباق دریافت کریں۔"},
|
||||
{
|
||||
title: "Daily Spiritual Guidance",
|
||||
description: "Access resources for prayer times, duas, and dhikr to strengthen your daily connection with Allah.",
|
||||
},
|
||||
title: "روزانہ روحانی رہنمائی", description: "اللہ کے ساتھ اپنے روزانہ کے تعلق کو مضبوط کرنے کے لیے نماز کے اوقات، دعاؤں اور ذکر کے وسائل تک رسائی حاصل کریں۔"},
|
||||
{
|
||||
title: "Global Community",
|
||||
description: "Join a vibrant community of learners and scholars to share insights and support.",
|
||||
},
|
||||
title: "عالمی برادری", description: "بصیرت اور تعاون کا اشتراک کرنے کے لیے سیکھنے والوں اور علماء کی ایک متحرک برادری میں شامل ہوں۔"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-holding-crucifix_23-2149301765.jpg"
|
||||
imageAlt="Open Holy Quran on a wooden table"
|
||||
@@ -128,29 +101,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "prayer",
|
||||
title: "Five Daily Prayers (Salat)",
|
||||
subtitle: "Detailed guides for performing all five daily prayers, including Wudu, Raka'at counts, and essential supplications.",
|
||||
category: "Worship",
|
||||
value: "Guidance",
|
||||
},
|
||||
id: "prayer", title: "پانچ وقت کی نماز (صلوٰۃ)", subtitle: "وضو، رکعات کی تعداد اور ضروری دعاؤں سمیت پانچوں وقت کی نماز ادا کرنے کے لیے تفصیلی رہنمائی۔", category: "عبادت", value: "رہنمائی"},
|
||||
{
|
||||
id: "dua",
|
||||
title: "Heartfelt Duas (Supplications)",
|
||||
subtitle: "A vast collection of Duas for every occasion, from morning invocations to prayers for seeking forgiveness and blessings.",
|
||||
category: "Prayer",
|
||||
value: "Blessings",
|
||||
},
|
||||
id: "dua", title: "دلی دعائیں (التجائیں)", subtitle: "ہر موقع کے لیے دعاؤں کا ایک وسیع مجموعہ، صبح کی دعاؤں سے لے کر مغفرت اور برکت مانگنے تک۔", category: "دعا", value: "برکات"},
|
||||
{
|
||||
id: "quranic-surahs",
|
||||
title: "Profound Quranic Surahs",
|
||||
subtitle: "Learn the meanings and recitations of powerful Surahs like Al-Fatiha, Yaseen, Ar-Rahman, Al-Baqarah, and more, with tafsir.",
|
||||
category: "Quran",
|
||||
value: "Wisdom",
|
||||
},
|
||||
id: "quranic-surahs", title: "گہری قرآنی سورتیں", subtitle: "الفاتحہ، یٰسین، الرحمن، البقرہ، اور بہت سی دیگر طاقتور سورتوں کے معنی اور تلاوت کو تفسیر کے ساتھ سیکھیں۔", category: "قرآن", value: "حکمت"},
|
||||
]}
|
||||
title="Key Pillars of Islamic Knowledge"
|
||||
description="Delve into the foundational aspects of Islam with our structured content, covering everything from daily worship to spiritual nourishment."
|
||||
title="اسلامی علم کے اہم ستون"
|
||||
description="روزانہ کی عبادت سے لے کر روحانی غذائیت تک، ہمارے منظم مواد کے ساتھ اسلام کے بنیادی پہلوؤں میں گہرائی سے داخل ہوں۔"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -161,48 +119,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "hajj",
|
||||
value: "Hajj",
|
||||
title: "Spiritual Journey",
|
||||
items: [
|
||||
"Comprehensive guide to performing Hajj.",
|
||||
"Significance of each ritual explained.",
|
||||
"Tips for pilgrims.",
|
||||
],
|
||||
id: "hajj", value: "حج", title: "روحانی سفر", items: [
|
||||
"حج ادا کرنے کے لیے جامع رہنمائی۔", "ہر رسم کی اہمیت کی وضاحت۔", "حجاج کرام کے لیے نکات۔"],
|
||||
},
|
||||
{
|
||||
id: "umrah",
|
||||
value: "Umrah",
|
||||
title: "Minor Pilgrimage",
|
||||
items: [
|
||||
"Step-by-step instructions for Umrah.",
|
||||
"Recommended duas for Umrah.",
|
||||
"Historical context of sites.",
|
||||
],
|
||||
id: "umrah", value: "عمرہ", title: "چھوٹا حج", items: [
|
||||
"عمرہ کے لیے قدم بہ قدم ہدایات۔", "عمرہ کے لیے تجویز کردہ دعائیں.", "مقامات کا تاریخی پس منظر۔"],
|
||||
},
|
||||
{
|
||||
id: "ramadan",
|
||||
value: "Ramadan",
|
||||
title: "Month of Fasting",
|
||||
items: [
|
||||
"Rules and virtues of fasting.",
|
||||
"Iftar and Suhoor guidance.",
|
||||
"Lailatul Qadr insights.",
|
||||
],
|
||||
id: "ramadan", value: "رمضان", title: "روزوں کا مہینہ", items: [
|
||||
"روزے کے قواعد و فضائل۔", "افطار اور سحری کی رہنمائی۔", "لیلۃ القدر کی بصیرتیں۔"],
|
||||
},
|
||||
{
|
||||
id: "zakat",
|
||||
value: "Zakat & Fitra",
|
||||
title: "Charity & Purification",
|
||||
items: [
|
||||
"Calculations for Zakat and Fitra.",
|
||||
"Importance of giving in Islam.",
|
||||
"Guidelines for distribution.",
|
||||
],
|
||||
id: "zakat", value: "زکوٰۃ و فطرہ", title: "صدقہ و پاکیزگی", items: [
|
||||
"زکوٰۃ اور فطرہ کے لیے حساب کتاب۔", "اسلام میں دینے کی اہمیت۔", "تقسیم کے لیے رہنما اصول۔"],
|
||||
},
|
||||
]}
|
||||
title="Islamic Calendar & Blessings"
|
||||
description="Understand the significance of each month in the Islamic calendar and the unique blessings and practices associated with them, including Hajj, Umrah, and Ramadan."
|
||||
title="اسلامی کیلنڈر اور برکات"
|
||||
description="اسلامی کیلنڈر میں ہر مہینے کی اہمیت اور ان سے وابستہ منفرد برکات اور طریقوں کو سمجھیں، بشمول حج، عمرہ اور رمضان۔"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -213,54 +147,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Aisha Rahman",
|
||||
handle: "@AishaR",
|
||||
testimonial: "Nur Al-Islam has transformed my understanding of my faith. The detailed explanations for prayers and Surahs are invaluable. Truly a blessing!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muslim-woman-wearing-pink-sweater_273609-22156.jpg",
|
||||
imageAlt: "Portrait of Aisha Rahman",
|
||||
},
|
||||
id: "1", name: "Aisha Rahman", handle: "@AishaR", testimonial: "نور الاسلام نے میرے ایمان کی سمجھ کو بدل دیا ہے۔ نمازوں اور سورتوں کی تفصیلی وضاحتیں انمول ہیں۔ واقعی ایک نعمت!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muslim-woman-wearing-pink-sweater_273609-22156.jpg", imageAlt: "Portrait of Aisha Rahman"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Omar Khan",
|
||||
handle: "@OmarK_Learns",
|
||||
testimonial: "I always struggled with understanding Zakat, but the clear guides here made it so easy. Highly recommend for anyone seeking authentic knowledge.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-man-posing-looking-directly_114579-79351.jpg",
|
||||
imageAlt: "Portrait of Omar Khan",
|
||||
},
|
||||
id: "2", name: "Omar Khan", handle: "@OmarK_Learns", testimonial: "مجھے ہمیشہ زکوٰۃ کو سمجھنے میں مشکل پیش آتی تھی، لیکن یہاں کی واضح رہنما اصولوں نے اسے بہت آسان بنا دیا۔ مستند علم کے خواہشمند ہر شخص کے لیے انتہائی سفارش کی جاتی ہے۔", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-man-posing-looking-directly_114579-79351.jpg", imageAlt: "Portrait of Omar Khan"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fatima Ali",
|
||||
handle: "@FatimaA",
|
||||
testimonial: "The Hajj and Umrah guides are incredibly comprehensive. I feel much more prepared for my pilgrimage now, Masha'Allah!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-young-female-smiling-camera-red-background_23-2148183393.jpg",
|
||||
imageAlt: "Portrait of Fatima Ali",
|
||||
},
|
||||
id: "3", name: "Fatima Ali", handle: "@FatimaA", testimonial: "حج اور عمرہ کی رہنما اصول ناقابل یقین حد تک جامع ہیں۔ اب میں اپنے حج کے لیے بہت زیادہ تیار محسوس کرتی ہوں، ماشاءاللہ!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-young-female-smiling-camera-red-background_23-2148183393.jpg", imageAlt: "Portrait of Fatima Ali"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ahmed Hassan",
|
||||
handle: "@AhmedH",
|
||||
testimonial: "This platform is a treasure for learning Duas and their significance. It has significantly deepened my daily spiritual practice.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-laptop_23-2149122766.jpg",
|
||||
imageAlt: "Portrait of Ahmed Hassan",
|
||||
},
|
||||
id: "4", name: "Ahmed Hassan", handle: "@AhmedH", testimonial: "یہ پلیٹ فارم دعاؤں اور ان کی اہمیت کو سیکھنے کے لیے ایک خزانہ ہے۔ اس نے میری روزانہ کی روحانی مشق کو نمایاں طور پر گہرا کیا ہے۔", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-laptop_23-2149122766.jpg", imageAlt: "Portrait of Ahmed Hassan"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Zahra Malik",
|
||||
handle: "@ZahraM",
|
||||
testimonial: "As a new Muslim, Nur Al-Islam has been an essential guide. The straightforward approach to complex topics is exactly what I needed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-fingers-crossed-raising-head-while-closing-eyes-beige-jacket-cap-looking-serious-front-view_176474-47692.jpg",
|
||||
imageAlt: "Portrait of Zahra Malik",
|
||||
},
|
||||
id: "5", name: "Zahra Malik", handle: "@ZahraM", testimonial: "ایک نئے مسلمان کے طور پر، نور الاسلام ایک ضروری رہنما رہا ہے۔ پیچیدہ موضوعات کے لیے سیدھا سادہ طریقہ کار وہی ہے جس کی مجھے ضرورت تھی۔", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-fingers-crossed-raising-head-while-closing-eyes-beige-jacket-cap-looking-serious-front-view_176474-47692.jpg", imageAlt: "Portrait of Zahra Malik"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Learners Say"
|
||||
description="Hear from individuals whose lives have been positively impacted by the comprehensive Islamic knowledge and guidance provided by Nur Al-Islam."
|
||||
title="ہمارے سیکھنے والے کیا کہتے ہیں"
|
||||
description="ان افراد سے سنیں جن کی زندگیوں پر نور الاسلام کی طرف سے فراہم کردہ جامع اسلامی علم اور رہنمائی نے مثبت اثر ڈالا ہے۔"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -269,28 +173,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "prayer-times",
|
||||
title: "How do I find accurate prayer times?",
|
||||
content: "Our platform integrates with global prayer time APIs to provide accurate timings based on your location. You can set up notifications for each prayer.",
|
||||
},
|
||||
id: "prayer-times", title: "نماز کے صحیح اوقات کیسے تلاش کروں؟", content: "ہمارا پلیٹ فارم آپ کے مقام کی بنیاد پر صحیح اوقات فراہم کرنے کے لیے عالمی نماز کے وقت کی API کے ساتھ مربوط ہے۔ آپ ہر نماز کے لیے اطلاعات ترتیب دے سکتے ہیں۔"},
|
||||
{
|
||||
id: "quran-recitation",
|
||||
title: "Are there resources for learning Quran recitation?",
|
||||
content: "Yes, we offer audio recitations by renowned Qaris, along with transliteration and translation to aid in correct pronunciation and understanding.",
|
||||
},
|
||||
id: "quran-recitation", title: "کیا قرآن کی تلاوت سیکھنے کے لیے وسائل موجود ہیں؟", content: "جی ہاں، ہم درست تلفظ اور سمجھ میں مدد کے لیے معروف قاریوں کی آڈیو تلاوتیں، نیز ترجمہ اور تشریح پیش کرتے ہیں۔"},
|
||||
{
|
||||
id: "islamic-calendar",
|
||||
title: "What is the significance of the Islamic calendar?",
|
||||
content: "The Islamic calendar, or Hijri calendar, is a lunar calendar used to determine the dates of Islamic holidays and rituals, such as Ramadan and Hajj.",
|
||||
},
|
||||
id: "islamic-calendar", title: "اسلامی کیلنڈر کی کیا اہمیت ہے؟", content: "اسلامی کیلنڈر، یا ہجری کیلنڈر، ایک قمری کیلنڈر ہے جو اسلامی تہواروں اور رسومات، جیسے رمضان اور حج کی تاریخوں کا تعین کرنے کے لیے استعمال ہوتا ہے۔"},
|
||||
{
|
||||
id: "zakat-calculation",
|
||||
title: "How do I calculate my Zakat?",
|
||||
content: "We provide detailed guides and an easy-to-use calculator to help you determine your Zakat obligations based on your assets and income.",
|
||||
},
|
||||
id: "zakat-calculation", title: "میں اپنی زکوٰۃ کا حساب کیسے لگاؤں؟", content: "ہم آپ کے اثاثوں اور آمدنی کی بنیاد پر آپ کی زکوٰۃ کی ذمہ داریوں کا تعین کرنے میں مدد کے لیے تفصیلی رہنما اصول اور استعمال میں آسان کیلکولیٹر فراہم کرتے ہیں۔"},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find answers to common inquiries about Islamic practices, the platform, and more."
|
||||
sideTitle="عمومی سوالات"
|
||||
sideDescription="اسلامی طریقوں، پلیٹ فارم، اور مزید کے بارے میں عام سوالات کے جوابات تلاش کریں۔"
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
showCard={true}
|
||||
@@ -302,42 +194,18 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Explore Our Islamic Knowledge Blog"
|
||||
description="Stay informed and inspired with our latest articles on Islamic teachings, historical insights, and contemporary issues."
|
||||
title="ہمارے اسلامی علم کے بلاگ کو دریافت کریں"
|
||||
description="اسلامی تعلیمات، تاریخی بصیرت، اور عصری مسائل پر ہمارے تازہ ترین مضامین کے ساتھ باخبر اور متاثر رہیں۔"
|
||||
blogs={[
|
||||
{
|
||||
id: "hajj-journey",
|
||||
category: "Pilgrimage",
|
||||
title: "The Spiritual Journey of Hajj: A Step-by-Step Guide",
|
||||
excerpt: "Embark on a profound journey of faith. This article guides you through each step of Hajj, its significance, and spiritual preparation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preparation-ramadan-tradition_23-2151925280.jpg",
|
||||
imageAlt: "Pilgrims circumambulating the Kaaba",
|
||||
authorName: "Dr. Amina Yusuf",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-male-student-striped-shirt-wearing-yellow-backpack-holding-books-light-blue-wall_140725-46783.jpg",
|
||||
date: "July 12, 2024",
|
||||
},
|
||||
id: "hajj-journey", category: "حج", title: "حج کا روحانی سفر: ایک قدم بہ قدم رہنمائی", excerpt: "ایمان کے ایک گہرے سفر پر روانہ ہوں۔ یہ مضمون آپ کو حج کے ہر قدم، اس کی اہمیت اور روحانی تیاری کے بارے میں رہنمائی کرتا ہے۔", imageSrc: "http://img.b2bpic.net/free-photo/preparation-ramadan-tradition_23-2151925280.jpg", imageAlt: "Pilgrims circumambulating the Kaaba", authorName: "ڈاکٹر امینہ یوسف", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-male-student-striped-shirt-wearing-yellow-backpack-holding-books-light-blue-wall_140725-46783.jpg", date: "12 جولائی، 2024"},
|
||||
{
|
||||
id: "ramadan-blessings",
|
||||
category: "Ramadan",
|
||||
title: "Maximizing Blessings in Ramadan: Beyond Fasting",
|
||||
excerpt: "Ramadan is more than just abstaining from food and drink. Discover how to fully embrace its spiritual rewards through prayer, charity, and reflection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dried-fruits-with-different-raisins-snacks-grey-space_140725-76077.jpg",
|
||||
imageAlt: "Family sharing Iftar meal during Ramadan",
|
||||
authorName: "Sheikh Khalid Mirza",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-middle-aged-man-holding-book-head-as-house-roof-shirt-looking-hesitant-front-view_176474-55056.jpg",
|
||||
date: "March 20, 2024",
|
||||
},
|
||||
id: "ramadan-blessings", category: "رمضان", title: "رمضان میں برکات کو زیادہ سے زیادہ کرنا: روزے سے آگے", excerpt: "رمضان صرف کھانے پینے سے پرہیز کا نام نہیں ہے۔ نماز، صدقہ اور غور و فکر کے ذریعے اس کے روحانی انعامات کو مکمل طور پر کیسے حاصل کیا جائے، دریافت کریں۔", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dried-fruits-with-different-raisins-snacks-grey-space_140725-76077.jpg", imageAlt: "Family sharing Iftar meal during Ramadan", authorName: "شیخ خالد مرزا", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-middle-aged-man-holding-book-head-as-house-roof-shirt-looking-hesitant-front-view_176474-55056.jpg", date: "20 مارچ، 2024"},
|
||||
{
|
||||
id: "zakat-principles",
|
||||
category: "Charity",
|
||||
title: "Understanding Zakat and Fitra: Principles and Practice",
|
||||
excerpt: "A deep dive into the obligation of Zakat and Fitra, their calculation, and how they purify wealth and benefit the community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-giving-chocolate-pieces-foil-wooden-backdrop_23-2147890176.jpg",
|
||||
imageAlt: "Hands giving and receiving charity",
|
||||
authorName: "Sister Aisha Bilal",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/optimistic-lovely-muslim-woman-clenches-fist-closes-eyes-from-pleasure_273609-25352.jpg",
|
||||
date: "February 15, 2024",
|
||||
},
|
||||
id: "zakat-principles", category: "صدقہ", title: "زکوٰۃ اور فطرہ کو سمجھنا: اصول اور عمل", excerpt: "زکوٰۃ اور فطرہ کی ذمہ داری، ان کے حساب کتاب، اور وہ کیسے دولت کو پاک کرتے ہیں اور معاشرے کو فائدہ پہنچاتے ہیں، کے بارے میں ایک گہری بصیرت۔", imageSrc: "http://img.b2bpic.net/free-photo/person-giving-chocolate-pieces-foil-wooden-backdrop_23-2147890176.jpg", imageAlt: "Hands giving and receiving charity", authorName: "سسٹر عائشہ بلال", authorAvatar: "http://img.b2bpic.net/free-photo/optimistic-lovely-muslim-woman-clenches-fist-closes-eyes-from-pleasure_273609-25352.jpg", date: "15 فروری، 2024"},
|
||||
{
|
||||
id: "quran-reflection", category: "اسلامی علم", title: "قرآن پاک میں تدبر: معنی اور فہم کی گہرائی", excerpt: "قرآن پاک کا گہرائی سے مطالعہ کیسے کیا جائے اور اس کے معانی کو اپنی زندگی میں کیسے شامل کیا جائے۔", imageSrc: "http://img.b2bpic.net/free-photo/holy-quran-with-arabic-rosary_23-2148710928.jpg", imageAlt: "قرآن پاک اور تسبیح", authorName: "مفتی احمد رضا", authorAvatar: "http://img.b2bpic.net/free-photo/young-man-with-dark-hair-beard-green-hoodie-glasses_140725-45269.jpg", date: "10 اگست، 2024"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -346,15 +214,14 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Connect with Nur Al-Islam"
|
||||
description="Have questions or need support? Send us a message, and we'll get back to you promptly to assist with your Islamic knowledge journey."
|
||||
variant: "radial-gradient"}}
|
||||
tag="رابطہ کریں"
|
||||
title="نور الاسلام سے رابطہ کریں"
|
||||
description="سوالات ہیں یا مدد کی ضرورت ہے؟ ہمیں ایک پیغام بھیجیں، اور ہم آپ کے اسلامی علم کے سفر میں مدد کے لیے فوری طور پر آپ سے رابطہ کریں گے۔"
|
||||
tagAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Submit Inquiry"
|
||||
termsText="By submitting, you agree to our privacy policy and terms of service."
|
||||
inputPlaceholder="اپنا ای میل ایڈریس درج کریں"
|
||||
buttonText="استفسار جمع کروائیں"
|
||||
termsText="جمع کرانے سے، آپ ہماری رازداری کی پالیسی اور سروس کی شرائط سے اتفاق کرتے ہیں۔"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -362,68 +229,43 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "دریافت کریں", items: [
|
||||
{
|
||||
label: "Prayers",
|
||||
href: "#pillars",
|
||||
},
|
||||
label: "نمازیں", href: "#pillars"},
|
||||
{
|
||||
label: "Surahs",
|
||||
href: "#pillars",
|
||||
},
|
||||
label: "سورتیں", href: "#pillars"},
|
||||
{
|
||||
label: "Hajj & Umrah",
|
||||
href: "#calendar",
|
||||
},
|
||||
label: "حج و عمرہ", href: "#calendar"},
|
||||
{
|
||||
label: "Ramadan",
|
||||
href: "#calendar",
|
||||
},
|
||||
label: "رمضان", href: "#calendar"},
|
||||
{
|
||||
label: "Zakat",
|
||||
href: "#calendar",
|
||||
},
|
||||
label: "زکوٰۃ", href: "#calendar"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "وسائل", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "ہمارے بارے میں", href: "#about"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#blog",
|
||||
},
|
||||
label: "بلاگ", href: "#blog"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "عمومی سوالات", href: "#faq"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "تعریفیں", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "قانونی", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "رازداری کی پالیسی", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "سروس کی شرائط", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=whx1ya"
|
||||
logoText="Nur Al-Islam"
|
||||
copyrightText="© 2024 Nur Al-Islam. All rights reserved."
|
||||
logoText="نور الاسلام"
|
||||
copyrightText="© 2024 نور الاسلام۔ تمام حقوق محفوظ ہیں۔"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user