"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Briefcase, Globe, HelpCircle, ListChecks, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Platform",          id: "#about"},
        {
          name: "Features",          id: "#ats-features"},
        {
          name: "AI Tools",          id: "#ai-tools"},
        {
          name: "Testimonials",          id: "#success-stories"},
        {
          name: "FAQ",          id: "#faq"},
      ]}
      brandName="JobPilot AI"
      button={{
        text: "Get Started",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="JobPilot AI"
      description="Your AI-powered Global Career Operating System. Track every application, optimize your strategy, and land your dream job worldwide."
      buttons={[
        {
          text: "Get Started",          href: "#contact"},
        {
          text: "Learn More",          href: "#about"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg"
      imageAlt="AI-powered global job platform dashboard with world map"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Connecting Talent Globally"
      description="JobPilot AI is designed to be a worldwide career ecosystem, scanning jobs from every major platform and company career page across Africa, Europe, North America, South America, Asia, Australia, and the Middle East. Experience seamless job search with multi-currency and multi-language support, ensuring you never miss an opportunity, no matter where it is."
      metrics={[
        {
          value: "7+",          title: "Continents Served"},
        {
          value: "20+",          title: "Languages Supported"},
        {
          value: "100+",          title: "Global Sources"},
      ]}
      tag="Our Global Reach"
      tagIcon={Globe}
      imageSrc="http://img.b2bpic.net/free-photo/anime-character-traveling_23-2151278746.jpg"
      imageAlt="Global network illustration with job opportunities"
      mediaAnimation="opacity"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="ats-features" data-section="ats-features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      carouselMode="buttons"
      features={[
        {
          title: "Application Status Tracking",          description: "Track each application through its entire lifecycle: Draft, Submitted, Viewed, Under Review, Assessment, Interview Scheduled, Interview Completed, Final Interview, Offer, Hired, Rejected, Closed.",          imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762854.jpg",          imageAlt: "Application tracking system timeline",          titleImageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762871.jpg",          buttonText: "See Details"},
        {
          title: "Notifications & Alerts",          description: "Receive instant updates on application status changes through email, SMS, WhatsApp, browser, and mobile push notifications. Stay informed, always.",          imageSrc: "http://img.b2bpic.net/free-photo/work-remember-devices-announce-offline-update_1421-369.jpg",          imageAlt: "Smartphone with job notification alerts",          titleImageSrc: "http://img.b2bpic.net/free-photo/mobile-phone-with-sale-tag-modern-laptop-keypad_23-2147854239.jpg",          buttonText: "Stay Notified"},
        {
          title: "Interview Management",          description: "Effortlessly schedule interviews, receive timely reminders, join virtual meetings, store crucial interview notes, and upload requested documents all in one place.",          imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-telephone-receiver-indoors-facial-hair-backgrounds_1134-1413.jpg",          imageAlt: "Calendar interface with scheduled interviews",          titleImageSrc: "http://img.b2bpic.net/free-photo/diverse-office-colleagues-reviewing-business-insights-laptop-before-setting-goals-modern_482257-132892.jpg",          buttonText: "Manage Interviews"},
      ]}
      title="Real-time Application Tracking"
      description="Never lose sight of your job applications. Our comprehensive Application Tracking System keeps you updated from 'Draft' to 'Hired' with detailed timelines, follow-up reminders, and recruiter insights."
      tag="ATS Core Features"
      tagIcon={ListChecks}
    />
  </div>

  <div id="ai-analytics" data-section="ai-analytics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="AI Career Analytics & Insights"
      tag="Optimize Your Job Search"
      metrics={[
        {
          id: "1",          value: "25%",          description: "Average Application Success Rate"},
        {
          id: "2",          value: "75%",          description: "Interview Rate from Submitted"},
        {
          id: "3",          value: "15%",          description: "Offer Rate from Interviews"},
        {
          id: "4",          value: "3 days",          description: "Average Recruiter Response Time"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="ai-tools" data-section="ai-tools">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "ai-followup",          name: "AI Follow-Up Assistant",          price: "Smart Automation",          variant: "Proactively detects inactive applications and generates professional follow-up emails, along with smart next action suggestions.",          imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-that-performs-regular-human-job_23-2151061683.jpg",          imageAlt: "AI assistant generating follow-up email",          rating: 5,
        },
        {
          id: "global-map",          name: "Global Job Map",          price: "Interactive Visualization",          variant: "Visualize your entire job application landscape on a world map, showing countries, companies, status, salary ranges, and remote opportunities.",          imageSrc: "http://img.b2bpic.net/free-photo/check-location-mark-navigation-concept_53876-21139.jpg",          imageAlt: "World map showing global job applications",          rating: 5,
        },
        {
          id: "employer-feedback",          name: "Employer Feedback Integration",          price: "Actionable Insights",          variant: "Integrates recruiter feedback, assessment scores, interview results, and hiring decisions to provide you with valuable insights for improvement.",          imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg",          imageAlt: "Dashboard showing employer feedback and assessment scores",          rating: 5,
        },
        {
          id: "hiring-probability",          name: "AI Hiring Probability",          price: "Predictive Analysis",          variant: "Get instant Match Scores, Interview Probability, and Hiring Probability percentages for every application, with detailed missing skills analysis.",          imageSrc: "http://img.b2bpic.net/free-photo/apply-now-form-information-job-concept_53876-125151.jpg",          imageAlt: "AI hiring probability dashboard",          rating: 5,
        },
        {
          id: "skill-analysis",          name: "Missing Skills Analysis",          price: "Skill Gap Identification",          variant: "Our AI identifies the skills employers want most for your target roles and highlights any gaps in your profile, with recommended improvements.",          imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",          imageAlt: "Missing skills analysis chart",          rating: 5,
        },
        {
          id: "interview-prep",          name: "AI Interview Prep",          price: "Personalized Coaching",          variant: "Receive AI-driven reminders to prepare for interviews, personalized tips, and mock interview practice based on common questions for your industry.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-male-head-with-hologram-style-effect_1048-5770.jpg",          imageAlt: "AI interview preparation assistant",          rating: 5,
        },
      ]}
      title="Empowering Your Job Search with AI"
      description="Leverage JobPilot AI's intelligent tools to gain an edge. From proactive follow-ups to predictive hiring probabilities, our AI ensures you're always one step ahead in your career journey."
      tag="AI-Powered Tools"
      tagIcon={Sparkles}
    />
  </div>

  <div id="partnerships" data-section="partnerships">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Global Corp",        "Innovate Solutions",        "Future Tech",        "Connect World",        "Apex Innovations",        "Unified Systems",        "Visionary Co."]}
      title="Trusted by Leading Employers Worldwide"
      description="We partner with global companies, innovative startups, non-governmental organizations, and government portals to bring you the best and most diverse job opportunities available. Our expansive network spans industries and continents, connecting you directly to your next career."
      tag="Our Network"
      tagIcon={Briefcase}
    />
  </div>

  <div id="success-stories" data-section="success-stories">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah Chen",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",          imageAlt: "Sarah Chen portrait"},
        {
          id: "2",          name: "David Miller",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",          imageAlt: "David Miller portrait"},
        {
          id: "3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/young-painter-white-shirt-striped-t-shirt-sitting-floor-thoughtfully-looking-camera-while-drawing-by-watercolor-with-paint-tools-near-home_574295-3776.jpg",          imageAlt: "Emily Rodriguez portrait"},
        {
          id: "4",          name: "Michael Kim",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-pensive-executive-studio-young_1187-4832.jpg",          imageAlt: "Michael Kim portrait"},
        {
          id: "5",          name: "Jessica Lee",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",          imageAlt: "Jessica Lee portrait"},
        {
          id: "6",          name: "Chris Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/man-checking-paperwork-details-computer-screen-solving-tasks_482257-112948.jpg",          imageAlt: "Chris Johnson portrait"},
      ]}
      cardTitle="Real Success, Real People"
      cardTag="Hear From Our Users"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "How does JobPilot AI scan jobs globally?",          content: "Our advanced AI system integrates with major international job boards, company career pages, NGO websites, government portals, and even university career boards worldwide to provide you with the most comprehensive job listings."},
        {
          id: "q2",          title: "What makes the Application Tracking System unique?",          content: "Our ATS offers real-time status updates, a detailed application timeline, AI-powered follow-up reminders, and rich analytics like interview and offer rates, giving you unparalleled visibility and control over your job search."},
        {
          id: "q3",          title: "Can JobPilot AI help with visa sponsorship and relocation?",          content: "Yes, our platform specifically highlights visa sponsorship and relocation opportunities in job listings, making it easier for international job seekers to find roles that support their global career aspirations."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about JobPilot AI's features, global reach, and how to maximize your job search with our AI-powered platform."
      tag="Quick Answers"
      tagIcon={HelpCircle}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Join Our Global Community"
      title="Unlock Your Career Potential"
      description="Sign up for early access to JobPilot AI and transform your job search. Get personalized insights, real-time tracking, and AI-powered assistance for your global career journey."
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Enter your email"
      buttonText="Sign Up Now"
      termsText="By clicking Sign Up Now you're confirming that you agree with our Terms and Conditions and Privacy Policy."
      imageSrc="http://img.b2bpic.net/free-photo/factory-expert-works-manufacturing-innovations-using-laptop-close-up_482257-123378.jpg"
      imageAlt="Join our community, career potential"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="JobPilot AI"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
