"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import Link from "next/link";
import { TrendingUp, BarChart3, PieChart, Mail, Users, Globe, Shield, Activity } from "lucide-react";

export default function BusinessHelperPage() {
  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: "/modes/business-helper" },
        { label: "Pricing", href: "/modes/business-helper" },
        { label: "About", href: "/modes/code-helper" },
      ],
    },
    {
      items: [
        { label: "Study Helper", href: "/modes/business-helper" },
        { label: "Code Helper", href: "/modes/code-helper" },
        { label: "Business Helper", href: "/modes/business-helper" },
        { label: "Deep Research", href: "/modes/business-helper" },
      ],
    },
    {
      items: [
        { label: "Developer API", href: "/modes/business-helper" },
        { label: "Documentation", href: "/modes/business-helper" },
        { label: "Status", href: "https://status.airbrone.ai" },
        { label: "Blog", href: "/modes/business-helper" },
      ],
    },
    {
      items: [
        { label: "Privacy Policy", href: "/modes/business-helper" },
        { label: "Terms of Service", href: "/modes/business-helper" },
        { label: "Security", href: "/modes/business-helper" },
        { label: "Contact", href: "/modes/business-helper" },
      ],
    },
    {
      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="animated-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="business-helper-features" data-section="business-helper-features" className="relative overflow-hidden">
        <FeatureBento
          title="Business Helper Mode - Enterprise Intelligence"
          description="Transform your business strategy with AI-powered analytics, market insights, competitive intelligence, and strategic planning tools designed for enterprise decision-makers."
          tag="Business Intelligence"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          features={[
            {
              title: "Real-Time Market Analytics",
              description: "Access comprehensive market analysis, competitor tracking, trend forecasting, and industry insights powered by advanced AI algorithms.",
              bentoComponent: "icon-info-cards",
              items: [
                { icon: TrendingUp, label: "Market Trends", value: "Real-time data" },
                { icon: BarChart3, label: "Analytics", value: "Advanced metrics" },
                { icon: PieChart, label: "Reports", value: "Comprehensive" },
              ],
            },
            {
              title: "Competitor Intelligence & Analysis",
              description: "Monitor competitor strategies, pricing changes, product launches, and market positioning. Receive actionable competitive insights automatically.",
              bentoComponent: "chat",
              aiIcon: TrendingUp,
              userIcon: Users,
              placeholder: "Ask about competitor strategies...",
              exchanges: [
                {
                  userMessage: "What are our competitors' latest pricing changes?",
                  aiResponse: "Analysis shows 3 key competitors adjusted pricing in the last 30 days. Company A increased 12%, Company B decreased 5%, Company C launched bundle discounts. Here's detailed breakdown with market positioning...",
                },
                {
                  userMessage: "Which product features are gaining market traction?",
                  aiResponse: "Market analysis indicates AI-powered features are trending 340% higher in adoption. Security features up 125%, Integration capabilities up 95%. Your market position relative to competitors...",
                },
              ],
            },
            {
              title: "Strategic Planning & Forecasting",
              description: "Generate strategic plans, revenue forecasts, growth projections, and business scenarios. AI-powered scenario modeling for better decision-making.",
              bentoComponent: "orbiting-icons",
              centerIcon: TrendingUp,
              items: [
                { icon: BarChart3, ring: 1 },
                { icon: PieChart, ring: 1 },
                { icon: Users, ring: 2 },
                { icon: Globe, ring: 2 },
                { icon: TrendingUp, ring: 3 },
              ],
            },
            {
              title: "Enterprise Reporting & Dashboards",
              description: "Create customizable business reports, executive dashboards, KPI tracking, and automated insights delivery. White-label options available for resellers.",
              bentoComponent: "phone",
              statusIcon: BarChart3,
              alertIcon: TrendingUp,
              alertTitle: "Dashboard Alert",
              alertMessage: "Q3 Revenue Target: 95% achieved",
              apps: [
                { name: "Analytics", icon: BarChart3 },
                { name: "Reporting", icon: PieChart },
                { name: "Forecasting", icon: TrendingUp },
                { name: "Dashboards", icon: Activity },
                { name: "Metrics", icon: BarChart3 },
                { name: "Insights", icon: TrendingUp },
                { name: "Exports", icon: PieChart },
                { name: "Alerts", icon: Activity },
              ],
            },
          ]}
        />
      </div>

      <div id="business-helper-metrics" data-section="business-helper-metrics" className="py-16 md:py-24">
        <MetricCardThree
          title="Enterprise Performance Metrics"
          description="Real-time business intelligence showcasing proven ROI and impact for enterprise clients using Business Helper mode."
          tag="Performance"
          tagIcon={Activity}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="depth-3d"
          metrics={[
            {
              id: "1",
              icon: TrendingUp,
              title: "Average ROI",
              value: "340%",
            },
            {
              id: "2",
              icon: Users,
              title: "Enterprise Clients",
              value: "500+",
            },
            {
              id: "3",
              icon: Globe,
              title: "Business Decisions",
              value: "10K+/Month",
            },
            {
              id: "4",
              icon: Shield,
              title: "Data Security",
              value: "SOC 2 Type II",
            },
          ]}
        />
      </div>

      <div id="business-helper-contact" data-section="business-helper-contact">
        <ContactSplit
          tag="Enterprise Solutions"
          title="Partner with AIRBRONE AI for Business Growth"
          description="Our enterprise team specializes in customized solutions for large organizations. Get dedicated support, custom integrations, and advanced features."
          tagIcon={Mail}
          tagAnimation="slide-up"
          background={{ variant: "grid" }}
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9dMftQ4AQBXAKtnCOA7fukWXU/contact-form-and-support-channel-illustr-1773905442054-5bf6e7a4.png"
          imageAlt="Contact Support"
          inputPlaceholder="Enter your business email"
          buttonText="Request Enterprise Demo"
          termsText="By contacting us, you agree to our Terms and Conditions and Privacy Policy."
        />
      </div>

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