"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles } from "lucide-react";

export default function PricingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="small"
      sizing="large"
      background="floatingGradient"
      cardStyle="solid"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="AIFlow"
          button={{
            text: "Get Started",
            href: "https://app.aiflow.io/signup"
          }}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Complete Pricing Plans"
          description="Transparent pricing designed to scale with your business. Start with our Starter plan and upgrade as your automation needs grow."
          tag="Pricing Options"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "starter",
              price: "$299/mo",
              name: "Starter Plan",
              buttons: [
                {
                  text: "Start Free Trial",
                  href: "https://app.aiflow.io/signup?plan=starter"
                },
                {
                  text: "Learn More",
                  href: "#"
                }
              ],
              features: [
                "Up to 5 AI workflows",
                "1,000 monthly AI operations",
                "Basic analytics dashboard",
                "Email support",
                "Community access",
                "Standard integrations"
              ]
            },
            {
              id: "professional",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "$999/mo",
              name: "Professional Plan",
              buttons: [
                {
                  text: "Start Free Trial",
                  href: "https://app.aiflow.io/signup?plan=professional"
                },
                {
                  text: "Contact Sales",
                  href: "#"
                }
              ],
              features: [
                "Unlimited AI workflows",
                "50,000 monthly AI operations",
                "Advanced analytics & insights",
                "Priority email & chat support",
                "Custom integrations",
                "Team collaboration tools",
                "Advanced security features"
              ]
            },
            {
              id: "enterprise",
              price: "Custom Pricing",
              name: "Enterprise Plan",
              buttons: [
                {
                  text: "Contact Sales",
                  href: "https://aiflow.io/contact-sales"
                },
                {
                  text: "Schedule Demo",
                  href: "#"
                }
              ],
              features: [
                "Unlimited everything",
                "Custom AI model training",
                "Dedicated account manager",
                "24/7 premium support",
                "SLA guarantees",
                "On-premise deployment options",
                "Custom compliance features"
              ]
            }
          ]}
        />
      </div>

      <div id="pricing-faq" data-section="pricing-faq">
        <FaqDouble
          title="Pricing Questions"
          description="Get answers to common questions about AIFlow pricing, billing, and plan features"
          tag="Pricing FAQ"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "Can I change my plan anytime?",
              content: "Yes, you can upgrade or downgrade your plan at any time. Changes take effect at the next billing cycle, and we'll prorate any differences."
            },
            {
              id: "2",
              title: "What happens if I exceed my operation limits?",
              content: "You'll receive notifications as you approach your limits. You can upgrade your plan or purchase additional operations as add-ons."
            },
            {
              id: "3",
              title: "Do you offer annual discounts?",
              content: "Yes, annual plans receive a 20% discount. Enterprise customers can discuss custom pricing and terms with our sales team."
            },
            {
              id: "4",
              title: "Is there a free trial available?",
              content: "We offer a 14-day free trial for all plans. No credit card required to start, and you get full access to all features in your chosen plan."
            },
            {
              id: "5",
              title: "What payment methods do you accept?",
              content: "We accept all major credit cards, PayPal, and bank transfers. Enterprise customers can arrange for invoicing and purchase orders."
            },
            {
              id: "6",
              title: "Can I cancel my subscription?",
              content: "You can cancel your subscription at any time. Your account will remain active until the end of your current billing period."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="AIFlow"
          columns={[
            {
              items: [
                { label: "Home", href: "/" },
                { label: "Pricing", href: "/pricing" },
                { label: "Features", href: "/features" },
                { label: "Blog", href: "https://aiflow.io/blog" }
              ]
            },
            {
              items: [
                { label: "Documentation", href: "https://docs.aiflow.io" },
                { label: "API Reference", href: "https://api.aiflow.io/docs" },
                { label: "Support", href: "/support" },
                { label: "Community", href: "https://community.aiflow.io" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "/about" },
                { label: "Careers", href: "https://aiflow.io/careers" },
                { label: "Contact", href: "/contact" },
                { label: "Privacy Policy", href: "https://aiflow.io/privacy" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}