"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import SplitAbout from "@/components/sections/about/SplitAbout";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { MapPin, Zap, CheckCircle, DollarSign, Users, TrendingUp, Award, HelpCircle } from "lucide-react";

const navItems = [
  { name: "Services", id: "services" },
  { name: "Why Us", id: "why-us" },
  { name: "Testimonials", id: "testimonials" },
  { name: "FAQ", id: "faq" },
  { name: "Contact", id: "contact" },
];

const footerNavItems = [
  { name: "Home", id: "/" },
  { name: "Services", id: "/services" },
  { name: "About", id: "/about" },
  { name: "Candidates", id: "/candidates" },
  { name: "Employers", id: "/employers" },
  { name: "Contact", id: "/contact" },
];

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="noiseDiagonalGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={{ text: "Call Now", href: "tel:+441392000000" }}
          brandName="Aptus"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="APTUS"
          description="Exeter's trusted recruitment partner connecting ambitious businesses with exceptional talent. Fast placements, local expertise, and transparent processes."
          background={{ variant: "noiseDiagonalGradient" }}
          buttons={[
            { text: "☎ Call Now", href: "tel:+441392000000" },
            { text: "Post a Vacancy", href: "/employers" },
          ]}
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/group-business-workers-smiling-happy-confident-working-together-with-smile-face-using-laptop-speaking-office_839833-9703.jpg"
          imageAlt="Aptus Recruitment Team"
          frameStyle="card"
          mediaAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="trust-signals" data-section="trust-signals">
        <SocialProofOne
          title="Trusted by Leading Employers Across Devon"
          description="Join hundreds of businesses that have found their perfect team through Aptus Recruitment"
          tag="Trusted Partners"
          names={[
            "Tech Innovators Ltd",
            "Devon Manufacturing",
            "Professional Services Group",
            "Healthcare Solutions",
            "Retail Dynamics",
            "Financial Partners",
            "Creative Studios",
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
          buttonAnimation="slide-up"
          tagAnimation="opacity"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyThree
          title="Our Recruitment Services"
          description="Specialized solutions for hiring across all sectors in Exeter and Devon"
          tag="Services"
          features={[
            {
              id: "1",
              title: "Hire Permanent Staff",
              tags: ["Permanent Roles", "Full-time Positions"],
              imageSrc: "/placeholders/placeholder1.webp",
              imageAlt: "Hire staff for your business",
            },
            {
              id: "2",
              title: "Executive Search",
              tags: ["Senior Positions", "Leadership Roles"],
              imageSrc: "/placeholders/placeholder1.webp",
              imageAlt: "Executive recruitment services",
            },
            {
              id: "3",
              title: "Temporary & Contract Staffing",
              tags: ["Flexible Solutions", "Short-term Coverage"],
              imageSrc: "/placeholders/placeholder1.webp",
              imageAlt: "Temporary staffing options",
            },
            {
              id: "4",
              title: "Specialized Technical Recruitment",
              tags: ["Tech Skills", "Specialized Roles"],
              imageSrc: "/placeholders/placeholder1.webp",
              imageAlt: "Technical talent recruitment",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
          tagAnimation="opacity"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <SplitAbout
          title="Why Choose Aptus Recruitment?"
          description="We're not just another recruitment agency. We're your local partner committed to delivering results."
          tag="Our Difference"
          tagAnimation="opacity"
          bulletPoints={[
            {
              title: "Local Market Expertise",
              description: "Deep knowledge of Exeter and Devon's job market and business landscape",
              icon: MapPin,
            },
            {
              title: "Fast Placements",
              description: "Average placement within 5-7 business days, not months",
              icon: Zap,
            },
            {
              title: "Quality Vetting",
              description: "Rigorous screening ensures only the best candidates reach your desk",
              icon: CheckCircle,
            },
            {
              title: "Transparent Pricing",
              description: "No hidden fees. Clear, upfront costs that fit your budget",
              icon: DollarSign,
            },
            {
              title: "Personal Service",
              description: "Dedicated recruiters who understand your business and culture",
              icon: Users,
            },
            {
              title: "Proven Results",
              description: "500+ successful placements and 94% client retention rate",
              icon: TrendingUp,
            },
          ]}
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          buttons={[{ text: "Learn More", href: "/about" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Aptus found us three excellent candidates within two weeks. Their understanding of our industry and needs was exceptional. We've hired two of them and both are performing brilliantly."
          rating={5}
          author="James Richardson, HR Manager - Tech Innovators Ltd"
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              alt: "James Richardson",
            },
            {
              src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              alt: "Client testimonial",
            },
            {
              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              alt: "Client testimonial",
            },
            {
              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              alt: "Client testimonial",
            },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Track Record"
          description="Results that speak for themselves"
          tag="Proven Success"
          tagIcon={Award}
          metrics={[
            {
              id: "1",
              value: "500",
              title: "Successful Placements",
              description: "Quality hires across all sectors",
              icon: CheckCircle,
            },
            {
              id: "2",
              value: "94",
              title: "% Client Retention",
              description: "Businesses that keep coming back",
              icon: Users,
            },
            {
              id: "3",
              value: "7",
              title: "Days Average Placement",
              description: "Faster than industry average",
              icon: Zap,
            },
            {
              id: "4",
              value: "350",
              title: "Active Candidates",
              description: "Pre-vetted talent ready to hire",
              icon: Users,
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tagAnimation="opacity"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          faqs={[
            {
              id: "1",
              title: "How much does recruitment cost?",
              content:
                "Our fees are based on the role and salary level, typically 15-20% of the first year salary. We offer transparent pricing with no hidden costs. Contact us for a quote tailored to your needs.",
            },
            {
              id: "2",
              title: "How quickly can you find candidates?",
              content:
                "For most roles, we can present initial candidates within 5-7 business days. Our active candidate database and extensive network mean faster placements than many competitors.",
            },
            {
              id: "3",
              title: "Do you guarantee placements?",
              content:
                "While we can't guarantee placements, we offer a 30-day replacement guarantee. If a hired candidate doesn't work out, we'll replace them at no additional cost.",
            },
            {
              id: "4",
              title: "What sectors do you specialize in?",
              content:
                "We recruit across all major sectors including technology, manufacturing, retail, healthcare, finance, and professional services. We have specialists in each area.",
            },
            {
              id: "5",
              title: "How do I apply for roles?",
              content:
                "Candidates can browse current vacancies on our jobs page or submit their CV directly. We'll review it and contact you about matching opportunities within 2-3 days.",
            },
            {
              id: "6",
              title: "Do you offer temporary staffing?",
              content:
                "Yes! We provide temporary, contract, and permanent staffing solutions. This allows you to fill gaps quickly while searching for the right permanent hire.",
            },
          ]}
          title="Frequently Asked Questions"
          description="Answers to common questions from employers and candidates"
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          tagAnimation="opacity"
        />
      </div>

      <div id="final-cta" data-section="final-cta">
        <ContactSplit
          tag="Get Started"
          title="Ready to Hire? Or Looking for Your Next Role?"
          description="Whether you're an employer seeking talented staff or a candidate looking for your next opportunity, Aptus Recruitment is here to help. Get in touch today for a free consultation."
          tagAnimation="opacity"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          imageSrc="/placeholders/placeholder1.webp"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Contact Us"
          termsText="We respect your privacy. We'll only contact you about your inquiry."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="APTUS"
          columns={[
            {
              items: [
                { label: "About", href: "/about" },
                { label: "Services", href: "/services" },
                { label: "For Employers", href: "/employers" },
                { label: "For Candidates", href: "/candidates" },
              ],
            },
            {
              items: [
                { label: "Contact", href: "/contact" },
                { label: "FAQ", href: "#faq" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
              ],
            },
            {
              items: [
                { label: "Email", href: "mailto:hello@aptusrecruitment.co.uk" },
                { label: "Phone", href: "tel:+441392000000" },
                { label: "Address", href: "#" },
                { label: "Exeter, Devon", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}