order-regiteration-steps

app/home/Home.tsx

@@ -2,6 +2,7 @@ import BannerSection from "./components/BannerSection";
 import BestSellerCategories from "./components/BestSellerCategories";
 import CategorySection from "./components/CategorySection";
 import OrderByApplication from "./components/OrderByApplication";
+import OrderRegistrationSteps from "./components/OrderRegistrationSteps";
 import ProductSection from "./components/ProductSection";
 import StepSection from "./components/StepSection";
 
@@ -14,6 +15,7 @@ const Home = () => {
       <ProductSection />
       <OrderByApplication />
       <BestSellerCategories />
+      <OrderRegistrationSteps />
     </div>
   );
 };

app/home/components/OrderRegistrationSteps.tsx

@@ -0,0 +1,14 @@
+import ImageSrc from "@/assets/images/OrderRegistrationSteps.png";
+import Image from "next/image";
+import { FC } from "react";
+
+const OrderRegistrationSteps: FC = () => {
+  return (
+    <div className="p-[120px] bg-[#F1F6FA] mt-[120px]">
+      <div className="text-2xl font-bold">سفارش بر اساس کاربرد</div>
+      <Image src={ImageSrc} alt="Order Registration Steps" width={1000} height={1000} className="w-full mt-12 h-auto object-contain" />
+    </div>
+  );
+};
+
+export default OrderRegistrationSteps;