"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Zap, TrendingUp, Users, ThumbsUp, Building2 } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="noiseGradient"
      cardStyle="elevated-accent-light"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight={undefined}
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Hey Eddy"
          navItems={[
            {"name":"Features","id":"features"},
            {"name":"About","id":"about"},
            {"name":"Team","id":"team"},
            {"name":"Contact","id":"contact"}
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitAvatars
          title="AI Voice Interviews That Hire Better"
          description="Conduct unbiased, efficient candidate interviews with AI-powered voice technology. Streamline hiring from screening to insights in minutes."
          tag="AI Recruiting"
          avatars={[
            {"src":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760227319-rlaabrqe.jpg","alt":"Recruiter 1"},
            {"src":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548855749-1s9q3nay.jpg","alt":"Recruiter 2"},
            {"src":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760228059-7kfnmjsh.jpg","alt":"Candidate"},
            {"src":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760228941-8uw4ns9v.jpg","alt":"Hiring Manager"},
            {"src":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767392076428-d7mkkhle.jpg","alt":"Recruiter 3"}
          ]}
          avatarText="Join 500+ companies automating interviews"
          imagePosition="right"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760230068-ip30zf59.jpg"
          imageAlt="Hey Eddy AI voice interview platform"
          buttons={[
            {"text":"Get Started Free","href":"https://heyeddy.com/signup"},
            {"text":"Watch Demo","href":"#features"}
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Why Companies Choose Hey Eddy"
          title="Eliminate bias, reduce time-to-hire, and find your best candidates faster with AI-powered voice interviews."
          description="Sarah Chen"
          subdescription="Talent Director, TechScale Inc."
          icon={Zap}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760230068-ip30zf59.jpg"
          imageAlt="AI recruitment success story"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="Intelligent Interview Features"
          description="Experience the future of recruitment with AI-powered voice interview technology designed for scale."
          tag="Platform Capabilities"
          features={[
            {
              "id":1,
              "title":"Voice-Based Screening",              "description":"Automated AI voice interviews that adapt questions in real-time based on candidate responses, ensuring comprehensive evaluation.",              "phoneOne":{"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760234659-8f3ns49s.jpg","imageAlt":"smartphone mobile app interface mockup"},
              "phoneTwo":{"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760235375-y5cj5g81.jpg","imageAlt":"phone app interface technology screen"}
            },
            {
              "id":2,
              "title":"Bias-Free Analysis",              "description":"Objective candidate evaluation powered by machine learning, removing human bias from the hiring process.",              "phoneOne":{"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760236091-8gx0gwk7.jpg","imageAlt":"mobile app interface interaction screen"},
              "phoneTwo":{"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760236654-bsvu9skx.jpg","imageAlt":"smartphone app interface mobile technology"}
            },
            {
              "id":3,
              "title":"Instant Insights",              "description":"Get detailed candidate reports with skills assessment, cultural fit analysis, and hiring recommendations instantly.",              "phoneOne":{"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760234659-8f3ns49s.jpg","imageAlt":"smartphone mobile app interface mockup"},
              "phoneTwo":{"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760235375-y5cj5g81.jpg","imageAlt":"phone app interface technology screen"}
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            {"text":"Explore Features","href":"#team"}
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Hey Eddy Impact"
          description="Real results from companies using Hey Eddy for intelligent recruiting."
          metrics={[
            {"id":"1","value":"73%","title":"faster hiring","description":"Average time reduction from initial screening to offer","icon":TrendingUp},
            {"id":"2","value":"4x","title":"more reach","description":"Screen more candidates with the same recruiting team","icon":Users},
            {"id":"3","value":"92%","title":"candidate satisfaction","description":"Positive feedback on interview experience","icon":ThumbsUp},
            {"id":"4","value":"500+","title":"companies trust","description":"Active organizations using Hey Eddy platform","icon":Building2}
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet the Team"
          description="The talented people building the future of AI-powered recruitment."
          members={[
            {"id":"1","name":"Alex Rivera","role":"Co-Founder & CEO","imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg","imageAlt":"Alex Rivera"},
            {"id":"2","name":"Jessica Park","role":"Co-Founder & CTO","imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548534823-ztfa8dh2.jpg","imageAlt":"Jessica Park"},
            {"id":"3","name":"Marcus Thompson","role":"Head of Product","imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg","imageAlt":"Marcus Thompson"},
            {"id":"4","name":"Emily Watson","role":"Head of Customer Success","imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548535439-8vmz9ugi.jpg","imageAlt":"Emily Watson"}
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="Loved by Recruiters & Companies"
          description="See what hiring teams say about Hey Eddy"
          testimonials={[
            {"id":"1","quote":"Hey Eddy cut our screening time in half. We're now interviewing 10x more candidates without hiring additional recruiters.","name":"Jennifer Lopez","role":"VP of Talent","imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760231074-0mrtt1xk.jpg","imageAlt":"Jennifer Lopez"},
            {"id":"2","quote":"The AI insights are incredibly accurate. We've found better cultural fits and reduced bad hires by 40% since implementing Hey Eddy.","name":"David Kim","role":"Head of HR","imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760231819-uc69wnpn.jpg","imageAlt":"David Kim"},
            {"id":"3","quote":"Candidates love the experience. It's efficient, fair, and eliminates the anxiety of traditional interviews. We get better signal with less stress.","name":"Michelle Rodriguez","role":"Chief People Officer","imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760232451-j1a6cn2n.jpg","imageAlt":"Michelle Rodriguez"},
            {"id":"4","quote":"The bias detection features are game-changing. For the first time, our hiring data is objective and transparent to leadership.","name":"Robert Chang","role":"Recruiting Director","imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760233576-sv7j1xjh.jpg","imageAlt":"Robert Chang"}
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Updated"
          title="Get AI Recruitment Insights"
          description="Subscribe to our monthly newsletter for best practices in modern hiring, AI trends, and how top companies are transforming their recruitment process."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767760238387-eto7wsx6.jpg"
          imageAlt="AI recruitment innovation"
          mediaPosition="right"
          inputPlaceholder="your@company.com"
          buttonText="Subscribe"
          termsText="We respect your inbox. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Hey Eddy"
          columns={[
            {"title":"Product","items":[{"label":"Features","href":"#features"},{"label":"Pricing","href":"#pricing"},{"label":"Security","href":"#"},{"label":"API Docs","href":"#"}]},
            {"title":"Company","items":[{"label":"About","href":"#about"},{"label":"Blog","href":"#"},{"label":"Careers","href":"#"},{"label":"Contact","href":"#contact"}]},
            {"title":"Resources","items":[{"label":"Documentation","href":"#"},{"label":"Help Center","href":"#"},{"label":"Community","href":"#"},{"label":"Case Studies","href":"#"}]},
            {"title":"Legal","items":[{"label":"Privacy","href":"#"},{"label":"Terms","href":"#"},{"label":"Security","href":"#"},{"label":"Compliance","href":"#"}]}
          ]}
          copyrightText="© 2025 Hey Eddy. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}