diff --git a/app/home/Home.tsx b/app/home/Home.tsx
index cf7ae84..2f1ac66 100644
--- a/app/home/Home.tsx
+++ b/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>
   );
 };
diff --git a/app/home/components/OrderRegistrationSteps.tsx b/app/home/components/OrderRegistrationSteps.tsx
new file mode 100644
index 0000000..5ade2b7
--- /dev/null
+++ b/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;
diff --git a/assets/images/OrderRegistrationSteps.png b/assets/images/OrderRegistrationSteps.png
new file mode 100644
index 0000000..0a30e0f
Binary files /dev/null and b/assets/images/OrderRegistrationSteps.png differ