diff --git a/app/home/Home.tsx b/app/home/Home.tsx
index 57fff0e..597a27d 100644
--- a/app/home/Home.tsx
+++ b/app/home/Home.tsx
@@ -1,5 +1,11 @@
+import BannerSection from "./components/BannerSection";
+
 const Home = () => {
-  return <div></div>;
+  return (
+    <div>
+      <BannerSection />
+    </div>
+  );
 };
 
 export default Home;
diff --git a/app/home/components/BannerSection.tsx b/app/home/components/BannerSection.tsx
new file mode 100644
index 0000000..2be0aac
--- /dev/null
+++ b/app/home/components/BannerSection.tsx
@@ -0,0 +1,27 @@
+import banner from "@/assets/images/banner.png";
+import Image from "next/image";
+import { FC } from "react";
+
+const BannerSection: FC = () => {
+  return (
+    <div className="w-full h-[500px]">
+      <div className="relative">
+        <Image src={banner} alt="banner" width={2000} height={574} className="w-full max-h-[574px] object-cover" />
+        <div className="absolute h-full right-[120px] top-0 bottom-0 m-auto flex flex-col justify-center">
+          <div className="text-base">چاپ و بسته بندی به روش هوشمندانه</div>
+          <div className="text-2xl font-black mt-4">مجــتمع تخصصــــــی</div>
+          <div className="text-2xl font-black mt-4">
+            چــــــاپ و بستــــه بندی <span className="text-primary">دستی</span> و <span className="text-primary">هوشمند</span>{" "}
+          </div>
+          <div className="mt-4 text-base flex flex-col gap-3">
+            <div>قیمت‌های عالی</div>
+            <div>خدمات مشتریان بی‌نظیر</div>
+            <div>سیستم سفارش‌گیری ساده</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default BannerSection;
diff --git a/assets/images/banner.png b/assets/images/banner.png
new file mode 100644
index 0000000..5745600
Binary files /dev/null and b/assets/images/banner.png differ