"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Zap, Lightbulb, Sparkles, TrendingUp } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="small"
      sizing="large"
      background="floatingGradient"
      cardStyle="solid"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="AIFlow"
          button={{
            text: "Get Started",
            href: "https://app.aiflow.io/signup"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Powerful AI automation for modern teams"
          description="Build intelligent workflows that learn, adapt, and scale with your business. AIFlow brings enterprise-grade AI capabilities to teams of any size."
          background={{
            variant: "glowing-orb"
          }}
          tag="Intelligent Automation"
          tagIcon={Zap}
          buttons={[
            {
              text: "Start Free Trial",
              href: "https://app.aiflow.io/signup"
            },
            {
              text: "View Demo",
              href: "#features"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/geometric-bokeh_1017-3221.jpg"
          imageAlt="AI neural network visualization"
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="How AIFlow Works"
          description="A seamless workflow from configuration to deployment. Get your AI-powered processes running in minutes."
          tag="Process"
          tagIcon={Lightbulb}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Configure Intelligence",
              description: "Define your automation rules and AI parameters with our intuitive builder. No coding required.",
              imageSrc: "https://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg",
              imageAlt: "automation workflow efficiency process technology"
            },
            {
              id: 2,
              title: "Monitor & Analyze",
              description: "Real-time dashboards track performance metrics, success rates, and system health at a glance.",
              imageSrc: "https://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595844.jpg",
              imageAlt: "analytics data visualization dashboard metrics reporting"
            },
            {
              id: 3,
              title: "Integrate Everywhere",
              description: "Connect with 500+ apps and services. APIs and webhooks for unlimited custom integrations.",
              imageSrc: "https://img.b2bpic.net/free-photo/automation-production-system-operation-precess-concept_53876-138637.jpg",
              imageAlt: "integration api connections tools ecosystem"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Simple, Transparent Pricing"
          description="Choose the plan that fits your team. Upgrade or downgrade anytime. All plans include core AI features."
          tag="Flexible Plans"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "starter",
              price: "$299/mo",
              name: "Starter",
              buttons: [
                {
                  text: "Get Started",
                  href: "https://app.aiflow.io/signup?plan=starter"
                },
                {
                  text: "Learn More",
                  href: "#"
                }
              ],
              features: [
                "Up to 5 AI workflows",
                "1,000 monthly AI operations",
                "Basic analytics dashboard",
                "Email support",
                "Community access"
              ]
            },
            {
              id: "professional",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "$999/mo",
              name: "Professional",
              buttons: [
                {
                  text: "Get Started",
                  href: "https://app.aiflow.io/signup?plan=professional"
                },
                {
                  text: "Start Trial",
                  href: "#"
                }
              ],
              features: [
                "Unlimited AI workflows",
                "50,000 monthly AI operations",
                "Advanced analytics & insights",
                "Priority email & chat support",
                "Custom integrations",
                "Team collaboration tools"
              ]
            },
            {
              id: "enterprise",
              price: "Custom",
              name: "Enterprise",
              buttons: [
                {
                  text: "Contact Sales",
                  href: "https://aiflow.io/contact-sales"
                },
                {
                  text: "Schedule Demo",
                  href: "#"
                }
              ],
              features: [
                "Unlimited everything",
                "Custom AI model training",
                "Dedicated account manager",
                "24/7 premium support",
                "SLA guarantees",
                "On-premise deployment options"
              ]
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Trusted by Industry Leaders"
          description="See the impact AIFlow delivers across organizations worldwide"
          tag="Impact"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",
              value: "10,000+",
              description: "Active AI workflows"
            },
            {
              id: "2",
              value: "500M+",
              description: "Daily AI operations"
            },
            {
              id: "3",
              value: "94%",
              description: "Customer satisfaction"
            },
            {
              id: "4",
              value: "25+",
              description: "Countries served"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="See why leading teams choose AIFlow for their automation needs"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            {
              id: "1",
              name: "Sarah Chen",
              role: "VP of Operations",
              company: "TechCorp",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Sarah Chen"
            },
            {
              id: "2",
              name: "Michael Rodriguez",
              role: "CEO",
              company: "DataFlow Systems",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
              imageAlt: "Michael Rodriguez"
            },
            {
              id: "3",
              name: "Emily Watson",
              role: "CTO",
              company: "Innovation Labs",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg",
              imageAlt: "Emily Watson"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="AIFlow"
          columns={[
            {
              items: [
                { label: "Home", href: "/" },
                { label: "Pricing", href: "/pricing" },
                { label: "Features", href: "/features" },
                { label: "Blog", href: "https://aiflow.io/blog" }
              ]
            },
            {
              items: [
                { label: "Documentation", href: "https://docs.aiflow.io" },
                { label: "API Reference", href: "https://api.aiflow.io/docs" },
                { label: "Support", href: "/support" },
                { label: "Community", href: "https://community.aiflow.io" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "/about" },
                { label: "Careers", href: "https://aiflow.io/careers" },
                { label: "Contact", href: "/contact" },
                { label: "Privacy Policy", href: "https://aiflow.io/privacy" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}