"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Award, Zap } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="AgentAI"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "/pricing" },
            { name: "About", id: "/about" },
            { name: "Docs", id: "https://docs.example.com" }
          ]}
          button={{ text: "Start Free Trial", href: "/contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="AGENTAI"
          description="Intelligent automation platform empowering enterprises to scale operations with AI-driven agents that learn, adapt, and deliver measurable ROI"
          buttons={[
            { text: "Start Free Trial", href: "/contact" },
            { text: "Watch Demo", href: "https://www.youtube.com" }
          ]}
          slides={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg",
              imageAlt: "Advanced AI automation technology interface"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-template-infographic-dashboard_23-2148378206.jpg",
              imageAlt: "Enterprise AI dashboard with analytics"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg",
              imageAlt: "Intelligent workflow automation system"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Powerful Features Built for Enterprise Scale"
          description="Everything you need to deploy, manage, and optimize intelligent agents across your organization"
          tag="Capabilities"
          features={[
            {
              id: "01",
              title: "Autonomous Agent Design",
              description: "Build sophisticated AI agents that operate independently, make intelligent decisions, and learn from interactions without constant human intervention",
              imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-technology-landing-page_23-2150369305.jpg",
              imageAlt: "ai agent design technology interface"
            },
            {
              id: "02",
              title: "Real-Time Analytics & Monitoring",
              description: "Track agent performance, decision accuracy, and business impact through comprehensive dashboards with real-time insights and predictive analytics",
              imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
              imageAlt: "analytics monitoring real-time dashboard data"
            },
            {
              id: "03",
              title: "Multi-Agent Orchestration",
              description: "Coordinate multiple AI agents seamlessly to handle complex workflows, ensuring optimal resource allocation and synchronized execution across systems",
              imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595844.jpg",
              imageAlt: "orchestration coordination workflow automation system"
            },
            {
              id: "04",
              title: "Enterprise Security & Compliance",
              description: "Bank-level encryption, role-based access control, audit trails, and compliance frameworks ensuring your AI operations meet the strictest regulatory requirements",
              imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-button-with-padlock_1134-121.jpg",
              imageAlt: "security protection encryption compliance enterprise"
            }
          ]}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Michael Torres",
              imageSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",
              imageAlt: "Michael Torres"
            },
            {
              id: "2",
              name: "Jennifer Wu",
              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg",
              imageAlt: "Jennifer Wu"
            },
            {
              id: "3",
              name: "David Patel",
              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg",
              imageAlt: "David Patel"
            },
            {
              id: "4",
              name: "Lisa Anderson",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
              imageAlt: "Lisa Anderson"
            }
          ]}
          cardTitle="Over 500+ enterprise teams trust AgentAI to power their autonomous operations"
          cardTag="Industry Leaders"
          cardTagIcon={Award}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Ready to Transform Your Operations?"
          description="Join hundreds of enterprises using AgentAI to automate complex workflows, reduce costs, and accelerate growth. Start your free trial today or schedule a demo with our team."
          tagIcon={Zap}
          inputPlaceholder="Enter your work email"
          buttonText="Start Free Trial"
          termsText="By signing up, you agree to our Terms of Service and Privacy Policy. No credit card required."
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterBaseCard
        logoText="AgentAI"
        copyrightText="© 2025 AgentAI Inc. All rights reserved."
        columns={[
          {
            title: "Product",
            items: [
              { label: "Features", href: "#features" },
              { label: "Pricing", href: "/pricing" },
              { label: "Security", href: "#" },
              { label: "Roadmap", href: "#" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About", href: "/about" },
              { label: "Blog", href: "#" },
              { label: "Careers", href: "#" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Developers",
            items: [
              { label: "Documentation", href: "https://docs.example.com" },
              { label: "API Reference", href: "#" },
              { label: "GitHub", href: "#" },
              { label: "Integration Hub", href: "#" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "Compliance", href: "#" },
              { label: "Cookie Settings", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}