"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { HelpCircle } from "lucide-react";

export default function ContactPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Features", id: "features" },
    { name: "Learn", id: "learn" },
    { name: "Pricing", id: "pricing" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Product",
      items: [
        { label: "Features", href: "/" },
        { label: "Pricing", href: "/pricing" },
        { label: "Languages", href: "/" },
        { label: "Dashboard", href: "/" },
      ],
    },
    {
      title: "Learning",
      items: [
        { label: "How It Works", href: "/" },
        { label: "Blog", href: "/" },
        { label: "Resources", href: "/" },
        { label: "Support", href: "/contact" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About Us", href: "/" },
        { label: "Career", href: "/" },
        { label: "Contact", href: "/contact" },
        { label: "Partners", href: "/" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "/" },
        { label: "Terms of Service", href: "/" },
        { label: "Cookie Policy", href: "/" },
        { label: "GDPR", href: "/" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="WordMaster" navItems={navItems} />
      </div>

      <div id="contact-form" data-section="contact-form">
        <ContactCenter
          tag="Get in Touch"
          title="Ready to Master Languages?"
          description="Join thousands of learners using WordMaster to learn naturally through real content. Start your free trial today—no credit card required."
          background={{ variant: "canvas-reveal" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email address"
          buttonText="Start Learning Free"
          termsText="By clicking Start Learning you're confirming that you agree with our Terms and Conditions and Privacy Policy."
          ariaLabel="Contact and signup form for WordMaster"
        />
      </div>

      <div id="contact-faq" data-section="contact-faq">
        <FaqDouble
          title="Support & FAQ"
          description="Can't find what you're looking for? Check our frequently asked questions or reach out to our support team."
          tag="Help Center"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Email Support",
              href: "/",
            },
          ]}
          buttonAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",
              title: "How do I get started with WordMaster?",
              content: "Sign up for free, choose your target language, and start learning from real content. Our AI will guide you through your first learning session in just 2 minutes.",
            },
            {
              id: "2",
              title: "What if I have technical issues?",
              content: "Our support team responds within 24 hours. Email support@wordmaster.com with details about your issue, and we'll help you troubleshoot quickly.",
            },
            {
              id: "3",
              title: "How do I contact your team directly?",
              content: "You can reach us at support@wordmaster.com, through our in-app chat, or fill out the contact form above. We're here to help!",
            },
            {
              id: "4",
              title: "Do you offer corporate training?",
              content: "Yes! WordMaster offers team and enterprise plans with admin dashboards, custom integrations, and dedicated support. Contact our sales team for details.",
            },
            {
              id: "5",
              title: "Can I provide feedback or feature requests?",
              content: "Absolutely! We love hearing from our users. Email us at feedback@wordmaster.com or use the feedback button in your dashboard.",
            },
            {
              id: "6",
              title: "How often do you add new languages?",
              content: "We're constantly expanding our language support. Check our roadmap on the platform, and follow our blog for announcements about new languages and features.",
            },
          ]}
          ariaLabel="Support FAQ and contact information for WordMaster"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAhaIpFAYLNzimScpNmULHDHVq/a-diverse-group-of-learners-collaboratin-1773938107383-699a2705.png?_wi=4"
          imageAlt="WordMaster community learning"
          logoText="WordMaster"
          copyrightText="© 2025 WordMaster | AI Language Learning Platform"
          columns={footerColumns}
          ariaLabel="WordMaster footer navigation and information"
        />
      </div>
    </ThemeProvider>
  );
}