"use client"
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Zap, TrendingUp, Clock, Target, Users, Compass, Sparkles, Crown, Phone, Linkedin, Twitter, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmall"
      background="none"
      cardStyle="outline"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="LinkAI"
          navItems={[
            { name: "About", id: "about" },
            { name: "Process", id: "process" },
            { name: "Pricing", id: "pricing" },
            { name: "Results", id: "results" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Start Your Journey",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Powering Israeli Business with Intelligent AI Solutions"
          description="From strategy to implementation—LinkAI delivers AI that works for your business. Reduce operational costs, accelerate time-to-market, and gain competitive advantage with proven AI solutions tailored to your needs."
          tag="AI Innovation for Israeli Enterprise"
          tagIcon={Zap}
          kpis={[
            { value: "3-6 months", label: "Average Implementation" },
            { value: "45%+", label: "Avg. Cost Reduction" },
            { value: "99.8%", label: "Solution Reliability" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/manager-meeting-with-client-data-center-review-files-doing-handshake_482257-120905.jpg"
          imageAlt="AI technology implementation for business transformation"
          imagePosition="right"
          buttons={[
            { text: "Start Your AI Journey", href: "contact" },
            { text: "View Our Process", href: "process" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="LinkAI is your strategic partner in AI implementation. We work with mid to large-sized Israeli businesses across tech, manufacturing, and finance to transform operations, unlock innovation, and deliver measurable ROI."
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardEight
          title="Our Proven Implementation Process"
          description="We move fast without sacrificing quality. Every project follows our battle-tested methodology."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Strategy & Assessment",              description: "We conduct a deep analysis of your business challenges, competitive landscape, and AI readiness. Our team identifies high-impact opportunities and builds a roadmap aligned with your strategic goals.",              imageSrc: "https://img.b2bpic.net/free-photo/business-scene-top-view_23-2147626514.jpg",              imageAlt: "business strategy consultation planning workflow implementation"
            },
            {
              id: 2,
              title: "Design & Planning",              description: "Our architects design scalable, production-ready AI solutions. We establish clear success metrics, timelines, and resource allocation to ensure smooth execution.",              imageSrc: "https://img.b2bpic.net/free-photo/documents-table_23-2147626418.jpg",              imageAlt: "AI implementation technology integration software development deployment technical team"
            },
            {
              id: 3,
              title: "Rapid Implementation",              description: "Our engineering team builds and deploys your AI solution with minimal disruption to operations. We integrate seamlessly with your existing systems and provide comprehensive training.",              imageSrc: "https://img.b2bpic.net/free-photo/teamwork-scene-close-up_23-2147626393.jpg",              imageAlt: "product launch deployment go-live release activation"
            },
            {
              id: 4,
              title: "Optimization & Support",              description: "Post-launch, we continuously monitor performance, refine models, and provide ongoing support. Your success is our success—we're committed to maximizing ROI.",              imageSrc: "https://img.b2bpic.net/free-photo/business-scene-top-view_23-2147626514.jpg",              imageAlt: "AI implementation strategy"
            }
          ]}
        />
      </div>

      <div id="results" data-section="results">
        <MetricCardThree
          title="Proven Results Across Industries"
          description="Our clients achieve tangible business impact through strategic AI implementation."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              icon: TrendingUp,
              title: "Revenue Growth",              value: "+35% avg"
            },
            {
              id: "2",              icon: Clock,
              title: "Time Saved",              value: "60+ hrs/month"
            },
            {
              id: "3",              icon: Target,
              title: "Accuracy",              value: "94% avg"
            },
            {
              id: "4",              icon: Users,
              title: "Team Adoption",              value: "89% rate"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Partners Say"
          description="Real success stories from Israeli businesses that transformed with LinkAI."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "David Rothstein",              role: "CTO",              company: "TechCorp Industries",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",              imageAlt: "David Rothstein, CTO at TechCorp Industries"
            },
            {
              id: "2",              name: "Rachel Adler",              role: "VP Operations",              company: "ManufacturePro Ltd",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",              imageAlt: "Rachel Adler, VP Operations at ManufacturePro"
            },
            {
              id: "3",              name: "Moshe Katz",              role: "CEO",              company: "FinServe Solutions",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg",              imageAlt: "Moshe Katz, CEO at FinServe Solutions"
            },
            {
              id: "4",              name: "Noa Brenner",              role: "Chief Innovation Officer",              company: "DataFlow Systems",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5366.jpg",              imageAlt: "Noa Brenner, CIO at DataFlow Systems"
            },
            {
              id: "5",              name: "Avi Zuckerman",              role: "Operations Director",              company: "LogisTech Israel",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg",              imageAlt: "Avi Zuckerman, Operations Director at LogisTech"
            },
            {
              id: "6",              name: "Tamara Goldman",              role: "Digital Transformation Lead",              company: "Enterprise Innovations",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",              imageAlt: "Tamara Goldman, Digital Transformation Lead"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Flexible Engagement Models"
          description="Choose the engagement structure that best fits your needs and timeline."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "assessment",              badge: "Starting Point",              badgeIcon: Compass,
              price: "₪15,000",              subtitle: "Perfect for evaluating AI readiness and opportunities",              features: [
                "Comprehensive AI assessment",                "Opportunity identification",                "Implementation roadmap",                "2 weeks delivery",                "Executive recommendations"
              ]
            },
            {
              id: "implementation",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "₪150,000–₪400,000",              subtitle: "End-to-end AI solution deployment",              features: [
                "Custom AI solution development",                "Full system integration",                "3–6 month deployment",                "Team training & support",                "Performance guarantees",                "Post-launch optimization"
              ]
            },
            {
              id: "partnership",              badge: "Enterprise Scale",              badgeIcon: Crown,
              price: "Custom",              subtitle: "Long-term strategic partnership with ongoing innovation",              features: [
                "Multi-project engagement",                "Dedicated tech team",                "Continuous optimization",                "Priority support",                "Quarterly strategy reviews",                "Scalability & expansion"
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Business with AI?"
          ctaDescription="Let's discuss your AI goals and build a strategy together. Schedule a brief intro call with our team."
          ctaButton={{
            text: "Book a Free Consultation",            href: "https://calendly.com/linkai"
          }}
          ctaIcon={Phone}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "How long does an AI implementation typically take?",              content: "Most implementations take 3–6 months depending on complexity, scope, and your existing infrastructure. Assessment phase is typically 2–4 weeks. We move fast while maintaining quality—our methodology ensures rapid ROI without cutting corners."
            },
            {
              id: "2",              title: "What industries do you specialize in?",              content: "We have deep expertise in tech, manufacturing, and finance. However, our methodology is industry-agnostic. We've successfully implemented AI solutions across healthcare, logistics, e-commerce, and other sectors. The key is understanding your specific business challenges."
            },
            {
              id: "3",              title: "Do you offer post-implementation support?",              content: "Absolutely. Post-launch support is included in all implementation engagements. We provide ongoing monitoring, model optimization, team support, and quarterly strategy reviews. Many clients transition to our partnership model for continuous innovation."
            },
            {
              id: "4",              title: "How do you measure success?",              content: "We establish clear KPIs during the planning phase—cost reduction, revenue increase, efficiency gains, user adoption, etc. Regular reporting keeps you informed of progress, and we adjust strategy as needed to maximize ROI."
            },
            {
              id: "5",              title: "Can you integrate with our existing systems?",              content: "Yes. Integration is a core part of our process. We assess your current tech stack and build solutions that seamlessly connect with your existing platforms, databases, and workflows—minimizing disruption to operations."
            },
            {
              id: "6",              title: "What makes LinkAI different?",              content: "We combine deep technical expertise with business acumen. We're not just builders—we're strategic partners focused on delivering measurable business outcomes. Our process is proven, our team is experienced, and our commitment to your success is absolute."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="LinkAI"
          copyrightText="© 2025 LinkAI. All rights reserved."
          socialLinks={[
            {
              icon: Linkedin,
              href: "https://www.linkedin.com/company/linkai",              ariaLabel: "LinkAI on LinkedIn"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/linkai_io",              ariaLabel: "LinkAI on Twitter"
            },
            {
              icon: Mail,
              href: "mailto:hello@linkai.io",              ariaLabel: "Email LinkAI"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}