"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { DollarSign, Sparkles, Rocket } from "lucide-react";

const navItems = [
  { name: "Home", id: "/" },
  { name: "Features", id: "/features" },
  { name: "Pricing", id: "/pricing" },
  { name: "Contact", id: "/contact" },
  { name: "Docs", id: "https://docs.example.com" },
];

export default function PricingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="AIAssist"
          bottomLeftText="Advanced AI Technology"
          bottomRightText="hello@aiassist.io"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Transparent Pricing That Scales with Your Business"
          description="Choose the perfect plan for your needs. Start free, upgrade as you grow. All plans include our core AI agent capabilities."
          tag="Flexible Plans"
          tagIcon={DollarSign}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          plans={[
            {
              id: "starter",
              price: "Free",
              name: "Starter",
              buttons: [
                { text: "Get Started", href: "https://app.example.com/signup" },
                { text: "Learn More", href: "#" },
              ],
              features: [
                "1 AI Agent",
                "Up to 1,000 conversations/month",
                "Basic analytics",
                "Email support",
                "Standard integrations",
              ],
            },
            {
              id: "professional",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "$499/month",
              name: "Professional",
              buttons: [
                {
                  text: "Start Free Trial",
                  href: "https://app.example.com/trial",
                },
                { text: "Contact Sales", href: "/contact" },
              ],
              features: [
                "Up to 5 AI Agents",
                "Up to 50,000 conversations/month",
                "Advanced analytics & reporting",
                "Priority support",
                "50+ integrations",
                "Custom training data",
                "Performance optimization",
              ],
            },
            {
              id: "enterprise",
              price: "Custom",
              name: "Enterprise",
              buttons: [
                { text: "Schedule Demo", href: "/contact" },
                { text: "Talk to Sales", href: "mailto:sales@aiassist.io" },
              ],
              features: [
                "Unlimited AI Agents",
                "Unlimited conversations",
                "Custom analytics & dashboards",
                "24/7 dedicated support",
                "100+ integrations + custom APIs",
                "Advanced security & compliance",
                "SLA guarantees",
                "On-premise deployment options",
              ],
            },
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="pricing-contact" data-section="pricing-contact">
        <ContactCTA
          tag="Ready to Get Started"
          tagIcon={Rocket}
          tagAnimation="slide-up"
          title="Choose Your Plan Today"
          description="Start with a free account and upgrade anytime. No credit card required. All plans include a 14-day free trial of premium features."
          buttons={[
            {
              text: "Start Free Trial",
              href: "https://app.example.com/trial",
            },
            { text: "Contact Sales", href: "/contact" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="AIAssist"
          columns={[
            {
              title: "Product",
              items: [
                { label: "Features", href: "/features" },
                { label: "Pricing", href: "/pricing" },
                { label: "Security", href: "/security" },
                { label: "API Docs", href: "https://docs.aiassist.io" },
              ],
            },
            {
              title: "Company",
              items: [
                { label: "About", href: "/" },
                { label: "Blog", href: "/blog" },
                { label: "Careers", href: "/careers" },
                { label: "Contact", href: "/contact" },
              ],
            },
            {
              title: "Resources",
              items: [
                {
                  label: "Documentation",
                  href: "https://docs.aiassist.io",
                },
                { label: "Integrations", href: "/integrations" },
                { label: "Templates", href: "/templates" },
                { label: "Support", href: "/support" },
              ],
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
                { label: "Cookie Policy", href: "/cookies" },
                { label: "Compliance", href: "/compliance" },
              ],
            },
          ]}
          copyrightText="© 2025 AIAssist. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}