{"version":3,"file":"static/chunks/4849-d403fe53dc36abbb.js","mappings":"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","sources":["webpack://_N_E/./src/assets/images/hire/Hire.png","webpack://_N_E/./src/assets/images/hire/Traning.png","webpack://_N_E/./src/components/sections/hire/Hire.js","webpack://_N_E/./src/assets/css/ovalAnimation.css"],"sourcesContent":["export default {\"src\":\"/_next/static/media/Hire.35cd4b3e.png\",\"height\":376,\"width\":720,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAOVBMVEW4qaS9vsAdHCxCTWLIubWdh4MzOUwoJja/uLdbZ3Bzc3u+yM6Tio6bjo9GSFOGe3yJoqmqnJiAeoDGpnlhAAAACnRSTlP+/////v7//v7+6e45iQAAAAlwSFlzAAALEwAACxMBAJqcGAAAACpJREFUeJwFwYcBACAIA7ACWhVw/n+sCaSXCkhAXs7cN+BKM1sHro2kjg8QCwDrdBGiXwAAAABJRU5ErkJggg==\",\"blurWidth\":8,\"blurHeight\":4};","export default {\"src\":\"/_next/static/media/Traning.e246d468.png\",\"height\":376,\"width\":720,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAPFBMVEU0S3bN4Oyy0OGSsMxLZpFFWXlbdJTP5O/D2und8PYlK1rx9Pg3PFnm7fLb4eoYHUCmuc9DSGzBytmJkKm46xPFAAAACnRSTlP+/v7+/v7+/v7+LPRBhQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAClJREFUeJwFwQcCABAMBLBD6Tb//1cJqiqLcEHOO91z45nZiVhoBAJG/xYIASF2AvTEAAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":4};","\"use client\"\nimport Image from \"next/image\";\nimport React, { useState, useEffect, useRef } from \"react\";\nimport hire from \"@/assets/images/hire/Hire.png\";\nimport Traning from \"@/assets/images/hire/Traning.png\";\nimport { useRouter } from \"next/navigation\";\nimport { Briefcase, Users, ArrowUpRight, Sparkles, LucideTarget, Award, Zap, Trophy } from \"lucide-react\";\n\nconst Hire = ({\n  hireImage = hire,\n  hireTitle = \"Hire from Medh\",\n  hireText = \"Recruit industry-trained, job-ready top talents to meet your business needs through our placement services.\",\n  hireButtonText = \"Recruit@Medh\",\n  trainingImage = Traning,\n  trainingTitle = \"Corporate Training\",\n  trainingText = \"Enhance your employees' skills, motivation, and engagement with our dynamic Training Courses.\",\n  trainingButtonText = \"Empower Your Team\",\n}) => {\n  const router = useRouter();\n  const [isVisible, setIsVisible] = useState(false);\n  const [activeCard, setActiveCard] = useState(null);\n  const hireRef = useRef(null);\n  const trainingRef = useRef(null);\n  \n  useEffect(() => {\n    const timer = setTimeout(() => setIsVisible(true), 300);\n    \n    const handleScroll = () => {\n      if (hireRef.current && trainingRef.current) {\n        const hireRect = hireRef.current.getBoundingClientRect();\n        const trainingRect = trainingRef.current.getBoundingClientRect();\n        \n        if (hireRect.top < window.innerHeight * 0.75 && hireRect.bottom > 0) {\n          hireRef.current.classList.add('card-visible');\n          void hireRef.current.offsetHeight;\n        }\n        \n        if (trainingRect.top < window.innerHeight * 0.75 && trainingRect.bottom > 0) {\n          trainingRef.current.classList.add('card-visible');\n          void trainingRef.current.offsetHeight;\n        }\n      }\n    };\n    \n    window.addEventListener('scroll', handleScroll);\n    setTimeout(() => {\n      if (hireRef.current && trainingRef.current) {\n        hireRef.current.classList.add('card-visible');\n        trainingRef.current.classList.add('card-visible');\n        void hireRef.current.offsetHeight;\n        void trainingRef.current.offsetHeight;\n      }\n    }, 100);\n    \n    return () => {\n      clearTimeout(timer);\n      window.removeEventListener('scroll', handleScroll);\n    };\n  }, []);\n  \n  const hireFeatures = [\n    { icon: <Trophy size={16} className=\"text-purple-500 dark:text-purple-400\" />, text: \"Pre-screened talent pool\" },\n    { icon: <LucideTarget size={16} className=\"text-purple-500 dark:text-purple-400\" />, text: \"Targeted skill matching\" },\n    { icon: <Zap size={16} className=\"text-purple-500 dark:text-purple-400\" />, text: \"Streamlined hiring process\" },\n    { icon: <Award size={16} className=\"text-purple-500 dark:text-purple-400\" />, text: \"Quality assured candidates\" }\n  ];\n  \n  const trainingFeatures = [\n    { icon: <Zap size={16} className=\"text-green-500 dark:text-green-400\" />, text: \"Customized training modules\" },\n    { icon: <Award size={16} className=\"text-green-500 dark:text-green-400\" />, text: \"Industry expert trainers\" },\n    { icon: <Trophy size={16} className=\"text-green-500 dark:text-green-400\" />, text: \"Hands-on practical sessions\" },\n    { icon: <LucideTarget size={16} className=\"text-green-500 dark:text-green-400\" />, text: \"Skill-gap analysis included\" }\n  ];\n\n  return (\n    <div className={`py-4 transition-all duration-1000 ${isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8'}`}>\n      <div className=\"mb-10 text-center max-w-md mx-auto\">\n        <h2 className=\"text-2xl md:text-2xl font-bold mb-3 inline-flex items-center gap-2 bg-gradient-to-r from-purple-600 to-primary-600 bg-clip-text text-transparent\">\n          <Sparkles className=\"w-5 h-5 text-purple-500\" />\n          Partner with Medh\n        </h2>\n        <p className=\"text-xs text-gray-600 dark:text-gray-300\">\n          Build your team or enhance your workforce with our specialized services\n        </p>\n      </div>\n      \n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8\">\n        {/* Hire Card */}\n        <div \n          ref={hireRef}\n          className=\"group relative h-full opacity-0 translate-y-4 card-animation\"\n          onMouseEnter={() => setActiveCard('hire')}\n          onMouseLeave={() => setActiveCard(null)}\n        >\n          <div className=\"absolute inset-0 bg-gradient-to-br from-purple-400/20 via-violet-400/10 to-indigo-400/15 rounded-2xl rotate-1 scale-[0.98] translate-y-2 group-hover:scale-[1.01] group-hover:rotate-2 transition-transform duration-500 opacity-60 dark:opacity-20\"></div>\n          \n          <div className=\"relative h-full rounded-2xl border border-purple-100 dark:border-purple-800/30 bg-white/60 backdrop-blur-sm dark:bg-gray-900/60 overflow-hidden shadow-lg group-hover:shadow-xl transition-all duration-500\">\n            {/* Card Content */}\n            <div className=\"p-6 md:p-8 h-full flex flex-col relative z-10\">\n              {/* Icon and Badge */}\n              <div className=\"flex items-center justify-between mb-6\">\n                <div className=\"flex items-center\">\n                  <div className=\"w-14 h-14 rounded-full bg-gradient-to-tr from-purple-500/20 to-indigo-500/20 flex items-center justify-center\">\n                    <Briefcase className=\"w-7 h-7 text-purple-500 dark:text-purple-400\" strokeWidth={1.5} />\n                  </div>\n                </div>\n                <span className=\"text-xs px-3 py-1 rounded-full bg-purple-50 dark:bg-purple-900/20 text-purple-600 dark:text-purple-300 font-medium\">\n                  For Employers\n                </span>\n              </div>\n              \n              {/* Title and Text */}\n              <h3 className=\"text-xl md:text-2xl font-bold text-gray-800 dark:text-white mb-4 group-hover:text-purple-600 dark:group-hover:text-purple-400 transition-colors duration-300\">\n                {hireTitle}\n              </h3>\n              \n              <p className=\"text-gray-600 dark:text-gray-300 mb-8 text-sm md:text-base\">\n                {hireText}\n              </p>\n              \n              {/* Image */}\n              <div className=\"relative h-48 md:h-56 w-full mb-8 rounded-xl overflow-hidden\">\n                <div className=\"absolute inset-0 bg-gradient-to-t from-purple-500/10 to-transparent\"></div>\n                <Image\n                  src={hireImage}\n                  alt=\"Hire from Medh\"\n                  fill\n                  className=\"object-cover object-center transform group-hover:scale-105 transition-transform duration-700\"\n                  style={{ objectPosition: '50% 30%' }}\n                />\n              </div>\n              \n              {/* Features */}\n              <div className=\"mb-8\">\n                <p className=\"text-sm font-medium text-gray-700 dark:text-gray-200 mb-4\">Why hire from Medh?</p>\n                <div className=\"grid grid-cols-2 gap-4\">\n                  {hireFeatures.map((feature, i) => (\n                    <div key={i} className=\"flex items-start p-3 rounded-lg bg-purple-50 dark:bg-purple-900/10\">\n                      <div className=\"flex-shrink-0 w-6 h-6 rounded-full bg-purple-100 dark:bg-purple-800/30 flex items-center justify-center mr-2 mt-0.5\">\n                        {feature.icon}\n                      </div>\n                      <span className=\"text-xs text-gray-700 dark:text-gray-300\">{feature.text}</span>\n                    </div>\n                  ))}\n                </div>\n              </div>\n              \n              {/* Button */}\n              <div className=\"mt-auto\">\n                <button\n                  onClick={() => router.push(\"/hire-from-medh\")}\n                  className=\"relative w-full group/btn inline-flex items-center justify-center px-5 py-3.5 text-base font-medium text-white bg-gradient-to-r from-purple-500 to-indigo-600 hover:from-purple-600 hover:to-indigo-700 rounded-xl transition-all duration-300 shadow-md hover:shadow-lg overflow-hidden\"\n                >\n                  <span className=\"relative z-10\">{hireButtonText}</span>\n                  <ArrowUpRight size={18} className=\"ml-2 relative z-10 transform group-hover/btn:translate-x-1 group-hover/btn:-translate-y-1 transition-transform duration-300\" />\n                  <div className=\"absolute inset-0 scale-x-0 group-hover/btn:scale-x-100 origin-left transition-transform duration-500 bg-gradient-to-r from-indigo-600 to-purple-600\"></div>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Training Card */}\n        <div \n          ref={trainingRef}\n          className=\"group relative h-full opacity-0 translate-y-4 card-animation delay-100\"\n          onMouseEnter={() => setActiveCard('training')}\n          onMouseLeave={() => setActiveCard(null)}\n        >\n          <div className=\"absolute inset-0 bg-gradient-to-br from-green-400/20 via-teal-400/10 to-emerald-400/15 rounded-2xl rotate-1 scale-[0.98] translate-y-2 group-hover:scale-[1.01] group-hover:rotate-2 transition-transform duration-500 opacity-60 dark:opacity-20\"></div>\n          \n          <div className=\"relative h-full rounded-2xl border border-green-100 dark:border-green-800/30 bg-white/60 backdrop-blur-sm dark:bg-gray-900/60 overflow-hidden shadow-lg group-hover:shadow-xl transition-all duration-500\">\n            {/* Card Content */}\n            <div className=\"p-6 md:p-8 h-full flex flex-col relative z-10\">\n              {/* Icon and Badge */}\n              <div className=\"flex items-center justify-between mb-6\">\n                <div className=\"flex items-center\">\n                  <div className=\"w-14 h-14 rounded-full bg-gradient-to-tr from-green-500/20 to-teal-500/20 flex items-center justify-center\">\n                    <Users className=\"w-7 h-7 text-green-500 dark:text-green-400\" strokeWidth={1.5} />\n                  </div>\n                </div>\n                <span className=\"text-xs px-3 py-1 rounded-full bg-green-50 dark:bg-green-900/20 text-green-600 dark:text-green-300 font-medium\">\n                  For Organizations\n                </span>\n              </div>\n              \n              {/* Title and Text */}\n              <h3 className=\"text-xl md:text-2xl font-bold text-gray-800 dark:text-white mb-4 group-hover:text-green-600 dark:group-hover:text-green-400 transition-colors duration-300\">\n                {trainingTitle}\n              </h3>\n              \n              <p className=\"text-gray-600 dark:text-gray-300 mb-8 text-sm md:text-base\">\n                {trainingText}\n              </p>\n              \n              {/* Image */}\n              <div className=\"relative h-48 md:h-56 w-full mb-8 rounded-xl overflow-hidden\">\n                <div className=\"absolute inset-0 bg-gradient-to-t from-green-500/10 to-transparent\"></div>\n                <Image\n                  src={trainingImage}\n                  alt=\"Corporate Training\"\n                  fill\n                  className=\"object-cover object-center transform group-hover:scale-105 transition-transform duration-700\"\n                  style={{ objectPosition: '50% 30%' }}\n                />\n              </div>\n              \n              {/* Features */}\n              <div className=\"mb-8\">\n                <p className=\"text-sm font-medium text-gray-700 dark:text-gray-200 mb-4\">Training advantages:</p>\n                <div className=\"grid grid-cols-2 gap-4\">\n                  {trainingFeatures.map((feature, i) => (\n                    <div key={i} className=\"flex items-start p-3 rounded-lg bg-green-50 dark:bg-green-900/10\">\n                      <div className=\"flex-shrink-0 w-6 h-6 rounded-full bg-green-100 dark:bg-green-800/30 flex items-center justify-center mr-2 mt-0.5\">\n                        {feature.icon}\n                      </div>\n                      <span className=\"text-xs text-gray-700 dark:text-gray-300\">{feature.text}</span>\n                    </div>\n                  ))}\n                </div>\n              </div>\n              \n              {/* Button */}\n              <div className=\"mt-auto\">\n                <button\n                  onClick={() => router.push(\"/corporate-training-courses\")}\n                  className=\"relative w-full group/btn inline-flex items-center justify-center px-5 py-3.5 text-base font-medium text-white bg-gradient-to-r from-green-500 to-teal-500 hover:from-green-600 hover:to-teal-600 rounded-xl transition-all duration-300 shadow-md hover:shadow-lg overflow-hidden\"\n                >\n                  <span className=\"relative z-10\">{trainingButtonText}</span>\n                  <ArrowUpRight size={18} className=\"ml-2 relative z-10 transform group-hover/btn:translate-x-1 group-hover/btn:-translate-y-1 transition-transform duration-300\" />\n                  <div className=\"absolute inset-0 scale-x-0 group-hover/btn:scale-x-100 origin-left transition-transform duration-500 bg-gradient-to-r from-teal-600 to-green-600\"></div>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <style jsx>{`\n        .card-animation {\n          opacity: 0;\n          transform: translateY(1rem);\n          transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .card-visible {\n          opacity: 1 !important;\n          transform: translateY(0) !important;\n          transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n      `}</style>\n    </div>\n  );\n};\n\nexport default Hire;\n","// extracted by mini-css-extract-plugin"],"names":["Hire","hireImage","hire","hireTitle","hireText","hireButtonText","trainingImage","Traning","trainingTitle","trainingText","trainingButtonText","router","useRouter","isVisible","setIsVisible","useState","activeCard","setActiveCard","hireRef","useRef","trainingRef","useEffect","timer","setTimeout","handleScroll","current","hireRect","getBoundingClientRect","trainingRect","top","window","innerHeight","bottom","classList","add","offsetHeight","addEventListener","clearTimeout","removeEventListener","hireFeatures","icon","Trophy","size","className","text","LucideTarget","Zap","Award","trainingFeatures","div","h2","Sparkles","p","ref","onMouseEnter","onMouseLeave","Briefcase","strokeWidth","span","h3","Image","src","alt","fill","style","objectPosition","map","feature","i","button","onClick","push","ArrowUpRight","Users"],"sourceRoot":"","ignoreList":[]}