"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { MessageCircle, Brain, BarChart3, Zap, Shield, Users, Target, TrendingUp, DollarSign, Sparkles, Crown } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="solid"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Link AI"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Blog", id: "https://blog.example.com" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="AI-Powered Automation"
          bottomRightText="hello@linkAI.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="LINK AI"
          description="Automate customer interactions across WhatsApp and Instagram with intelligent AI agents. Reduce response time, increase engagement, and scale support effortlessly."
          buttons={[
            { text: "Get Started", href: "https://app.linkAI.com" },
            { text: "View Demo", href: "features" }
          ]}
          slides={[
            { imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169863.jpg", imageAlt: "AI automation technology" },
            { imageSrc: "https://img.b2bpic.net/free-psd/car-sharing-service-instagram-posts_23-2150432191.jpg", imageAlt: "Messaging automation platform" },
            { imageSrc: "https://img.b2bpic.net/free-psd/car-sharing-service-instagram-posts_23-2150432186.jpg", imageAlt: "Intelligent AI agent" }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Powerful AI Features"
          description="Everything you need to automate customer conversations and boost engagement across messaging platforms."
          tag="Capabilities"
          tagIcon={Zap}
          features={[
            {
              icon: MessageCircle,
              title: "Multi-Channel Automation",
              description: "Deploy AI agents across WhatsApp, Instagram, and other messaging platforms from a single dashboard."
            },
            {
              icon: Brain,
              title: "Intelligent Responses",
              description: "Context-aware AI that understands intent and delivers relevant, human-like responses instantly."
            },
            {
              icon: BarChart3,
              title: "Real-Time Analytics",
              description: "Track engagement metrics, response times, and customer satisfaction in real-time dashboards."
            },
            {
              icon: Zap,
              title: "Lightning-Fast Integration",
              description: "Connect to your existing systems in minutes with our API or pre-built integrations."
            },
            {
              icon: Shield,
              title: "Enterprise Security",
              description: "Bank-level encryption, compliance with GDPR and CCPA, and SOC 2 Type II certification."
            },
            {
              icon: Users,
              title: "Team Collaboration",
              description: "Manage agents, permissions, and workflows with your entire team in real-time."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Explore All Features", href: "#" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Mission"
          tagIcon={Target}
          title="Empowering businesses with conversational AI"
          description="Link AI was founded to solve the customer support challenge facing modern businesses. We recognized that companies lose customers because they can't respond fast enough. Our platform transforms how businesses interact with customers by deploying intelligent AI agents that work 24/7, understand context, and deliver results. Today, leading enterprises trust Link AI to automate thousands of conversations daily."
          metrics={[
            { value: "10x", title: "Faster Response Times" },
            { value: "99.9%", title: "Platform Uptime" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg"
          imageAlt="Link AI team collaborating on AI development"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Proven Results"
          description="See how Link AI is transforming customer interaction at scale."
          tag="Impact"
          tagIcon={TrendingUp}
          metrics={[
            { id: "1", value: "500K+", description: "Conversations Automated Monthly" },
            { id: "2", value: "98%", description: "Customer Satisfaction Rate" },
            { id: "3", value: "150+", description: "Enterprise Clients" },
            { id: "4", value: "40%", description: "Average Cost Reduction" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Simple, Transparent Pricing"
          description="Choose the plan that fits your business size. Scale up or down anytime."
          tag="Pricing"
          tagIcon={DollarSign}
          plans={[
            {
              id: "starter",
              badge: "Great for Getting Started",
              badgeIcon: Sparkles,
              price: "$299/mo",
              subtitle: "Perfect for small teams",
              features: [
                "Up to 3 AI agents",
                "5,000 conversations/month",
                "WhatsApp & Instagram",
                "Basic analytics",
                "Email support"
              ]
            },
            {
              id: "professional",
              badge: "Most Popular",
              badgeIcon: Zap,
              price: "$899/mo",
              subtitle: "Best for growing businesses",
              features: [
                "Unlimited AI agents",
                "50,000 conversations/month",
                "All messaging platforms",
                "Advanced analytics & reporting",
                "API access",
                "Priority support",
                "Custom integrations"
              ]
            },
            {
              id: "enterprise",
              badge: "For Enterprise",
              badgeIcon: Crown,
              price: "Custom",
              subtitle: "Unlimited scale and features",
              features: [
                "Unlimited everything",
                "Dedicated account manager",
                "Custom SLA",
                "On-premise deployment option",
                "Advanced security features",
                "Custom training & onboarding"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Start Free Trial", href: "https://app.linkAI.com/signup" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Link AI transformed our customer support. We reduced response time from hours to seconds and cut support costs by 40%. Our customers love the instant replies."
          rating={5}
          author="Sarah Chen, VP of Customer Success"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", alt: "Customer avatar 1" },
            { src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer avatar 2" },
            { src: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg", alt: "Customer avatar 3" },
            { src: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Customer avatar 4" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterLogoEmphasis
        logoText="Link AI"
        columns={[
          {
            items: [
              { label: "Home", href: "/" },
              { label: "Features", href: "features" },
              { label: "Pricing", href: "pricing" },
              { label: "About", href: "about" }
            ]
          },
          {
            items: [
              { label: "Blog", href: "https://blog.linkAI.com" },
              { label: "Documentation", href: "https://docs.linkAI.com" },
              { label: "API Docs", href: "https://api.linkAI.com" },
              { label: "Status", href: "https://status.linkAI.com" }
            ]
          },
          {
            items: [
              { label: "Contact", href: "contact" },
              { label: "Support", href: "https://support.linkAI.com" },
              { label: "Privacy", href: "/privacy" },
              { label: "Terms", href: "/terms" }
            ]
          },
          {
            items: [
              { label: "Twitter", href: "https://twitter.com/linkAI" },
              { label: "LinkedIn", href: "https://linkedin.com/company/linkAI" },
              { label: "GitHub", href: "https://github.com/linkAI" },
              { label: "Discord", href: "https://discord.gg/linkAI" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}