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

const ServiceOtherServices = ({ otherService }: any) => {
  otherService = otherService.data;
  return (
    <>
      <Seperator />
      <section>
        <div className="content-fluid">
          <div className="flex justify-center">
            <h2 className="section-header gradient-extra">
              <span className="z-index-1">More Services</span>
            </h2>
          </div>
          <SeperatorInner />
          <Services services={otherService} />
        </div>
      </section>
    </>
  );
};

export default ServiceOtherServices;