import ImageSrc from "@/assets/images/OrderRegistrationSteps.png";
import Image from "next/image";
import { FC } from "react";

const OrderRegistrationSteps: FC = () => {
  return (
    <div className="px-4 py-12 sm:px-8 sm:py-16 lg:p-[120px] bg-[#F1F6FA] mt-12 sm:mt-16 lg:mt-[120px]">
      <div className="text-lg sm:text-2xl font-bold">سفارش بر اساس کاربرد</div>
      <Image
        src={ImageSrc}
        alt="Order Registration Steps"
        width={1000}
        height={1000}
        className="w-full mt-8 sm:mt-12 h-auto object-contain"
      />
    </div>
  );
};

export default OrderRegistrationSteps;