import React, { useEffect } from "react";
import "./Achievements_and_acknowledgments.css";
import Achievements_and_acknowledgments_card from "./achievements_and_acknowledgments_card/Achievements_and_acknowledgments_card";
import { useDispatch, useSelector } from "react-redux";
import { getAch_and_ack } from "../../../features/aboutus/aboutusSlice";

function Achievements_and_acknowledgments({ach_and_ack}) {
 
  return (
    <>
      <div className="container-fluid">
        <section className="Achievements_and_acknowledgments">
          <div className="heading_holder text-center">
            <h4 className="heading_text">ACHIEVEMENTS & ACKNOWLEDGMENTS</h4>
          </div>
          <div className="row justify-content-around">
            {ach_and_ack?.data?.map((value) => (

              <div className="col-md-4 col-sm-6 col-6">
                <Achievements_and_acknowledgments_card
                  ach_and_ack_data={value}
                />
              </div>

            ))}
            {/* <div className="col-md-4 col-sm-6 col-6">
              <Achievements_and_acknowledgments_card
                imgSrc="/assets/images/about_us/achievements_and_acknowledgments/soil.png"
                headingText="Our Path to Sustainability"
                textInfo="A vision grounded in regenerative farming and ecological balance"
              />
            </div>

            <div className="col-md-4 col-sm-6 col-6">
              <Achievements_and_acknowledgments_card
                imgSrc="/assets/images/about_us/achievements_and_acknowledgments/Happiness.png"
                headingText="A Move Toward Happiness"
                textInfo="A heartfelt transition from conventional farming to a purpose-led life"
              />
            </div> */}
          </div>
        </section>
      </div>
    </>
  );
}

export default Achievements_and_acknowledgments;
