Update src/app/page.tsx

src/app/about/page.tsx

@@ -0,0 +1,145 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="largeSmallSizeMediumTitles"
+        background="fluid"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Pillars", id: "/about#pillars" },
+              { name: "Calendar", id: "/about#calendar" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "FAQ", id: "/#faq" },
+              { name: "Blog", id: "/#blog" },
+              { name: "Contact", id: "/#contact" }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=whx1ya"
+            brandName="Nur Al-Islam"
+          />
+        </div>
+
+        <div id="about" data-section="about">
+          <SplitAbout
+            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."
+            bulletPoints={[
+              {
+                title: "Comprehensive Teachings",                description: "Explore in-depth lessons on Quran, Hadith, and Islamic jurisprudence."},
+              {
+                title: "Daily Spiritual Guidance",                description: "Access resources for prayer times, duas, and dhikr to strengthen your daily connection with Allah."},
+              {
+                title: "Global Community",                description: "Join a vibrant community of learners and scholars to share insights and support."},
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-holding-crucifix_23-2149301765.jpg?_wi=2"
+            imageAlt="Open Holy Quran on a wooden table"
+            mediaAnimation="slide-up"
+          />
+        </div>
+
+        <div id="pillars" data-section="pillars">
+          <FeatureCardTwentyEight
+            animationType="slide-up"
+            textboxLayout="default"
+            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: "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: "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"},
+            ]}
+            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."
+          />
+        </div>
+
+        <div id="calendar" data-section="calendar">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            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: "umrah",                value: "Umrah",                title: "Minor Pilgrimage",                items: [
+                  "Step-by-step instructions for Umrah.",                  "Recommended duas for Umrah.",                  "Historical context of sites."],
+              },
+              {
+                id: "ramadan",                value: "Ramadan",                title: "Month of Fasting",                items: [
+                  "Rules and virtues of fasting.",                  "Iftar and Suhoor guidance.",                  "Lailatul Qadr insights."],
+              },
+              {
+                id: "zakat",                value: "Zakat & Fitra",                title: "Charity & Purification",                items: [
+                  "Calculations for Zakat and Fitra.",                  "Importance of giving in Islam.",                  "Guidelines for distribution."],
+              },
+            ]}
+            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."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Explore",                items: [
+                  { label: "Prayers", href: "/about#pillars" },
+                  { label: "Surahs", href: "/about#pillars" },
+                  { label: "Hajj & Umrah", href: "/about#calendar" },
+                  { label: "Ramadan", href: "/about#calendar" },
+                  { label: "Zakat", href: "/about#calendar" },
+                ],
+              },
+              {
+                title: "Resources",                items: [
+                  { label: "About Us", href: "/about" },
+                  { label: "Blog", href: "/#blog" },
+                  { label: "FAQ", href: "/#faq" },
+                  { label: "Testimonials", href: "/#testimonials" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", 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."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,61 +32,40 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "ہوم",          id: "#home"},
-          id: "#home",
-        },
         {
-          name: "About",
+          name: "ہمارے بارے میں",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Pillars",
+          name: "ستون",          id: "#pillars"},
-          id: "#pillars",
-        },
         {
-          name: "Calendar",
+          name: "اسلامی کیلنڈر",          id: "#calendar"},
-          id: "#calendar",
-        },
         {
-          name: "Testimonials",
+          name: "تعریفیں",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "FAQ",
+          name: "عمومی سوالات",          id: "#faq"},
-          id: "#faq",
-        },
         {
-          name: "Blog",
+          name: "بلاگ",          id: "#blog"},
-          id: "#blog",
-        },
         {
-          name: "Contact",
+          name: "رابطہ کریں",          id: "#contact"},
-          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",
+        variant: "radial-gradient"}}
-      }}
+      title="اپنے اسلامی علم کو بڑھائیں"
-      title="Enrich Your Islamic Knowledge"
+      description="روزانہ کی نمازوں، مقدس دعاؤں، گہری سورتوں اور اسلام کی بنیادی تعلیمات پر جامع رہنمائی دریافت کریں۔ گہرے ایمان کی طرف آپ کا سفر یہاں سے شروع ہوتا ہے۔"
-      description="Discover comprehensive guidance on daily prayers, sacred duas, profound surahs, and essential teachings of Islam. Your journey to deeper faith starts here."
+      tag="نور الاسلام"
-      tag="Nur Al-Islam"
       tagAnimation="slide-up"
       buttons={[
         {
-          text: "Start Learning",
+          text: "سیکھنا شروع کریں",          href: "#about"},
-          href: "#about",
-        },
         {
-          text: "Explore Resources",
+          text: "وسائل دریافت کریں",          href: "#blog"},
-          href: "#blog",
-        },
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/ancient-doors-cathedral-turquoise-old-doors_169016-21644.jpg"
@@ -99,23 +78,17 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       imagePosition="right"
-      title="Our Mission: Illuminating the Path of Islam"
+      title="ہمارا مشن: اسلام کی راہ کو روشن کرنا"
-      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."
+      description="نور الاسلام میں، ہم ہر ایک کے لیے مستند اور قابل رسائی اسلامی علم فراہم کرنے کے لیے وقف ہیں۔ ہمارا پلیٹ فارم دنیا بھر کے مسلمانوں کے لیے ایک قابل اعتماد وسیلہ ہے، جو ہمارے دین اور طریقوں کی گہری سمجھ کو فروغ دیتا ہے۔"
       bulletPoints={[
         {
-          title: "Comprehensive Teachings",
+          title: "جامع تعلیمات",          description: "قرآن، حدیث اور اسلامی فقہ پر گہرے اسباق دریافت کریں۔"},
-          description: "Explore in-depth lessons on Quran, Hadith, and Islamic jurisprudence.",
-        },
         {
-          title: "Daily Spiritual Guidance",
+          title: "روزانہ روحانی رہنمائی",          description: "اللہ کے ساتھ اپنے روزانہ کے تعلق کو مضبوط کرنے کے لیے نماز کے اوقات، دعاؤں اور ذکر کے وسائل تک رسائی حاصل کریں۔"},
-          description: "Access resources for prayer times, duas, and dhikr to strengthen your daily connection with Allah.",
-        },
         {
-          title: "Global Community",
+          title: "عالمی برادری",          description: "بصیرت اور تعاون کا اشتراک کرنے کے لیے سیکھنے والوں اور علماء کی ایک متحرک برادری میں شامل ہوں۔"},
-          description: "Join a vibrant community of learners and scholars to share insights and support.",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-holding-crucifix_23-2149301765.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-holding-crucifix_23-2149301765.jpg?_wi=1"
       imageAlt="Open Holy Quran on a wooden table"
       mediaAnimation="slide-up"
     />
@@ -128,29 +101,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "prayer",
+          id: "prayer",          title: "پانچ وقت کی نماز (صلوٰۃ)",          subtitle: "وضو، رکعات کی تعداد اور ضروری دعاؤں سمیت پانچوں وقت کی نماز ادا کرنے کے لیے تفصیلی رہنمائی۔",          category: "عبادت",          value: "رہنمائی"},
-          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: "dua",
+          id: "dua",          title: "دلی دعائیں (التجائیں)",          subtitle: "ہر موقع کے لیے دعاؤں کا ایک وسیع مجموعہ، صبح کی دعاؤں سے لے کر مغفرت اور برکت مانگنے تک۔",          category: "دعا",          value: "برکات"},
-          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: "quranic-surahs",
+          id: "quranic-surahs",          title: "گہری قرآنی سورتیں",          subtitle: "الفاتحہ، یٰسین، الرحمن، البقرہ، اور بہت سی دیگر طاقتور سورتوں کے معنی اور تلاوت کو تفسیر کے ساتھ سیکھیں۔",          category: "قرآن",          value: "حکمت"},
-          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",
-        },
       ]}
-      title="Key Pillars of Islamic Knowledge"
+      title="اسلامی علم کے اہم ستون"
-      description="Delve into the foundational aspects of Islam with our structured content, covering everything from daily worship to spiritual nourishment."
+      description="روزانہ کی عبادت سے لے کر روحانی غذائیت تک، ہمارے منظم مواد کے ساتھ اسلام کے بنیادی پہلوؤں میں گہرائی سے داخل ہوں۔"
     />
   </div>
 
@@ -161,48 +119,24 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "hajj",
+          id: "hajj",          value: "حج",          title: "روحانی سفر",          items: [
-          value: "Hajj",
+            "حج ادا کرنے کے لیے جامع رہنمائی۔",            "ہر رسم کی اہمیت کی وضاحت۔",            "حجاج کرام کے لیے نکات۔"],
-          title: "Spiritual Journey",
-          items: [
-            "Comprehensive guide to performing Hajj.",
-            "Significance of each ritual explained.",
-            "Tips for pilgrims.",
-          ],
         },
         {
-          id: "umrah",
+          id: "umrah",          value: "عمرہ",          title: "چھوٹا حج",          items: [
-          value: "Umrah",
+            "عمرہ کے لیے قدم بہ قدم ہدایات۔",            "عمرہ کے لیے تجویز کردہ دعائیں.",            "مقامات کا تاریخی پس منظر۔"],
-          title: "Minor Pilgrimage",
-          items: [
-            "Step-by-step instructions for Umrah.",
-            "Recommended duas for Umrah.",
-            "Historical context of sites.",
-          ],
         },
         {
-          id: "ramadan",
+          id: "ramadan",          value: "رمضان",          title: "روزوں کا مہینہ",          items: [
-          value: "Ramadan",
+            "روزے کے قواعد و فضائل۔",            "افطار اور سحری کی رہنمائی۔",            "لیلۃ القدر کی بصیرتیں۔"],
-          title: "Month of Fasting",
-          items: [
-            "Rules and virtues of fasting.",
-            "Iftar and Suhoor guidance.",
-            "Lailatul Qadr insights.",
-          ],
         },
         {
-          id: "zakat",
+          id: "zakat",          value: "زکوٰۃ و فطرہ",          title: "صدقہ و پاکیزگی",          items: [
-          value: "Zakat & Fitra",
+            "زکوٰۃ اور فطرہ کے لیے حساب کتاب۔",            "اسلام میں دینے کی اہمیت۔",            "تقسیم کے لیے رہنما اصول۔"],
-          title: "Charity & Purification",
-          items: [
-            "Calculations for Zakat and Fitra.",
-            "Importance of giving in Islam.",
-            "Guidelines for distribution.",
-          ],
         },
       ]}
-      title="Islamic Calendar & Blessings"
+      title="اسلامی کیلنڈر اور برکات"
-      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."
+      description="اسلامی کیلنڈر میں ہر مہینے کی اہمیت اور ان سے وابستہ منفرد برکات اور طریقوں کو سمجھیں، بشمول حج، عمرہ اور رمضان۔"
     />
   </div>
 
@@ -213,54 +147,24 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Aisha Rahman",          handle: "@AishaR",          testimonial: "نور الاسلام نے میرے ایمان کی سمجھ کو بدل دیا ہے۔ نمازوں اور سورتوں کی تفصیلی وضاحتیں انمول ہیں۔ واقعی ایک نعمت!",          rating: 5,
-          name: "Aisha Rahman",
+          imageSrc: "http://img.b2bpic.net/free-photo/muslim-woman-wearing-pink-sweater_273609-22156.jpg",          imageAlt: "Portrait of 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: "2",
+          id: "2",          name: "Omar Khan",          handle: "@OmarK_Learns",          testimonial: "مجھے ہمیشہ زکوٰۃ کو سمجھنے میں مشکل پیش آتی تھی، لیکن یہاں کی واضح رہنما اصولوں نے اسے بہت آسان بنا دیا۔ مستند علم کے خواہشمند ہر شخص کے لیے انتہائی سفارش کی جاتی ہے۔",          rating: 5,
-          name: "Omar Khan",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-man-posing-looking-directly_114579-79351.jpg",          imageAlt: "Portrait of 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: "3",
+          id: "3",          name: "Fatima Ali",          handle: "@FatimaA",          testimonial: "حج اور عمرہ کی رہنما اصول ناقابل یقین حد تک جامع ہیں۔ اب میں اپنے حج کے لیے بہت زیادہ تیار محسوس کرتی ہوں، ماشاءاللہ!",          rating: 5,
-          name: "Fatima Ali",
+          imageSrc: "http://img.b2bpic.net/free-photo/redhead-young-female-smiling-camera-red-background_23-2148183393.jpg",          imageAlt: "Portrait of 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: "4",
+          id: "4",          name: "Ahmed Hassan",          handle: "@AhmedH",          testimonial: "یہ پلیٹ فارم دعاؤں اور ان کی اہمیت کو سیکھنے کے لیے ایک خزانہ ہے۔ اس نے میری روزانہ کی روحانی مشق کو نمایاں طور پر گہرا کیا ہے۔",          rating: 5,
-          name: "Ahmed Hassan",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-laptop_23-2149122766.jpg",          imageAlt: "Portrait of 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: "5",
+          id: "5",          name: "Zahra Malik",          handle: "@ZahraM",          testimonial: "ایک نئے مسلمان کے طور پر، نور الاسلام ایک ضروری رہنما رہا ہے۔ پیچیدہ موضوعات کے لیے سیدھا سادہ طریقہ کار وہی ہے جس کی مجھے ضرورت تھی۔",          rating: 5,
-          name: "Zahra Malik",
+          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"},
-          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",
-        },
       ]}
       showRating={true}
-      title="What Our Learners Say"
+      title="ہمارے سیکھنے والے کیا کہتے ہیں"
-      description="Hear from individuals whose lives have been positively impacted by the comprehensive Islamic knowledge and guidance provided by Nur Al-Islam."
+      description="ان افراد سے سنیں جن کی زندگیوں پر نور الاسلام کی طرف سے فراہم کردہ جامع اسلامی علم اور رہنمائی نے مثبت اثر ڈالا ہے۔"
     />
   </div>
 
@@ -269,28 +173,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "prayer-times",
+          id: "prayer-times",          title: "نماز کے صحیح اوقات کیسے تلاش کروں؟",          content: "ہمارا پلیٹ فارم آپ کے مقام کی بنیاد پر صحیح اوقات فراہم کرنے کے لیے عالمی نماز کے وقت کی API کے ساتھ مربوط ہے۔ آپ ہر نماز کے لیے اطلاعات ترتیب دے سکتے ہیں۔"},
-          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: "quran-recitation",
+          id: "quran-recitation",          title: "کیا قرآن کی تلاوت سیکھنے کے لیے وسائل موجود ہیں؟",          content: "جی ہاں، ہم درست تلفظ اور سمجھ میں مدد کے لیے معروف قاریوں کی آڈیو تلاوتیں، نیز ترجمہ اور تشریح پیش کرتے ہیں۔"},
-          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: "islamic-calendar",
+          id: "islamic-calendar",          title: "اسلامی کیلنڈر کی کیا اہمیت ہے؟",          content: "اسلامی کیلنڈر، یا ہجری کیلنڈر، ایک قمری کیلنڈر ہے جو اسلامی تہواروں اور رسومات، جیسے رمضان اور حج کی تاریخوں کا تعین کرنے کے لیے استعمال ہوتا ہے۔"},
-          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: "zakat-calculation",
+          id: "zakat-calculation",          title: "میں اپنی زکوٰۃ کا حساب کیسے لگاؤں؟",          content: "ہم آپ کے اثاثوں اور آمدنی کی بنیاد پر آپ کی زکوٰۃ کی ذمہ داریوں کا تعین کرنے میں مدد کے لیے تفصیلی رہنما اصول اور استعمال میں آسان کیلکولیٹر فراہم کرتے ہیں۔"},
-          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.",
-        },
       ]}
-      sideTitle="Frequently Asked Questions"
+      sideTitle="عمومی سوالات"
-      sideDescription="Find answers to common inquiries about Islamic practices, the platform, and more."
+      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"
+      title="ہمارے اسلامی علم کے بلاگ کو دریافت کریں"
-      description="Stay informed and inspired with our latest articles on Islamic teachings, historical insights, and contemporary issues."
+      description="اسلامی تعلیمات، تاریخی بصیرت، اور عصری مسائل پر ہمارے تازہ ترین مضامین کے ساتھ باخبر اور متاثر رہیں۔"
       blogs={[
         {
-          id: "hajj-journey",
+          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"},
-          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: "ramadan-blessings",
+          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"},
-          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: "zakat-principles",
+          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"},
-          category: "Charity",
+        {
-          title: "Understanding Zakat and Fitra: Principles and Practice",
+          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"
-          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",
-        },
       ]}
     />
   </div>
@@ -346,15 +214,14 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
+      tag="رابطہ کریں"
-      tag="Get in Touch"
+      title="نور الاسلام سے رابطہ کریں"
-      title="Connect with Nur Al-Islam"
+      description="سوالات ہیں یا مدد کی ضرورت ہے؟ ہمیں ایک پیغام بھیجیں، اور ہم آپ کے اسلامی علم کے سفر میں مدد کے لیے فوری طور پر آپ سے رابطہ کریں گے۔"
-      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."
       tagAnimation="slide-up"
-      inputPlaceholder="Enter your email address"
+      inputPlaceholder="اپنا ای میل ایڈریس درج کریں"
-      buttonText="Submit Inquiry"
+      buttonText="استفسار جمع کروائیں"
-      termsText="By submitting, you agree to our privacy policy and terms of service."
+      termsText="جمع کرانے سے، آپ ہماری رازداری کی پالیسی اور سروس کی شرائط سے اتفاق کرتے ہیں۔"
     />
   </div>
 
@@ -362,68 +229,43 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Explore",
+          title: "دریافت کریں",          items: [
-          items: [
             {
-              label: "Prayers",
+              label: "نمازیں",              href: "#pillars"},
-              href: "#pillars",
-            },
             {
-              label: "Surahs",
+              label: "سورتیں",              href: "#pillars"},
-              href: "#pillars",
-            },
             {
-              label: "Hajj & Umrah",
+              label: "حج و عمرہ",              href: "#calendar"},
-              href: "#calendar",
-            },
             {
-              label: "Ramadan",
+              label: "رمضان",              href: "#calendar"},
-              href: "#calendar",
-            },
             {
-              label: "Zakat",
+              label: "زکوٰۃ",              href: "#calendar"},
-              href: "#calendar",
-            },
           ],
         },
         {
-          title: "Resources",
+          title: "وسائل",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "ہمارے بارے میں",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Blog",
+              label: "بلاگ",              href: "#blog"},
-              href: "#blog",
-            },
             {
-              label: "FAQ",
+              label: "عمومی سوالات",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Testimonials",
+              label: "تعریفیں",              href: "#testimonials"},
-              href: "#testimonials",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "قانونی",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "رازداری کی پالیسی",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "سروس کی شرائط",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=whx1ya"
-      logoText="Nur Al-Islam"
+      logoText="نور الاسلام"
-      copyrightText="© 2024 Nur Al-Islam. All rights reserved."
+      copyrightText="© 2024 نور الاسلام۔ تمام حقوق محفوظ ہیں۔"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #e3deea;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #1f4035;
-  --foreground: #27231f;
+  --foreground: #ffffff;
-  --primary-cta: #27231f;
+  --primary-cta: #ffffff;
   --primary-cta-text: #e3deea;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #0d2b1f;
   --secondary-cta-text: #27231f;
-  --accent: #c68a62;
+  --accent: #0d5238;
-  --background-accent: #c68a62;
+  --background-accent: #10b981;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);