"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Zap, TrendingUp, Users, Shield, Star, Twitter, Linkedin, Github } from "lucide-react";
import Link from "next/link";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="AIFlow"
          bottomLeftText="Enterprise AI Solutions"
          bottomRightText="hello@aiflow.io"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          backgroundVariant="gradient"
          tag="Enterprise AI Platform"
          tagIcon={Sparkles}
          title="Transform Your Enterprise with Enterprise-Grade AI"
          description="Unlock unprecedented efficiency and insights with our advanced AI platform designed specifically for enterprise workflows. Automate complex processes, predict market trends, and make smarter decisions faster."
          buttons={[
            { text: "Start Free Trial", href: "/contact" },
            { text: "Watch Demo", href: "#" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-modern-sleek-ai-software-dashboard-int-1772134342996-3a041ecf.png"
          imageAlt="AI Dashboard Interface"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About AIFlow"
          description={[
            "Founded by AI researchers and enterprise software veterans, AIFlow brings cutting-edge machine learning to business problems that matter. We've spent years perfecting AI solutions for Fortune 500 companies across finance, healthcare, manufacturing, and technology.",            "Our mission is simple: democratize enterprise AI. We believe every organization should have access to the same powerful AI tools that only the biggest tech companies could afford. Today, mid-market and enterprise businesses choose AIFlow to stay ahead of the competition."
          ]}
          buttons={[
            { text: "Learn Our Story", href: "/about" }
          ]}
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Powerful Features Built for Enterprise"
          description="Everything you need to scale AI across your organization"
          tag="Core Capabilities"
          tagIcon={Zap}
          features={[
            {
              id: "01",              title: "Intelligent Automation",              description: "Automate complex business processes with AI-driven workflows that learn and improve over time.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-visual-representation-of-intelligent-a-1772134342794-6ff6cd65.png?_wi=1",              imageAlt: "Intelligent Automation"
            },
            {
              id: "02",              title: "Advanced Analytics",              description: "Gain real-time insights with predictive modeling and business intelligence tools that drive strategic decisions.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/advanced-analytics-dashboard-showing-rea-1772134343739-0f1cf231.png",              imageAlt: "Advanced Analytics"
            },
            {
              id: "03",              title: "Seamless Integration",              description: "Connect to your existing tools and systems effortlessly. Our platform works with enterprise apps you already use.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/visual-representation-of-seamless-api-in-1772134342866-e300392c.png",              imageAlt: "Seamless Integration"
            },
            {
              id: "04",              title: "Enterprise Security",              description: "Bank-grade encryption, compliance certifications, and audit trails designed for the most demanding security requirements.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-visual-representation-of-intelligent-a-1772134342794-6ff6cd65.png?_wi=2",              imageAlt: "Enterprise Security"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="The AIFlow Impact"
          description="Measurable results from enterprises using our platform"
          tag="Results"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "45",              title: "%",              description: "Average productivity increase",              icon: TrendingUp
            },
            {
              id: "2",              value: "500",              title: "+",              description: "Enterprise customers worldwide",              icon: Users
            },
            {
              id: "3",              value: "2.5",              title: "M+",              description: "Processes automated daily",              icon: Zap
            },
            {
              id: "4",              value: "99.9",              title: "%",              description: "Platform uptime guarantee",              icon: Shield
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Trusted by Enterprise Leaders"
          description="See what customers say about transforming their business with AIFlow"
          tag="Customer Stories"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Chief Operating Officer",              testimonial: "AIFlow reduced our manual processes by 60% in the first quarter. The ROI was immediate and significant. Our team can now focus on strategic work instead of repetitive tasks.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/professional-headshot-of-a-confident-bus-1772134341710-5fc75227.png?_wi=1",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Michael Rodriguez",              role: "VP of Technology",              testimonial: "The platform's ability to integrate with our legacy systems was seamless. Implementation took weeks, not months. Our data scientists love the flexibility.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/professional-headshot-of-a-tech-savvy-ce-1772134342760-a6943e9e.png?_wi=1",              imageAlt: "Michael Rodriguez"
            },
            {
              id: "3",              name: "Jennifer Park",              role: "Director of Operations",              testimonial: "We've used AIFlow for predictive maintenance across 50 facilities. It's saved us millions in equipment downtime. The support team is exceptional.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/professional-headshot-of-a-business-dire-1772134342190-467788e3.png?_wi=1",              imageAlt: "Jennifer Park"
            },
            {
              id: "4",              name: "David Thompson",              role: "Chief Data Officer",              testimonial: "The analytics dashboards are intuitive. Our non-technical team members can now run complex analyses without needing our data team. Game changer.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/professional-headshot-of-a-female-techno-1772134342132-9842eb00.png",              imageAlt: "David Thompson"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="AIFlow"
          copyrightText="© 2025 AIFlow. All rights reserved."
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/aiflow", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/aiflow", ariaLabel: "LinkedIn" },
            { icon: Github, href: "https://github.com/aiflow", ariaLabel: "GitHub" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
