"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Courses",
          id: "#courses",
        },
        {
          name: "Instructors",
          id: "#instructors",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Deeni Taleem Masturat"
      button={{
        text: "Enroll Now",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlayTestimonial
      title="Islamic Knowledge for Women, By Women"
      description="Access authentic Quranic and Islamic studies from certified female scholars. Learn at your pace in a supportive, woman-centered community."
      testimonials={[
        {
          name: "Aisha Rahman",
          handle: "@AishaR",
          testimonial: "This platform has been a blessing. The instructors are incredibly knowledgeable and the community is so supportive. My understanding of Islam has deepened immensely.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-satisfied-college-student-uses-new-cool-app-cell-phone-carries-notepad-writing-notes-wears-spectacles-silk-scarf-knitted-sweater-isolated-blue-wall_273609-26316.jpg",
        },
        {
          name: "Fatima Zahra",
          handle: "@FatimahZ",
          testimonial: "The flexible schedule allowed me to continue my studies while managing family responsibilities. The quality of education is truly exceptional.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-headphones-smiling-beige-wall_176420-2695.jpg",
        },
        {
          name: "Zara Khan",
          handle: "@ZaraK",
          testimonial: "I finally found a trusted source for authentic Islamic knowledge taught by qualified female scholars. Highly recommend to all sisters seeking to learn!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-working-her-home-office-smiling-end-enjoying-time-her-living-room_291049-2621.jpg",
        },
        {
          name: "Noor Ali",
          handle: "@NoorA",
          testimonial: "The sense of community is wonderful. It's inspiring to learn alongside like-minded sisters. This platform has truly enriched my spiritual journey.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/delighted-happy-muslim-student-types-messages-cell-phone-carries-notepad-focused-aside-with-joyful-expression-wears-jean-jacket-isolated-against-blue-wall-reads-interesting-article_273609-26342.jpg",
        },
        {
          name: "Hafsa Ahmed",
          handle: "@HafsaA",
          testimonial: "The courses are well-structured and the content is profound. It's rare to find such a dedicated and accessible platform for women's religious education.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-talking-mobile-phone_23-2148188805.jpg",
        },
      ]}
      tag="Empowering Women through Faith"
      buttons={[
        {
          text: "Explore Our Courses",
          href: "#courses",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-glasses_23-2148262832.jpg",
          alt: "Student Avatar 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-healthy-dark-skin-wears-white-hijab-dressed-denim-jacket-looks-directly-isolated-purple-wall-religious-female-has-natural-beauty-ethnicity-concept_273609-26581.jpg",
          alt: "Student Avatar 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/senior-couple-dancing-home_23-2149891549.jpg",
          alt: "Student Avatar 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034047.jpg",
          alt: "Student Avatar 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-joyful-good-looking-woman-has-islamic-views-smiles-gently-camera_273609-27296.jpg",
          alt: "Portrait of joyful good looking woman has Islamic views, smiles gently at camera",
        },
      ]}
      avatarText="Join over 1000+ sisters worldwide!"
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-computer_23-2149006890.jpg"
      imageAlt="Muslim women studying Quran online"
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Our Sacred Mission: Nurturing Minds and Souls",
        },
      ]}
      buttons={[
        {
          text: "Learn More About Us",
          href: "#",
        },
      ]}
      description="Deeni Taleem Masturat is dedicated to providing high-quality, authentic Islamic education exclusively for women. We believe in empowering sisters with profound knowledge of the Quran and Sunnah, guided by certified female scholars. Our platform fosters a supportive online community, ensuring a safe and enriching learning environment where every student can thrive spiritually and intellectually. We address the unique needs of Muslim women by offering flexible schedules and accessible resources, making scholarly Islamic learning achievable for all."
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-hijab-indoors_23-2150751929.jpg"
      imageAlt="Muslim women studying Quran together"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      features={[
        {
          title: "Scholarly Rigor",
          description: "Our curriculum is meticulously designed based on authentic Islamic sources, ensuring deep and accurate understanding.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-religious-textile-with-candle-design_23-2148630009.jpg",
          imageAlt: "Open book and pen representing scholarly rigor",
          buttonText: "Discover More",
          titleImageSrc: "http://img.b2bpic.net/free-photo/girl-pushing-her-colleague-with-physical-impairment-through-library_482257-126269.jpg",
        },
        {
          title: "Certified Instructors",
          description: "Learn from highly qualified female scholars, holding recognized Islamic degrees and extensive teaching experience.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-headphones_23-2148938307.jpg",
          imageAlt: "Female instructor teaching online",
          buttonText: "Meet Teachers",
          titleImageSrc: "http://img.b2bpic.net/free-photo/senior-expert-drawing-diagram-flipchart_1262-1902.jpg",
        },
        {
          title: "Flexible Scheduling",
          description: "Our courses are designed to fit your busy lifestyle, offering various timings and self-paced options for convenience.",
          imageSrc: "http://img.b2bpic.net/free-photo/virtual-meeting-with-coworkers_482257-76603.jpg",
          imageAlt: "Woman studying at home with laptop",
          buttonText: "View Schedule",
          titleImageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-shot-happy-female-wearing-biblical-gown-smiling_181624-10564.jpg",
        },
        {
          title: "Supportive Community",
          description: "Connect with a global network of sisters, fostering spiritual growth and strong bonds in a judgment-free space.",
          imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-using-laptop_23-2147796812.jpg",
          imageAlt: "Diverse women connecting virtually",
          buttonText: "Join Community",
          titleImageSrc: "http://img.b2bpic.net/free-photo/women-wearing-hijab-having-good-time_23-2149255311.jpg",
        },
      ]}
      title="Why Choose Deeni Taleem Masturat?"
      description="We are committed to delivering an unparalleled Islamic learning experience tailored specifically for women, combining academic excellence with a nurturing environment."
    />
  </div>

  <div id="courses" data-section="courses">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "p1",
          brand: "Quranic Studies",
          name: "Tajweed & Recitation",
          price: "Enroll Now",
          rating: 5,
          reviewCount: "120 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/person-with-mehndi-holding-quran-near-dried-fruits_23-2148074784.jpg",
          imageAlt: "Quranic Tajweed course book",
        },
        {
          id: "p2",
          brand: "Hadith Sciences",
          name: "Understanding Hadith",
          price: "Enroll Now",
          rating: 5,
          reviewCount: "95 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-quran-with-tea-pastry_23-2148214370.jpg",
          imageAlt: "Hadith book with prayer beads",
        },
        {
          id: "p3",
          brand: "Islamic Jurisprudence",
          name: "Fiqh Fundamentals",
          price: "Enroll Now",
          rating: 5,
          reviewCount: "110 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186756.jpg",
          imageAlt: "Islamic Fiqh textbook",
        },
        {
          id: "p4",
          brand: "Prophetic Biography",
          name: "Sirah of the Prophet",
          price: "Enroll Now",
          rating: 5,
          reviewCount: "88 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/conceptual-scene-with-people-walking-through-clouds_23-2151267554.jpg",
          imageAlt: "Book on the life of Prophet Muhammad",
        },
        {
          id: "p5",
          brand: "Islamic Creed",
          name: "Aqeedah & Tawhid",
          price: "Enroll Now",
          rating: 5,
          reviewCount: "75 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tea-opened-quran_23-2148214372.jpg",
          imageAlt: "Aqeedah and Tawhid book",
        },
        {
          id: "p6",
          brand: "Language Learning",
          name: "Arabic for Sisters",
          price: "Enroll Now",
          rating: 5,
          reviewCount: "62 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/islamic-new-year-composition-with-quran_23-2148230953.jpg",
          imageAlt: "Arabic alphabet letters",
        },
      ]}
      title="Our Esteemed Courses"
      description="Dive deep into the wisdom of Islam with our structured and comprehensive courses, covering essential subjects for every Muslim woman."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      plans={[
        {
          id: "basic",
          badge: "Starter",
          price: "Free Trial",
          subtitle: "Sample our foundational lessons",
          buttons: [
            {
              text: "Start Learning",
              href: "#",
            },
          ],
          features: [
            "Access to selected introductory modules",
            "Community forum access",
            "Weekly live Q&A sessions",
            "Certificate of completion for trial modules",
          ],
        },
        {
          id: "premium",
          badge: "Most Popular",
          badgeIcon: Sparkles,
          price: "$49/month",
          subtitle: "Comprehensive learning experience",
          buttons: [
            {
              text: "Enroll Now",
              href: "#",
            },
          ],
          features: [
            "Full access to all courses",
            "Exclusive instructor support",
            "Personalized progress tracking",
            "Advanced workshops and seminars",
            "Course materials download",
          ],
        },
        {
          id: "scholar",
          badge: "Advanced",
          price: "$399/year",
          subtitle: "Deep dive into scholarly studies",
          buttons: [
            {
              text: "Choose Plan",
              href: "#",
            },
          ],
          features: [
            "All Premium features",
            "One-on-one mentorship sessions",
            "Access to exclusive research library",
            "Priority access to new courses",
            "Annual spiritual retreat invitations",
          ],
        },
      ]}
      title="Flexible Enrollment Plans"
      description="Choose a learning path that suits your schedule, budget, and spiritual aspirations. Begin your journey to profound Islamic knowledge today."
    />
  </div>

  <div id="instructors" data-section="instructors">
      <TeamCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "t1",
          name: "Ustadha Amina Khan",
          role: "Head of Quranic Studies",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-photo-camera_23-2150438989.jpg",
          imageAlt: "Ustadha Amina Khan",
        },
        {
          id: "t2",
          name: "Dr. Sarah Al-Farsi",
          role: "Professor of Hadith Sciences",
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-lady-dress-gesturing-isolated_176474-44169.jpg",
          imageAlt: "Dr. Sarah Al-Farsi",
        },
        {
          id: "t3",
          name: "Shaykha Hajar Bilal",
          role: "Instructor of Fiqh & Aqeedah",
          imageSrc: "http://img.b2bpic.net/free-photo/serious-woman-standing-office-with-crossed-arms_23-2148055867.jpg",
          imageAlt: "Shaykha Hajar Bilal",
        },
      ]}
      title="Meet Our Esteemed Scholars"
      description="Learn from highly qualified and compassionate female instructors, dedicated to sharing authentic Islamic knowledge with sincerity and excellence."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "test1",
          name: "Mariam Sohail",
          handle: "Online Student",
          testimonial: "This platform transformed my understanding of the Quran. The teachers are gems, and the support from fellow sisters is invaluable.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ring-friends_23-2147807480.jpg",
          imageAlt: "Mariam Sohail",
        },
        {
          id: "test2",
          name: "Layla Hassan",
          handle: "Lifetime Learner",
          testimonial: "I was looking for a flexible yet rigorous program, and Deeni Taleem Masturat exceeded my expectations. Truly authentic knowledge.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-thumbs-up_23-2149122756.jpg",
          imageAlt: "Layla Hassan",
        },
        {
          id: "test3",
          name: "Sumaira Ahmed",
          handle: "Community Member",
          testimonial: "The community aspect is incredible. I've found true sisters in faith here, and we motivate each other to grow daily.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-with-curly-hair-working-small-business-ecommerce-holding-boss-cup-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-7619.jpg",
          imageAlt: "Sumaira Ahmed",
        },
        {
          id: "test4",
          name: "Khadija Noor",
          handle: "Dedicated Student",
          testimonial: "Finally, a platform where I can learn without compromising on quality or my schedule. May Allah bless this initiative immensely.",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-hijab-talking-phone_23-2148645052.jpg",
          imageAlt: "Khadija Noor",
        },
        {
          id: "test5",
          name: "Zainab Malik",
          handle: "Aspiring Scholar",
          testimonial: "The depth of knowledge shared by the scholars is profound. I feel much more confident in my understanding of Islamic principles now.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",
          imageAlt: "Zainab Malik",
        },
        {
          id: "test6",
          name: "Aisha Omar",
          handle: "Elder Sister",
          testimonial: "As an older student, I appreciate the clear explanations and patient instructors. It's never too late to seek knowledge!",
          imageSrc: "http://img.b2bpic.net/free-photo/brainstorming-two-business-woman_329181-14397.jpg",
          imageAlt: "Aisha Omar",
        },
      ]}
      title="Voices of Our Sisters"
      description="Hear from students who have transformed their understanding and lives through our programs, building confidence and deep spiritual connections."
      speed={50}
      topMarqueeDirection="left"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Are the instructors certified and qualified?",
          content: "Yes, all our instructors are highly qualified female scholars with recognized Islamic degrees and extensive experience in teaching various Islamic sciences. We ensure scholarly rigor and authentic knowledge transmission.",
        },
        {
          id: "q2",
          title: "What kind of courses do you offer?",
          content: "We offer a comprehensive range of courses covering Quranic studies (Tajweed, Tafsir), Hadith sciences, Fiqh (Islamic Jurisprudence), Aqeedah, Sirah (Prophetic Biography), and Arabic language for women, catering to various levels of understanding.",
        },
        {
          id: "q3",
          title: "How flexible are the class schedules?",
          content: "Our platform is designed with flexibility in mind. We offer multiple class timings throughout the week, recorded sessions for self-paced learning, and various enrollment plans to accommodate different time zones and personal commitments.",
        },
        {
          id: "q4",
          title: "Is there a community aspect for students?",
          content: "Absolutely! We foster a vibrant and supportive online community where students can interact, discuss lessons, ask questions, and build lasting bonds of sisterhood through dedicated forums and virtual gatherings.",
        },
        {
          id: "q5",
          title: "What are the technical requirements to join?",
          content: "You will need a stable internet connection, a computer or tablet, and a webcam/microphone for live classes. Our platform is user-friendly, and technical support is available if you encounter any issues.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-editing-photo_23-2150438988.jpg"
      imageAlt="Muslim women discussing in an online class"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Frequently Asked Questions"
      description="Find answers to common questions about our platform, courses, instructors, and enrollment process."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Join Our Community"
      description="Ready to embark on your spiritual learning journey? Reach out to us today with any questions or to inquire about enrollment."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "subject",
          type: "text",
          placeholder: "Subject",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/mandala-artwork-colorful-pattern-background_58702-6997.jpg"
      imageAlt="Islamic calligraphy background"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Deeni Taleem Masturat"
      columns={[
        {
          title: "About Us",
          items: [
            {
              label: "Our Mission",
              href: "#about",
            },
            {
              label: "Why Choose Us",
              href: "#features",
            },
            {
              label: "Our Instructors",
              href: "#instructors",
            },
          ],
        },
        {
          title: "Courses",
          items: [
            {
              label: "All Courses",
              href: "#courses",
            },
            {
              label: "Enrollment Plans",
              href: "#pricing",
            },
            {
              label: "Free Trial",
              href: "#pricing",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact Support",
              href: "#contact",
            },
            {
              label: "Community Forum",
              href: "#",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Blog",
              href: "#",
            },
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Facebook",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Deeni Taleem Masturat. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
