"use client";

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function FeaturesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Link AI"
          navItems={[
            { name: "Home", id: "/" },
            { name: "How It Works", id: "/how-it-works" },
            { name: "Features", id: "/features" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Start Free Trial",
            href: "https://app.linkaitech.com/signup"
          }}
        />
      </div>

      <div id="advanced-features" data-section="advanced-features">
        <FeatureCardMedia
          title="Advanced AI Capabilities for Enterprise-Grade Automation"
          description="Discover the powerful features that make Link AI the leading choice for businesses scaling customer support"
          features={[
            {
              id: "1",
              title: "Multi-Language Support",
              description: "AI agents communicate fluently in over 50 languages, automatically detecting customer language preferences and responding appropriately. Perfect for global businesses serving diverse markets.",
              tag: "Global",
              imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169863.jpg",
              buttons: [{ text: "Explore", href: "#" }]
            },
            {
              id: "2",
              title: "Smart Escalation System",
              description: "Advanced sentiment analysis and complexity detection ensure seamless handoffs to human agents when needed. Preserve conversation context and customer satisfaction throughout the process.",
              tag: "Intelligence",
              imageSrc: "https://img.b2bpic.net/free-psd/car-sharing-service-instagram-posts_23-2150432191.jpg",
              buttons: [{ text: "Explore", href: "#" }]
            },
            {
              id: "3",
              title: "Enterprise Security",
              description: "Bank-grade encryption, GDPR compliance, and SOC 2 certification. Your customer data remains secure with advanced access controls and audit trails for enterprise peace of mind.",
              tag: "Security",
              imageSrc: "https://img.b2bpic.net/free-photo/easy-wireless-yechnology-payment_23-2149105216.jpg",
              buttons: [{ text: "Explore", href: "#" }]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="customer-success" data-section="customer-success">
        <TestimonialCardThirteen
          title="Customer Success Stories"
          description="Real results from businesses that chose Link AI for their automation needs"
          testimonials={[
            {
              id: "1",
              name: "David Rodriguez",
              handle: "@drodriguezco",
              testimonial: "Implementing Link AI was seamless. Within a week, we were automating 70% of our WhatsApp inquiries. Our team is less burnt out and customers are happier.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg"
            },
            {
              id: "2",
              name: "Emma Thompson",
              handle: "@emmathompson_io",
              testimonial: "The best investment we made for customer support infrastructure. Link AI's AI is smart enough to know when to escalate to humans. Highly recommend for any scaling business.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/man-corrects-belt-fees-groom-man-s-hands-dressing-man-buttons-pants-jeans_8353-5893.jpg"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="feature-faq" data-section="feature-faq">
        <FaqBase
          title="Feature Questions"
          description="Common questions about Link AI's capabilities and features"
          faqs={[
            {
              id: "1",
              title: "Can Link AI integrate with existing CRM systems?",
              content: "Yes, Link AI offers native integrations with popular CRM platforms like Salesforce, HubSpot, and Pipedrive. Customer conversation data automatically syncs to maintain unified contact records."
            },
            {
              id: "2",
              title: "How accurate are the AI responses?",
              content: "Our AI maintains a 94% accuracy rate in handling customer inquiries. The system continuously learns from interactions and can be fine-tuned with your specific business knowledge base."
            },
            {
              id: "3",
              title: "What happens during high conversation volumes?",
              content: "Link AI automatically scales to handle conversation spikes without performance degradation. Our infrastructure processes thousands of simultaneous conversations while maintaining response quality."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Product",
            items: [
              { label: "Features", href: "/features" },
              { label: "How It Works", href: "/how-it-works" },
              { label: "Security", href: "#" },
              { label: "Updates", href: "#" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "How It Works", href: "/how-it-works" },
              { label: "Blog", href: "#" },
              { label: "Careers", href: "#" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Documentation", href: "#" },
              { label: "API Reference", href: "#" },
              { label: "Community", href: "#" },
              { label: "Support", href: "#" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "Cookie Policy", href: "#" },
              { label: "Compliance", href: "#" }
            ]
          }
        ]}
        bottomLeftText="© 2025 Link AI. All rights reserved."
        bottomRightText="Automating conversations, scaling support."
      />
    </ThemeProvider>
  );
}