Default Component - Copy this React, Tailwind Component to your project
<motion.div initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.8 }} className="flex gap 6 mt 16" > <a href="#" className="text gray 400 transition transform transform hover:text white hover:scale 110" > <FaGithub size={30} /> </a> <a href="#" className="text gray 400 transition transform transform hover:text white hover:scale 110" > <FaLinkedin size={30} /> </a> <a href="#" className="text gray 400 transition transform transform hover:text white hover:scale 110" > <FaTwitter size={30} /> </a> </motion.div> here icon code refine and proper relevant solical icons which looks proffesial, minimal, effective, attractive and make use also of nesseary effect, hovereffct and make smoother so it give more professional feels as well
