import Seperator from "@components/Seperator";
import SeperatorInner from "@components/SeperatorInner";
import Services from "@components/Services";
import Momentus from "@svg/Momentus";

const HomeServices = ({ homeServices }: any) => {
  homeServices = homeServices.data;

  return (
    <>
      <Seperator />
      <section className="home-services-section" id="services">
        <SeperatorInner />
        <div className="content-fluid">
          <div className="flex justify-center">
            <h2 className="section-header white">
              <span className="z-index-1">SERVICES</span>
            </h2>
          </div>
          <SeperatorInner />
          <Services services={homeServices} />
        </div>
        <SeperatorInner />
        <Momentus />
      </section>
    </>
  );
};

export default HomeServices;