"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";
import Link from "next/link";
import { BookOpen, HelpCircle } from "lucide-react";

export default function ContactPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Eras", id: "/eras" },
    { name: "Poets", id: "/poets" },
    { name: "Poems", id: "/poems" },
    { name: "Resources", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="noise"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav" className="sticky top-0 z-50">
        <NavbarStyleApple
          brandName="Arabic Poetry"
          navItems={navItems}
        />
      </div>

      {/* Contact CTA Section */}
      <div id="contact" data-section="contact">
        <ContactText
          text="Join our community of poets, scholars, and enthusiasts dedicated to preserving and celebrating Arabic literary heritage. Share your insights, contribute research, or simply deepen your appreciation for this timeless art form."
          animationType="reveal-blur"
          background={{ variant: "noise" }}
          useInvertedBackground={true}
          buttons={[
            { text: "Get In Touch", href: "#" },
            { text: "Subscribe to Updates", href: "#" },
          ]}
        />
      </div>

      {/* FAQ Section */}
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Get answers to common questions about Arabic poetry, our collections, and how to navigate the platform."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",
              title: "What is the Mu'allaqat and why is it important?",
              content: "The Mu'allaqat (Hanging Poems) are seven celebrated pre-Islamic Arabic poems traditionally hung in the Kaaba in Mecca. They represent the pinnacle of pre-Islamic poetry and showcase the linguistic perfection and literary sophistication of ancient Arabic. These poems are foundational to understanding classical Arabic poetry and Arab cultural identity.",
            },
            {
              id: "2",
              title: "How does Arabic poetry differ across historical eras?",
              content: "Each era brought distinct innovations: Pre-Islamic poetry emphasized tribal honor and desert life; Islamic era poetry incorporated spiritual themes; Umayyad poetry refined court aesthetics; Abbasid poetry achieved unprecedented intellectual freedom and innovation; Andalusian poetry developed unique cultural synthesis; and Ottoman era poetry maintained classical traditions while introducing new forms influenced by Persian and Turkish influences.",
            },
            {
              id: "3",
              title: "Who was Al-Mutanabbi and why is he significant?",
              content: "Al-Mutanabbi (915-965 CE) was one of the greatest Arabic poets of the Abbasid era, known for his ambitious spirit and claim to prophethood (giving him his name meaning 'the one who claims to be a prophet'). His works combine political panegyric with profound philosophical themes, and his poetry is celebrated for its technical mastery and innovative use of language, influencing Arabic literature for centuries.",
            },
            {
              id: "4",
              title: "How can I use these poems in academic research?",
              content: "Our platform provides scholarly annotations, historical context, and high-quality texts suitable for academic citation. We recommend consulting the original Arabic texts along with respected English translations. Each poem entry includes information about its author, era, themes, and cultural significance to support your research. For formal citations, always reference the original manuscripts and scholarly editions.",
            },
            {
              id: "5",
              title: "What makes Andalusian poetry unique?",
              content: "Andalusian poetry developed in Islamic Spain (711-1492 CE) and represents a unique cultural synthesis of Arabic, Berber, Romance, and Jewish traditions. It introduced new forms like the Zajal (colloquial verse) and developed distinct themes around court life, wine, love, and the beauty of landscape. The Andalusian tradition influenced both Arabic and European poetry and represents one of history's greatest examples of cultural cross-pollination.",
            },
            {
              id: "6",
              title: "Are there English translations available?",
              content: "Yes, we provide recommendations for respected English translations of major works and poets. However, many nuances of classical Arabic poetry are lost in translation, so we encourage learning classical Arabic to fully appreciate the original verse. Our platform includes original Arabic texts alongside carefully selected translations to provide both accessibility and authenticity.",
            },
          ]}
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Arabic Poetry"
          copyrightText="© 2025 Arabic Poetry Heritage. Preserving literary traditions since antiquity."
          columns={[
            {
              title: "Explore",
              items: [
                { label: "Home", href: "/" },
                { label: "Historical Eras", href: "/eras" },
                { label: "Greatest Poets", href: "/poets" },
                { label: "Masterpiece Poems", href: "/poems" },
              ],
            },
            {
              title: "Resources",
              items: [
                { label: "Poetry Insights", href: "#blog" },
                { label: "FAQ", href: "/contact" },
                { label: "Scholarly Articles", href: "#" },
                { label: "Research Tools", href: "#" },
              ],
            },
            {
              title: "Connect",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Contact", href: "/contact" },
                { label: "Subscribe", href: "#" },
                { label: "Privacy Policy", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}