import React from "react";
/**
 * Represents home coops  component for  home page
 * @module Home/Coops
 * @returns {JSX.Element} The Coops component.
 */
function coop() {
  return (
    <section className="coops-section rounded-lg pt-20 pb-32">
      <div className="container text-center relative">
        <img
          src="/eclipse-new.png"
          alt=""
          className="absolute coops-one motion-safe:animate-ping"
          srcSet=""
        />
        <div className="card-wrapper border-2 border-[#fff] p-10 relative backdrop-blur-sm bg-white/30 z-10 rounded">
          <h2 className="text-[38px]  font-[600]  mt-3 mb-2 leading-10 ">
            Coop 2 Govs
          </h2>
          <h4 className="leading-8 font-[600]">
            {" "}
            "सामाजिक औधोगिक अभियानका लागि प्रतिपादित सिद्धान्त" <br />
            “Community-Private, Corporate-Public-Cooperative-others, and
            Government to venture and Settlement”
          </h4>
        </div>
        <img
          src="/eclipse-new.png"
          alt=""
          className="absolute coops-two motion-safe:animate-ping"
          srcSet=""
        />
      </div>
    </section>
  );
}
export default coop;