"use client";

import Link from "next/link";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import {
  Brain,
  BookMarked,
  Lightbulb,
  Database,
  Globe,
  Zap,
  Search,
  Activity,
  Users,
  Shield,
  Mail,
} from "lucide-react";

export default function DeepResearchPage() {
  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="features" data-section="features" className="py-16 md:py-24">
        <FeatureBento
          title="Deep Research Mode - Advanced Analysis"
          description="Unlock the full power of advanced research capabilities. Our Deep Research mode combines Gemini and ChatGPT intelligence to synthesize complex information, aggregate data from multiple sources, and deliver comprehensive insights."
          tag="Advanced Research"
          tagIcon={Brain}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          features={[
            {
              title: "Comprehensive Data Aggregation",
              description: "Automatically gather and synthesize information from multiple sources in real-time.",
              bentoComponent: "icon-info-cards",
              items: [
                {
                  icon: Database,
                  label: "Multi-Source Gathering",
                  value: "Real-time aggregation",
                },
                {
                  icon: Globe,
                  label: "Global Coverage",
                  value: "Worldwide data access",
                },
                {
                  icon: Zap,
                  label: "Instant Processing",
                  value: "Sub-second analysis",
                },
              ],
            },
            {
              title: "Knowledge Synthesis Engine",
              description: "Transform raw data into actionable insights with AI-powered analysis and synthesis.",
              bentoComponent: "orbiting-icons",
              centerIcon: Search,
              items: [
                {
                  icon: BookMarked,
                  ring: 1,
                },
                {
                  icon: Lightbulb,
                  ring: 1,
                },
                {
                  icon: Database,
                  ring: 2,
                },
                {
                  icon: Globe,
                  ring: 2,
                },
                {
                  icon: Zap,
                  ring: 3,
                },
              ],
            },
            {
              title: "Custom Report Generation",
              description: "Generate tailored research reports with custom formatting, visualizations, and export options.",
              bentoComponent: "3d-stack-cards",
              items: [
                {
                  icon: Database,
                  title: "Data Export",
                  subtitle: "Multiple formats",
                  detail: "PDF, CSV, JSON, Excel formats with full customization",
                },
                {
                  icon: Lightbulb,
                  title: "Visualizations",
                  subtitle: "Advanced charts",
                  detail: "Interactive graphs, charts, and visual data representations",
                },
                {
                  icon: Zap,
                  title: "Real-time Updates",
                  subtitle: "Live insights",
                  detail: "Continuous data updates with automatic report refresh",
                },
              ],
            },
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics" className="py-16 md:py-24">
        <MetricCardThree
          title="Research Performance Metrics"
          description="Experience industry-leading research capabilities with real-time performance monitoring and reliability guarantees."
          tag="Performance"
          tagIcon={Activity}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="depth-3d"
          metrics={[
            {
              id: "1",
              icon: Zap,
              title: "Research Speed",
              value: "<50ms",
            },
            {
              id: "2",
              icon: Users,
              title: "Data Sources",
              value: "10,000+",
            },
            {
              id: "3",
              icon: Globe,
              title: "Global Coverage",
              value: "195+ Countries",
            },
            {
              id: "4",
              icon: Shield,
              title: "Data Accuracy",
              value: "99.8%",
            },
          ]}
        />
      </div>

      <div id="faq" data-section="faq" className="py-16 md:py-24">
        <FaqSplitMedia
          title="Deep Research Mode - FAQ"
          description="Find answers to common questions about our advanced research capabilities and how to maximize your research potential."
          tag="FAQ"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          mediaAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9dMftQ4AQBXAKtnCOA7fukWXU/customer-support-and-help-center-illustr-1773905442717-7971a9a0.png?_wi=3"
          imageAlt="FAQ Support"
          faqs={[
            {
              id: "1",
              title: "How does Deep Research mode work?",
              content: "Deep Research mode leverages both Gemini and ChatGPT to analyze queries from multiple angles. It aggregates data from thousands of sources, identifies patterns, synthesizes information, and generates comprehensive insights with verified citations and sources.",
            },
            {
              id: "2",
              title: "What types of research can I conduct?",
              content: "You can conduct academic research, market analysis, competitive intelligence, trend analysis, literature reviews, data synthesis, and custom investigations across virtually any domain. The system adapts to your specific research needs and complexity.",
            },
            {
              id: "3",
              title: "How accurate are the research results?",
              content: "Our system maintains 99.8% accuracy through multi-source verification, cross-referencing, and AI validation. All findings are backed by citations and source links. Critical claims are verified against multiple authoritative sources.",
            },
            {
              id: "4",
              title: "Can I export research reports?",
              content: "Absolutely! Export your research in multiple formats including PDF, CSV, JSON, and Excel. Customize report structure, include visualizations, add branding, and share directly or embed in other documents.",
            },
            {
              id: "5",
              title: "Is my research data confidential?",
              content: "Yes. All research queries and findings are encrypted end-to-end. We never share your research data with third parties. Enterprise plans include additional privacy controls and data residency options.",
            },
            {
              id: "6",
              title: "What's the pricing for Deep Research?",
              content: "Deep Research mode is available as a standalone plan at ₹3,359/month, or included in our Ultimate Combo at ₹8,999/month. Both include unlimited research queries, advanced export options, and priority support.",
            },
          ]}
        />
      </div>

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