"use client";
import Link from "next/link";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { DollarSign, Sparkles, Zap, Crown, HelpCircle } from "lucide-react";

export default function PricingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "Features", id: "/features" },
            { name: "Pricing", id: "/pricing" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="CryptoVault"
          bottomLeftText="Global Crypto Community"
          bottomRightText="hello@cryptovault.com"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Choose the Perfect Plan for Your Trading Journey"
          description="From beginners to institutions, we have the right pricing plan to match your cryptocurrency trading needs and budget"
          tag="Pricing Plans"
          tagIcon={DollarSign}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "starter",
              badge: "Starter Plan",
              badgeIcon: Sparkles,
              price: "Free",
              subtitle: "Perfect for learning cryptocurrency trading basics",
              buttons: [
                { text: "Get Started Free", href: "/contact" },
                { text: "View Features", href: "/features" }
              ],
              features: [
                "Basic trading interface",
                "Up to $10,000 trading limit",
                "Email support during business hours",
                "Real-time market data",
                "Educational resources",
                "Mobile app access"
              ]
            },
            {
              id: "pro",
              badge: "Pro Plan",
              badgeIcon: Zap,
              price: "$29/mo",
              subtitle: "Advanced features for active crypto traders",
              buttons: [
                { text: "Start Pro Trial", href: "/contact" },
                { text: "Contact Sales", href: "/contact" }
              ],
              features: [
                "Advanced charting and analysis tools",
                "Unlimited trading volume",
                "Priority 24/7 customer support",
                "API access for automated trading",
                "Portfolio analytics and reporting",
                "Reduced trading fees"
              ]
            },
            {
              id: "enterprise",
              badge: "Enterprise",
              badgeIcon: Crown,
              price: "Custom Pricing",
              subtitle: "White-label solutions for financial institutions",
              buttons: [
                { text: "Schedule Demo", href: "/contact" },
                { text: "Contact Sales Team", href: "/contact" }
              ],
              features: [
                "Custom infrastructure deployment",
                "Dedicated account manager",
                "Institutional-grade security compliance",
                "SLA guarantees with 99.99% uptime",
                "Custom integrations and APIs",
                "Regulatory compliance support"
              ]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Pricing & Plans Frequently Asked Questions"
          description="Get answers to common questions about CryptoVault's pricing plans, features, and billing policies"
          tag="Pricing FAQ"
          tagIcon={HelpCircle}
          animationType="smooth"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          faqs={[
            {
              id: "1",
              title: "Can I upgrade or downgrade my plan anytime?",
              content: "Yes, you can upgrade or downgrade your plan at any time. Changes take effect immediately, and we'll prorate any billing adjustments. Downgrades will apply at your next billing cycle to ensure you get full value from your current plan."
            },
            {
              id: "2",
              title: "What payment methods do you accept?",
              content: "We accept all major credit cards (Visa, MasterCard, American Express), bank transfers, and cryptocurrency payments including Bitcoin, Ethereum, and USDC. All payments are processed securely with enterprise-grade encryption."
            },
            {
              id: "3",
              title: "Is there a long-term commitment required?",
              content: "No long-term commitment is required. All plans are month-to-month, and you can cancel anytime. Enterprise customers can choose annual contracts for additional discounts and dedicated support."
            },
            {
              id: "4",
              title: "What's included in the free Starter plan?",
              content: "The Starter plan includes basic trading features, up to $10K trading limit, email support, real-time market data, educational resources, and mobile app access. It's perfect for beginners learning cryptocurrency trading."
            },
            {
              id: "5",
              title: "Do you offer refunds or trial periods?",
              content: "Yes, we offer a 14-day money-back guarantee on all paid plans. Pro plan users also get a 7-day free trial to explore advanced features before being charged."
            },
            {
              id: "6",
              title: "Are there any hidden fees or charges?",
              content: "No hidden fees. Our pricing is transparent with all costs clearly outlined. Trading fees vary by plan and volume, and we provide a detailed fee schedule in your account dashboard."
            }
          ]}
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Product",
            items: [
              { label: "Trading", href: "/features" },
              { label: "Pricing", href: "/pricing" },
              { label: "Security", href: "/about" },
              { label: "API Docs", href: "https://docs.cryptovault.com" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About", href: "/about" },
              { label: "Blog", href: "https://blog.cryptovault.com" },
              { label: "Careers", href: "https://careers.cryptovault.com" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy", href: "#privacy" },
              { label: "Terms", href: "#terms" },
              { label: "Compliance", href: "#compliance" },
              { label: "Cookie Policy", href: "#cookies" }
            ]
          }
        ]}
        copyrightText="© 2024 CryptoVault. All rights reserved."
      />
    </ThemeProvider>
  );
}