"use client";

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

export default function PricingPage() {
  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="pricing-metrics" data-section="pricing-metrics">
        <MetricCardSeven
          title="Simple, Transparent Pricing"
          description="Choose the plan that fits your learning goals. All plans include access to our AI-powered learning engine, 10,000+ vocabulary words, and unlimited reviews."
          tag="Flexible Plans"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Start Free Trial",
              href: "/",
            },
          ]}
          buttonAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
          metrics={[
            {
              id: "free",
              value: "Free",
              title: "Starter Plan",
              items: [
                "5 Languages",
                "Basic Vocabulary",
                "Weekly Reviews",
              ],
            },
            {
              id: "pro",
              value: "$9.99",
              title: "Pro Plan",
              items: [
                "All 7 Languages",
                "Complete Vocabulary",
                "Unlimited Reviews",
              ],
            },
            {
              id: "team",
              value: "$99",
              title: "Team Plan",
              items: [
                "Up to 10 Users",
                "Admin Dashboard",
                "Priority Support",
              ],
            },
            {
              id: "enterprise",
              value: "Custom",
              title: "Enterprise",
              items: [
                "Unlimited Users",
                "Custom Integration",
                "Dedicated Support",
              ],
            },
          ]}
          animationType="depth-3d"
          ariaLabel="WordMaster pricing plans and features"
        />
      </div>

      <div id="pricing-faq" data-section="pricing-faq">
        <FaqDouble
          title="Pricing Questions"
          description="Find answers to common questions about WordMaster pricing, plans, and billing."
          tag="Help Center"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Contact Sales",
              href: "/contact",
            },
          ]}
          buttonAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",
              title: "Can I try WordMaster for free?",
              content: "Yes! Our Starter Plan is completely free. You get access to 5 languages, basic vocabulary, and weekly review sessions. Upgrade to Pro anytime to unlock all 7 languages and unlimited reviews.",
            },
            {
              id: "2",
              title: "How do I cancel my subscription?",
              content: "You can cancel anytime from your account settings. Your access continues until the end of your billing period. No questions asked, no penalties.",
            },
            {
              id: "3",
              title: "Is there a student discount?",
              content: "Yes! Students get 50% off Pro Plan with a valid .edu email. Contact our support team with proof of enrollment to activate the discount.",
            },
            {
              id: "4",
              title: "What payment methods do you accept?",
              content: "We accept all major credit cards (Visa, Mastercard, American Express), PayPal, and Apple Pay. Billing is handled securely through Stripe.",
            },
            {
              id: "5",
              title: "Is there a refund policy?",
              content: "We offer a 30-day money-back guarantee on annual subscriptions. If you're not satisfied, we'll refund your payment with no questions asked.",
            },
            {
              id: "6",
              title: "Can I switch plans mid-cycle?",
              content: "Absolutely! You can upgrade or downgrade your plan anytime. Changes take effect immediately, and we'll prorate charges or credits based on your usage.",
            },
          ]}
          ariaLabel="Pricing FAQ and common questions about WordMaster plans"
        />
      </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=3"
          imageAlt="WordMaster community learning"
          logoText="WordMaster"
          copyrightText="© 2025 WordMaster | AI Language Learning Platform"
          columns={footerColumns}
          ariaLabel="WordMaster footer navigation and information"
        />
      </div>
    </ThemeProvider>
  );
}