import Image from "next/image";
import DynamicSvgIcon from "../svg/DynamicSvgIcon";

const Bio = () => {
 const currentFavoriteTechStack = [
    { name: "Python", icon: "Python", color: "fill-secondary" },
    { name: "Flask", icon: "Flask", color: "fill-secondary" },
    { name: "React.js", icon: "react", color: "fill-[#61dbfb]" },
    { name: "MySQL", icon: "mysql", color: "fill-[#1a6997]" },
   { name: "JavaScript", icon: "javascript", color: "fill-[#f0db4f]" },
   { name: "Tailwind", icon: "tailwind", color: "fill-[#38bdf8]" },
   { name: "Node.js", icon: "nodejs", color: "fill-[#3c873a]" },
  ];

  return (
    <section className="max-h-full px-4 pt-4 pb-16 flex-1 overflow-auto">
      <Image
        src={"/me.webp"}
        width={160}
        height={160}
        alt="profile picture"
        className="rounded float-left mr-4 mb-1"
      />
      <div className="space-y-4">
        <p>
          I'm Sharnav Mahajan, a Bachelor of Engineering graduate in
          Artificial Intelligence and Data Science with a strong interest in
          AI, machine learning, computer vision, and web application
          development. I enjoy transforming complex problems into practical
          digital solutions and have worked on projects that strengthened my
          skills in research, teamwork, and rapid prototyping. During my
          engineering journey, I led my team to secure first place in a
          department-level Project-Based Learning competition, qualified for
          the Smart India Hackathon at the institute level in 2023 and 2024,
          and contributed to the copyrighted project “Smart Video Monitoring
          for Crime Detection.”
        </p>
        <p>
          As I begin my professional journey in the industry, I
          look forward to applying my technical knowledge in real-world
          environments while continuing to learn and grow. Alongside my job, I
          plan to pursue higher education to deepen my expertise and continue
          growing as an engineer, learner, and leader. Outside of work and
          academics, I enjoy music, strategic games, and logical puzzles, and
          I value curiosity, collaboration, and continuous learning.
        </p>
      </div>
      <div className="mt-8">
        <h5 className="text-lg text-accent-primary font-semibold mb-2">
          Current favorite tech stack
        </h5>
        <div className="flex gap-4 flex-wrap">
          {currentFavoriteTechStack.map((stack) => {
            return (
              <div className="relative">
                <DynamicSvgIcon
                  name={stack.icon}
                  className={`w-10 ${stack.color}`}
                />
              </div>
            );
          })}
        </div>
      </div>
    </section>
  );
};

export default Bio