"use client";

import React, { useEffect } from "react";
import About_Info from "./about_Info/About_Info";
import { useDispatch, useSelector } from "react-redux";
import {
  getAboutUs,
  getAch_and_ack,
  getContent,
} from "../../features/aboutus/aboutusSlice";
import Counter from "./counter/Counter";
import Our_objective from "./our-objectives/Our_objectives";
import Banner_vdo from "./banner_vdo/Banner_vdo";

function About_us() {
  const about_us = useSelector((state) => state.aboutus.about_us);
  const dispatch = useDispatch();
  useEffect(() => {
    dispatch(getAboutUs());
  }, [dispatch]);

  const ach_and_ack = useSelector((state) => state.aboutus.ach_and_ack);

  useEffect(() => {
    dispatch(getAch_and_ack());
  }, [dispatch]);
  return (
    <>
      <Banner_vdo about_us={about_us} />
      <About_Info about_us={about_us} />
      <Our_objective /> <Counter />
    </>
  );
}

export default About_us;
