import Seperator from "@components/Seperator";
import SeperatorInner from "@components/SeperatorInner";
import Projects from "@components/swiper/Projects";

const HomeProjects = ({ homeProjects }: any) => {
  homeProjects = homeProjects.data;
  return (
    <>
      <Seperator />
      <section className="home-projects-section">
        <SeperatorInner />
        <div className="content-fluid">
          <div className="flex justify-center">
            <h2 className="section-header">
              <span className="z-index-1">Our Projects</span>
            </h2>
          </div>
          <SeperatorInner />
        </div>
        <Projects homeProjects={homeProjects} />
      </section>
    </>
  );
};

export default HomeProjects;