"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FaqBase from '@/components/sections/faq/FaqBase';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import { HelpCircle, Award, Twitter, Linkedin, Github } from "lucide-react";

export default function PricingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="AIFlow"
          bottomLeftText="Enterprise AI Solutions"
          bottomRightText="hello@aiflow.io"
        />
      </div>

      <div id="pricing-intro" data-section="pricing-intro">
        <TextSplitAbout
          title="Enterprise Pricing"
          description={[
            "AIFlow offers flexible pricing designed to scale with your organization's needs. Our enterprise-focused approach ensures you only pay for the capabilities you use, with transparent pricing that grows alongside your AI adoption journey.",            "Every plan includes 24/7 support, dedicated account management, comprehensive security features, and access to our full platform. We work directly with your procurement and finance teams to create custom agreements that meet your specific requirements and budget constraints."
          ]}
          buttons={[
            { text: "Schedule Demo", href: "/contact" },
            { text: "Contact Sales", href: "/contact" }
          ]}
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          faqs={[
            {
              id: "1",              title: "How does AIFlow pricing work?",              content: "AIFlow pricing is based on three factors: data volume processed, API calls per month, and the number of team members using the platform. Most enterprise customers pay between $5,000-$50,000 monthly depending on usage. We offer volume discounts and custom enterprise agreements for larger deployments."
            },
            {
              id: "2",              title: "What's included in every plan?",              content: "All AIFlow plans include: 24/7 priority support, dedicated account management, comprehensive security features (SOC 2, ISO 27001, HIPAA compliance), audit trails, custom integrations, training resources, and quarterly business reviews. Enterprise customers also receive custom SLAs and professional services."
            },
            {
              id: "3",              title: "Can we get a custom enterprise agreement?",              content: "Absolutely. We work with enterprise procurement and legal teams to create custom agreements that meet your specific requirements. This includes custom pricing, specialized terms, multi-year agreements, and volume discounts. Contact our enterprise sales team to discuss your needs."
            },
            {
              id: "4",              title: "Is there a free trial available?",              content: "Yes, we offer a comprehensive 30-day free trial for enterprise prospects. The trial includes full platform access, dedicated support, and professional services to help you evaluate AIFlow with your real data and use cases. No credit card required to start."
            },
            {
              id: "5",              title: "What kind of ROI can we expect?",              content: "Most AIFlow customers see positive ROI within 3-6 months. Our customer success team has documented cases showing 200-400% ROI in year one through process automation, error reduction, improved decision-making, and operational efficiency gains. We provide detailed ROI tracking and reporting."
            },
            {
              id: "6",              title: "How do you handle data privacy and security?",              content: "AIFlow maintains the highest security standards with SOC 2 Type II, ISO 27001, HIPAA, and GDPR compliance. All data is encrypted end-to-end, stored in secure AWS regions, and protected by comprehensive access controls. Enterprise customers can keep their data on-premises or in their own cloud environments."
            }
          ]}
          title="Pricing Questions"
          description="Common questions about AIFlow enterprise pricing and plans"
          tag="FAQ"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
        />
      </div>

      <div id="socialproof" data-section="socialproof">
        <SocialProofOne
          title="Trusted by Leading Enterprises"
          description="Join the world's most innovative companies using AIFlow to transform their operations"
          tag="Enterprise Partners"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Microsoft",            "Google",            "Amazon",            "Meta",            "Apple",            "IBM",            "NVIDIA",            "OpenAI",            "Salesforce",            "Oracle"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="AIFlow"
          copyrightText="© 2025 AIFlow. All rights reserved."
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/aiflow", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/aiflow", ariaLabel: "LinkedIn" },
            { icon: Github, href: "https://github.com/aiflow", ariaLabel: "GitHub" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
