{"version":3,"file":"static/chunks/667.246a9ae53e01daf2.js","mappings":"0dAKA,IAAMA,EAAa,CAAC,UAAW,UAAW,UAAW,UAAU,CAmG/DC,EAAA,QAjGA,WACE,IAAMC,EAAQC,CAAAA,EAAAA,EAAAA,CAAAA,EAAeH,CAAU,CAAC,EAAE,EAE1CI,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,KACRC,CAAAA,EAAAA,EAAAA,CAAAA,EAAQH,EAAOF,EAAY,CACzBM,KAAM,YACNC,SAAU,GACVC,OAAQC,IACRC,WAAY,QACd,EACF,EAAG,EAAE,EAEL,IAAMC,EAAkBC,CAAAA,EAAAA,EAAAA,CAAAA,EAAiBA,IAAmDV,GACtFW,EAASD,CAAAA,EAAAA,EAAAA,CAAAA,EAAiBA,IAAaV,GACvCY,EAAYF,CAAAA,EAAAA,EAAAA,CAAAA,EAAiBA,IAAgBV,GAEnD,MACE,GAAAa,EAAAC,GAAA,EAACC,EAAAA,CAAMA,CAACC,OAAO,EAACC,GAAG,UACjBC,MAAO,CACLT,gBAAAA,CACF,EACAU,UAAU,qGAEV,GAAAN,EAAAO,IAAA,EAACC,MAAAA,CAAIF,UAAU,qDACb,GAAAN,EAAAC,GAAA,EAACQ,OAAAA,CAAKH,UAAU,+EAAsE,kBAGtF,GAAAN,EAAAC,GAAA,EAACS,KAAAA,CAAGJ,UAAU,yMACZ,GAAAN,EAAAC,GAAA,EAACU,IAAAA,CAAEC,KAAK,+BAA+BC,OAAO,SAASC,aAAW,iBAAQ,oCAE5E,GAAAd,EAAAC,GAAA,EAACS,KAAAA,CAAGJ,UAAU,oMACZ,GAAAN,EAAAC,GAAA,EAACU,IAAAA,CAAEC,KAAK,8BAA8BC,OAAO,SAASC,aAAW,uBAAc,iCAGjF,GAAAd,EAAAC,GAAA,EAACc,IAAAA,CAAET,UAAU,6FAAoF,uBAGjG,GAAAN,EAAAO,IAAA,EAACC,MAAAA,CAAIF,UAAU,iBACb,GAAAN,EAAAC,GAAA,EAACU,IAAAA,CAAEC,KAAM,mCAAoCC,OAAO,SAASP,UAAU,MAAMQ,aAAW,kBAC1F,GAAAd,EAAAC,GAAA,EAACC,EAAAA,CAAMA,CAACc,MAAM,EACZX,MAAO,CACLP,OAAAA,EACAC,UAAAA,CACF,EACAkB,WAAY,CACVC,MAAO,KACT,EACAC,SAAU,CACRD,MAAO,IACT,EACAZ,UAAU,uIACVQ,aAAW,kBAEL,GAAAd,EAAAC,GAAA,EAACmB,EAAAA,GAAYA,CAAAA,CAACd,UAAU,iBAGhC,GAAAN,EAAAC,GAAA,EAACU,IAAAA,CAAEC,KAAM,yCAA0CC,OAAO,SAASP,UAAU,MAAOQ,aAAW,oBAC/F,GAAAd,EAAAC,GAAA,EAACC,EAAAA,CAAMA,CAACc,MAAM,EACZX,MAAO,CACLP,OAAAA,EACAC,UAAAA,CACF,EACAkB,WAAY,CACVC,MAAO,KACT,EACAC,SAAU,CACRD,MAAO,IACT,EACAZ,UAAU,uIACVQ,aAAW,oBAGP,GAAAd,EAAAC,GAAA,EAACoB,EAAAA,GAAUA,CAAAA,CAACf,UAAU,iBAG5B,GAAAN,EAAAC,GAAA,EAACU,IAAAA,CAAEC,KAAM,uCAAwCC,OAAO,SAASP,UAAU,MAAMQ,aAAW,qBAC5F,GAAAd,EAAAC,GAAA,EAACC,EAAAA,CAAMA,CAACc,MAAM,EACZX,MAAO,CACLP,OAAAA,EACAC,UAAAA,CACF,EACAkB,WAAY,CACVC,MAAO,KACT,EACAC,SAAU,CACRD,MAAO,IACT,EACAZ,UAAU,uIACVQ,aAAW,qBACX,GAAAd,EAAAC,GAAA,EAACqB,EAAAA,GAAeA,CAAAA,CAAChB,UAAU,wBAOrC","sources":["webpack://_N_E/./src/Components/Contact.tsx","webpack://_N_E/<anon>"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport {useMotionTemplate, useMotionValue, motion,animate,} from \"framer-motion\";\nimport { IoLogoGithub, IoLogoInstagram } from \"react-icons/io\";\nimport { FaLinkedin } from \"react-icons/fa\";\n\nconst COLORS_TOP = [\"#00ffd9\", \"#3f3072\", \"#CE84CF\", \"#DD335C\"];\n\nfunction Contact  () {\n  const color = useMotionValue(COLORS_TOP[0]);\n\n  useEffect(() => {\n    animate(color, COLORS_TOP, {\n      ease: \"easeInOut\",\n      duration: 10,\n      repeat: Infinity,\n      repeatType: \"mirror\",\n    });\n  }, []);\n\n  const backgroundImage = useMotionTemplate`radial-gradient(155% 150% at 50% 0%, #0000 50%, ${color})`;\n  const border = useMotionTemplate`1px solid ${color}`;\n  const boxShadow = useMotionTemplate`0px 4px 24px ${color}`;\n\n  return (\n    <motion.section id=\"contact\"\n      style={{\n        backgroundImage,\n      }}\n      className=\"relative grid min-h-screen place-content-center overflow-hidden text-primary  px-4 py-24 \"\n    >\n      <div className=\"relative z-10 flex flex-col items-center\">\n        <span className=\"mb-1.5 inline-block rounded-full bg-gray-600/50 px-3 py-1.5 text-lg\">\n          Get in Touch!\n        </span>\n        <h1 className=\"max-w-3xl bg-gradient-to-br my-2 from-white to-gray-400 bg-clip-text text-center text-lg font-medium leading-tight text-transparent sm:text-3xl sm:leading-tight md:text-3xl md:leading-tight\">\n          <a href=\"mailto:meenaprak12@gmail.com\" target=\"_blank\" aria-label=\"email\">Email : meenaprak12@gmail.com</a>\n        </h1>\n        <h1 className=\"max-w-3xl bg-gradient-to-br from-white to-gray-400 bg-clip-text text-center text-lg font-medium leading-tight text-transparent sm:text-3xl sm:leading-tight md:text-3xl md:leading-tight\">\n          <a href=\"https://wa.me/+917999999726\" target=\"_blank\" aria-label=\"phonenumber\">Phone no. : +91 7999999726</a>\n        </h1>\n\n        <p className=\"my-6 max-w-xl text-center text-base leading-relaxed md:text-lg md:leading-relaxed\">\n          Connect On Socials\n        </p>\n        <div className=\"flex\">\n          <a href={\"https://github.com/PrakashMeenaa\"} target=\"_blank\" className=\"p-6\" aria-label=\"Github\">\n        <motion.button\n          style={{\n            border,\n            boxShadow,\n          }}\n          whileHover={{\n            scale: 1.015,\n          }}\n          whileTap={{\n            scale: 0.985,\n          }}\n          className=\" flex  items-center gap-1.5 rounded-full w-16 h-16 justify-center bg-gray-950/10 text-gray-50 transition-colors hover:bg-gray-950/50\"\n          aria-label=\"Github\"\n        >\n                <IoLogoGithub className=\"text-2xl\" />\n        </motion.button>\n            </a>\n        <a href={\"https://www.linkedin.com/in/praakashhh\"} target=\"_blank\" className=\"p-6\"  aria-label=\"linkedin\">\n        <motion.button\n          style={{\n            border,\n            boxShadow,\n          }}\n          whileHover={{\n            scale: 1.015,\n          }}\n          whileTap={{\n            scale: 0.985,\n          }}\n          className=\" flex w-16 h-16 justify-center items-center gap-1.5 rounded-full bg-gray-950/10  text-gray-50 transition-colors hover:bg-gray-950/50\"\n          aria-label=\"linkedin\"\n        >\n                \n              <FaLinkedin className=\"text-2xl\" />\n        </motion.button>\n            </a>\n        <a href={\"https://www.instagram.com/praakashhh\"} target=\"_blank\" className=\"p-6\" aria-label=\"Instagram\">\n        <motion.button\n          style={{\n            border,\n            boxShadow,\n          }}\n          whileHover={{\n            scale: 1.015,\n          }}\n          whileTap={{\n            scale: 0.985,\n          }}\n          className=\" flex w-16 h-16 justify-center items-center gap-1.5 rounded-full bg-gray-950/10  text-gray-50 transition-colors hover:bg-gray-950/50\"\n          aria-label=\"Instagram\">\n          <IoLogoInstagram className=\"text-2xl\" />\n        </motion.button>\n            </a>\n        </div>\n      </div>\n    </motion.section>\n  );\n};\nexport default Contact;"],"names":["COLORS_TOP","__webpack_exports__","color","useMotionValue","useEffect","animate","ease","duration","repeat","Infinity","repeatType","backgroundImage","useMotionTemplate","border","boxShadow","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__","jsx","motion","section","id","style","className","jsxs","div","span","h1","a","href","target","aria-label","p","button","whileHover","scale","whileTap","IoLogoGithub","FaLinkedin","IoLogoInstagram"],"sourceRoot":""}