"use client";

import Link from "next/link";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Tag, Crown } from "lucide-react";

export default function PricingPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Features", id: "features" },
    { name: "Pricing", id: "pricing" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      items: [
        { label: "Home", href: "/" },
        { label: "Features", href: "/" },
        { label: "Pricing", href: "/pricing" },
        { label: "About", href: "/" },
      ],
    },
    {
      items: [
        { label: "Study Helper", href: "/modes/deep-research" },
        { label: "Code Helper", href: "/modes/deep-research" },
        { label: "Business Helper", href: "/modes/deep-research" },
        { label: "Deep Research", href: "/modes/deep-research" },
      ],
    },
    {
      items: [
        { label: "Developer API", href: "/modes/deep-research" },
        { label: "Documentation", href: "/modes/deep-research" },
        { label: "Status", href: "https://status.airbrone.ai" },
        { label: "Blog", href: "/modes/deep-research" },
      ],
    },
    {
      items: [
        { label: "Privacy Policy", href: "/modes/deep-research" },
        { label: "Terms of Service", href: "/modes/deep-research" },
        { label: "Security", href: "/modes/deep-research" },
        { label: "Contact", href: "/" },
      ],
    },
    {
      items: [
        { label: "Twitter", href: "https://twitter.com/airbrone" },
        { label: "LinkedIn", href: "https://linkedin.com/company/airbrone" },
        { label: "GitHub", href: "https://github.com/airbrone" },
        { label: "Instagram", href: "https://instagram.com/airbrone" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLarge"
      background="grid"
      cardStyle="layered-gradient"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="AIRBRONE AI"
          navItems={navItems}
          button={{
            text: "Get Started Free",
            href: "/auth/login",
          }}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Simple, Transparent Pricing"
          description="Choose the perfect plan for your needs. Start free for 1 day, then select your subscription."
          tag="Pricing"
          tagIcon={Tag}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          plans={[
            {
              id: "study",
              title: "Study Helper",
              price: "₹749",
              period: "per month",
              features: [
                "Unlimited homework help",
                "AI tutor availability",
                "Study materials",
                "Exam preparation",
                "Progress tracking",
              ],
              button: {
                text: "Subscribe Now",
                href: "/checkout?plan=study",
              },
            },
            {
              id: "code",
              title: "Agent Code Helper",
              price: "₹1,999",
              period: "per month",
              features: [
                "Code generation",
                "Debugging assistance",
                "Multi-language support",
                "Performance optimization",
                "Code review analytics",
                "Priority response time",
              ],
              button: {
                text: "Subscribe Now",
                href: "/checkout?plan=code",
              },
            },
            {
              id: "business",
              title: "Business Helper",
              price: "₹2,999",
              period: "per month",
              features: [
                "Business analytics",
                "Market insights",
                "Strategic planning",
                "Competitor analysis",
                "Enterprise reports",
                "Team collaboration",
                "API access",
              ],
              button: {
                text: "Subscribe Now",
                href: "/checkout?plan=business",
              },
            },
            {
              id: "research",
              title: "Deep Research",
              price: "₹3,359",
              period: "per month",
              features: [
                "Advanced research tools",
                "Comprehensive analysis",
                "Knowledge synthesis",
                "Data aggregation",
                "Custom reports",
                "White-label options",
                "Dedicated support",
              ],
              button: {
                text: "Subscribe Now",
                href: "/checkout?plan=research",
              },
            },
            {
              id: "combo",
              title: "Ultimate Combo",
              price: "₹8,999",
              period: "per month",
              features: [
                "All four AI modes included",
                "Unlimited queries",
                "Priority 24/7 support",
                "Advanced analytics",
                "Team management",
                "API access",
                "Custom integrations",
                "White-label option",
              ],
              button: {
                text: "Subscribe Now",
                href: "/checkout?plan=combo",
              },
            },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis logoText="AIRBRONE AI" columns={footerColumns} />
      </div>
    </ThemeProvider>
  );
}