"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { DollarSign, Award, Zap } from 'lucide-react';

export default function PricingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="AgentAI"
          navItems={[
            { name: "Features", id: "/" },
            { name: "Pricing", id: "/pricing" },
            { name: "About", id: "/about" },
            { name: "Docs", id: "https://docs.example.com" }
          ]}
          button={{ text: "Start Free Trial", href: "/contact" }}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Flexible Plans for Any Enterprise Scale"
          description="Choose the plan that fits your automation needs and budget"
          tag="Pricing"
          tagIcon={DollarSign}
          plans={[
            {
              id: "starter",              title: "Starter",              price: "Custom",              period: "Contact Sales",              imageSrc: "http://img.b2bpic.net/free-photo/people-leaning-desk-standing_23-2147650958.jpg",              imageAlt: "pricing plan startup business growth",              button: { text: "Get Started", href: "/contact" },
              features: [
                "Up to 5 AI agents",                "Basic automation workflows",                "Email support",                "Monthly reporting",                "API access"
              ]
            },
            {
              id: "professional",              title: "Professional",              price: "Custom",              period: "Contact Sales",              imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16137.jpg",              imageAlt: "professional enterprise business success growth",              button: { text: "Request Demo", href: "/contact" },
              features: [
                "Up to 50 AI agents",                "Advanced multi-agent orchestration",                "Priority support 24/7",                "Real-time analytics dashboard",                "Custom workflow builder",                "Compliance & audit tools"
              ]
            },
            {
              id: "enterprise",              title: "Enterprise",              price: "Custom",              period: "Contact Sales",              imageSrc: "http://img.b2bpic.net/free-photo/office-scene-with-two-persons_23-2147626431.jpg",              imageAlt: "enterprise organization corporation scale success",              button: { text: "Schedule Consultation", href: "/contact" },
              features: [
                "Unlimited AI agents",                "White-label platform",                "Dedicated account manager",                "Custom integrations",                "Advanced security & compliance",                "SLA guarantees"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about AgentAI and our AI automation platform"
          tag="Support"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          faqs={[
            {
              id: "1",              title: "How long does it take to deploy an AI agent?",              content: "Most deployments are completed within 2-4 weeks. Our expert implementation team handles setup, training, and integration with your existing systems. For simple use cases, you can have agents running in days using our pre-built templates."
            },
            {
              id: "2",              title: "What kind of support do you provide?",              content: "We offer 24/7 priority support for all enterprise customers, dedicated account managers, regular training sessions, and comprehensive documentation. Our support team includes AI specialists who understand your business needs."
            },
            {
              id: "3",              title: "How secure is AgentAI?",              content: "AgentAI meets the highest enterprise security standards including SOC 2 Type II compliance, end-to-end encryption, role-based access control, and comprehensive audit trails. We also support on-premise deployment for maximum security."
            },
            {
              id: "4",              title: "Can AgentAI integrate with our existing systems?",              content: "Yes, AgentAI integrates seamlessly with most enterprise systems via APIs, webhooks, and pre-built connectors. Our integration team can build custom connections for any legacy or specialized systems you use."
            },
            {
              id: "5",              title: "What's the learning curve for our team?",              content: "We provide comprehensive training programs tailored to your team's technical level. Most users are productive within 2-3 days, and advanced features can be mastered through our certification program within 2 weeks."
            },
            {
              id: "6",              title: "How do you measure ROI and success?",              content: "Our analytics dashboard tracks key metrics including process automation rates, cost savings, time saved, and business outcomes. We work with you to define success metrics and provide quarterly business reviews to demonstrate value."
            }
          ]}
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Ready to Transform Your Operations?"
          description="Join hundreds of enterprises using AgentAI to automate complex workflows, reduce costs, and accelerate growth. Start your free trial today or schedule a demo with our team."
          tagIcon={Zap}
          inputPlaceholder="Enter your work email"
          buttonText="Start Free Trial"
          termsText="By signing up, you agree to our Terms of Service and Privacy Policy. No credit card required."
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBaseCard
        logoText="AgentAI"
        copyrightText="© 2025 AgentAI Inc. All rights reserved."
        columns={[
          {
            title: "Product",            items: [
              { label: "Features", href: "/#features" },
              { label: "Pricing", href: "/pricing" },
              { label: "Security", href: "#" },
              { label: "Roadmap", href: "#" }
            ]
          },
          {
            title: "Company",            items: [
              { label: "About", href: "/about" },
              { label: "Blog", href: "#" },
              { label: "Careers", href: "#" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Developers",            items: [
              { label: "Documentation", href: "https://docs.example.com" },
              { label: "API Reference", href: "#" },
              { label: "GitHub", href: "#" },
              { label: "Integration Hub", href: "#" }
            ]
          },
          {
            title: "Legal",            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "Compliance", href: "#" },
              { label: "Cookie Settings", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}