"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Star, TrendingUp, Users, HelpCircle } from "lucide-react";

export default function PricingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="large"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Features", id: "/features" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Get Started", href: "/contact" }}
          brandName="ArbUz"
        />
      </div>

      <div id="pricing-hero" data-section="pricing-hero">
        <div className="py-16 md:py-24">
          <div className="max-w-4xl mx-auto px-4 text-center">
            <h1 className="text-4xl md:text-6xl font-bold mb-6">
              Transparent Pricing for Every Scale
            </h1>
            <p className="text-xl text-gray-600 mb-8">
              From startups to enterprise agencies, we have a plan that fits your needs and budget. 
              All plans include our core AI features with advanced capabilities available at every tier.
            </p>
            <div className="bg-orange-50 border border-orange-200 rounded-lg p-4 inline-block mb-8">
              <p className="text-orange-800 font-medium">🎉 30-day free trial on all plans - no credit card required</p>
            </div>
          </div>
        </div>
      </div>

      <div id="main-pricing" data-section="main-pricing">
        <PricingCardOne
          plans={[
            {
              id: "starter",
              badge: "Best for Beginners",
              badgeIcon: Star,
              price: "$299/month",
              subtitle: "Perfect for small teams and independent consultants",
              features: [
                "Up to 10 active campaigns",
                "Basic AI optimization",
                "Standard analytics dashboard",
                "Email support (24h response)",
                "Google Ads & Facebook integration",
                "Monthly performance reports"
              ]
            },
            {
              id: "professional",
              badge: "Most Popular",
              badgeIcon: TrendingUp,
              price: "$799/month",
              subtitle: "Ideal for growing agencies and established brands",
              features: [
                "Unlimited campaigns",
                "Advanced AI optimization",
                "Predictive analytics & forecasting",
                "Priority support (4h response)",
                "All platform integrations",
                "Custom reporting templates",
                "Team collaboration tools",
                "API access"
              ]
            },
            {
              id: "enterprise",
              badge: "For Large Organizations",
              badgeIcon: Users,
              price: "Custom Pricing",
              subtitle: "Tailored solutions for enterprise-level requirements",
              features: [
                "Everything in Professional",
                "Dedicated customer success manager",
                "Custom AI model training",
                "White-label reporting",
                "Advanced security & compliance",
                "SLA guarantees",
                "Onboarding & training program",
                "24/7 phone support"
              ]
            }
          ]}
          title="Choose Your AI-Powered Plan"
          description="All plans include our core AI optimization features. Upgrade anytime as your business grows and your needs evolve."
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Start Free Trial", href: "/contact" },
            { text: "Schedule Demo", href: "/contact" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="pricing-faq" data-section="pricing-faq">
        <FaqBase
          faqs={[
            {
              id: "pricing-faq-1",
              title: "Can I switch plans at any time?",
              content: "Yes, you can upgrade or downgrade your plan at any time. Changes take effect immediately, and we'll prorate any billing differences. Your campaign data and settings remain intact during plan changes."
            },
            {
              id: "pricing-faq-2",
              title: "What's included in the free trial?",
              content: "The 30-day free trial gives you full access to all features of your chosen plan, including AI optimization, analytics, and support. No credit card required to start, and you can cancel anytime during the trial period."
            },
            {
              id: "pricing-faq-3",
              title: "How does billing work?",
              content: "All plans are billed monthly with no long-term contracts. Enterprise plans can be customized with annual billing for additional discounts. We accept all major credit cards and ACH transfers for enterprise accounts."
            },
            {
              id: "pricing-faq-4",
              title: "What if I need custom features?",
              content: "Our Enterprise plan includes custom feature development and AI model training. For unique requirements not covered by standard plans, we offer custom solutions with dedicated engineering support."
            }
          ]}
          title="Pricing Questions & Answers"
          description="Everything you need to know about our pricing structure, billing, and plan features. Can't find what you're looking for? Contact our sales team."
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Billing Support"
          tagIcon={HelpCircle}
          tagAnimation="opacity"
          buttons={[{ text: "Contact Sales", href: "/contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Product",
            items: [
              { label: "Features", href: "/features" },
              { label: "Pricing", href: "/pricing" },
              { label: "About", href: "/about" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Documentation", href: "/about" },
              { label: "Blog", href: "/about" },
              { label: "Guides", href: "/contact" },
              { label: "Support", href: "/contact" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Careers", href: "/features" },
              { label: "Contact", href: "/contact" },
              { label: "Partners", href: "/features" }
            ]
          }
        ]}
        copyrightText="© 2023 ArbUz. All rights reserved."
      />
    </ThemeProvider>
  );
}