import React from "react";

const Contributors = () => {
  return (
    <div className="w-full">
      <div className="text-3xl text-white font-extralight mt-8 text-center">
        Contributors🤝
      </div>
      <div className="grid md:grid-cols-3 lg:grid-cols-4 gap-10 sm:mx-20 my-40">
        <div>
          <div className="text-white text-xl text-center">
            <div className="name-folder uppercase my-4 font-medium text-secondary">
              Harshal Raikwar
            </div>
            <div className="flex flex-row justify-center gap-6">
              <div className="text-sm font-light  underline  ml-0">
                <a
                  href="https://www.linkedin.com/in/harshalraikwal/"
                  rel="noopener noreferrer"
                  target="_blank">
                  <i className="bx bxl-github icon-size"></i>
                </a>
              </div>
              <div className="text-sm font-light   underline  ml-0">
                <a
                  href="https://www.linkedin.com/in/harshalraikwal/"
                  rel="noopener noreferrer"
                  target="_blank">
                  <i className="bx bxl-linkedin icon-size"></i>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div>
          <div className="text-white text-xl text-center">
            <div className="name-folder uppercase my-4 font-medium text-secondary">
              Gaurav Sinha
            </div>
            <div className="flex flex-row justify-center gap-6">
              <div className="text-sm font-light  underline  ml-0">
                <a
                  href="https://github.com/gauravsinhaweb"
                  rel="noopener noreferrer"
                  target="_blank">
                  <i className="bx bxl-github icon-size"></i>
                </a>
              </div>
              <div className="text-sm font-light   underline  ml-0">
                <a
                  href="https://www.linkedin.com/in/gaurav-sinha-032386187/"
                  rel="noopener noreferrer"
                  target="_blank">
                  <i className="bx bxl-linkedin icon-size"></i>
                </a>
              </div>
            </div>
          </div>
        </div>

        <div>
          <div className="text-white text-xl text-center">
            <div className="name-folder uppercase my-4 font-medium text-secondary">
              Ritesh Kumar
            </div>
            <div className="flex flex-row justify-center gap-6">
              <div className="text-sm font-light  underline  ml-0">
                <a
                  href="https://github.com/Slowgeek"
                  rel="noopener noreferrer"
                  target="_blank">
                  <i className="bx bxl-github icon-size"></i>
                </a>
              </div>
              <div className="text-sm font-light   underline  ml-0">
                <a
                  href="https://www.linkedin.com/in/ritesh-kumar-300a221b7/"
                  rel="noopener noreferrer"
                  target="_blank">
                  <i className="bx bxl-linkedin icon-size"></i>
                </a>
              </div>
            </div>
          </div>
        </div>

        <div>
          <div className="text-white text-xl text-center">
            <div className="name-folder uppercase my-4 font-medium text-secondary">
              Allen Xavier Arasan
            </div>
            <div className="flex flex-row justify-center gap-6">
              <div className="text-sm font-light  underline  ml-0">
                <a
                  href="https://github.com/xavierallem"
                  rel="noopener noreferrer"
                  target="_blank">
                  <i className="bx bxl-github icon-size"></i>
                </a>
              </div>
              <div className="text-sm font-light   underline  ml-0">
                <a href="#" rel="noopener noreferrer" target="_blank">
                  <i className="bx bxl-linkedin icon-size"></i>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div>
          <div className="text-white text-xl text-center">
            <div className="name-folder uppercase my-4 font-medium text-secondary">
              Harshit Raj
            </div>
            <div className="flex flex-row justify-center gap-6">
              <div className="text-sm font-light  underline  ml-0">
                <a
                  href="https://github.com/rharshit82"
                  rel="noopener noreferrer"
                  target="_blank">
                  <i className="bx bxl-github icon-size"></i>
                </a>
              </div>
              <div className="text-sm font-light   underline  ml-0">
                <a href="#" rel="noopener noreferrer" target="_blank">
                  <i className="bx bxl-linkedin icon-size"></i>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div>
          <div className="text-white text-xl text-center">
            <div className="name-folder uppercase my-4 font-medium text-secondary">
              Adarsh Chakraborty
            </div>
            <div className="flex flex-row justify-center gap-6">
              <div className="text-sm font-light  underline  ml-0">
                <a
                  href="https://github.com/adarsh-chakraborty"
                  rel="noopener noreferrer"
                  target="_blank">
                  <i className="bx bxl-github icon-size"></i>
                </a>
              </div>
              <div className="text-sm font-light   underline  ml-0">
                <a
                  href="https://linkedin.com/in/adarsh-chakraborty"
                  rel="noopener noreferrer"
                  target="_blank">
                  <i className="bx bxl-linkedin icon-size"></i>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div>
          <div className="text-white text-xl text-center">
            <div className="name-folder uppercase my-4 font-medium text-secondary">
              Adithya Pai B
            </div>
            <div className="flex flex-row justify-center gap-6">
              <div className="text-sm font-light  underline  ml-0">
                <a
                  href="https://github.com/adithyapaib"
                  rel="noopener noreferrer"
                  target="_blank">
                  <i className="bx bxl-github icon-size"></i>
                </a>
              </div>
              <div className="text-sm font-light   underline  ml-0">
                <a
                  href="https://www.linkedin.com/in/adithyapaib"
                  rel="noopener noreferrer"
                  target="_blank">
                  <i className="bx bxl-linkedin icon-size"></i>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div>
          <div className="text-white text-xl text-center">
            <div className="name-folder uppercase my-4 font-medium text-secondary">
              Mihir Harshe
            </div>
            <div className="flex flex-row justify-center gap-6">
              <div className="text-sm font-light  underline  ml-0">
                <a
                  href="https://github.com/mihirharshe"
                  rel="noopener noreferrer"
                  target="_blank">
                  <i className="bx bxl-github icon-size"></i>
                </a>
              </div>
              <div className="text-sm font-light   underline  ml-0">
                <a
                  href="https://www.linkedin.com/in/mihirharshe"
                  rel="noopener noreferrer"
                  target="_blank">
                  <i className="bx bxl-linkedin icon-size"></i>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Contributors;
