responsive home page and layout

2026-07-19 16:29:37 +03:30
parent 2adaac8ec4
commit cd266c057c
20 changed files with 198 additions and 137 deletions
@@ -4,9 +4,15 @@ 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 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>
  );
 };