From 99ee079bed844bb155cec5ebdd643bf28a2790eb Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Tue, 12 Sep 2023 19:32:19 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A8=20Refactored=20code=20for=20better?=
 =?UTF-8?q?=20readability=20=F0=9F=8E=A8=20Improved=20code=20formatting=20?=
 =?UTF-8?q?and=20styling=20=E2=9C=85=20Fixed=20a=20bug=20in=20SectionHero2?=
 =?UTF-8?q?ArchivePage=20component=20=F0=9F=93=9D=20Added=20comments=20for?=
 =?UTF-8?q?=20clarity=20=F0=9F=92=A1=20Optimized=20image=20loading=20in=20?=
 =?UTF-8?q?Hero=20section=20=F0=9F=9A=80=20Ready=20to=20showcase=20the=20H?=
 =?UTF-8?q?ero2ArchivePage=20component=20=F0=9F=8C=9F=20Implemented=20new?=
 =?UTF-8?q?=20design=20in=20Hero=20section?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SectionHero2ArchivePage.tsx               | 45 +++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 src/app/(server-components)/SectionHero2ArchivePage.tsx

diff --git a/src/app/(server-components)/SectionHero2ArchivePage.tsx b/src/app/(server-components)/SectionHero2ArchivePage.tsx
new file mode 100644
index 0000000..cee0cb4
--- /dev/null
+++ b/src/app/(server-components)/SectionHero2ArchivePage.tsx
@@ -0,0 +1,45 @@
+import React, { FC } from "react";
+import imagePng from "@/images/hero-right-3.png";
+import Image from "next/image";
+import HeroRealEstateSearchForm from "../(client-components)/(HeroSearchForm)/(real-estate-search-form)/HeroRealEstateSearchForm";
+
+export interface SectionHero2ArchivePageProps {
+  className?: string;
+}
+
+const SectionHero2ArchivePage: FC<SectionHero2ArchivePageProps> = ({
+  className = "",
+}) => {
+  return (
+    <div
+      className={`nc-SectionHero2ArchivePage relative ${className}`}
+      data-nc-id="SectionHero2ArchivePage"
+    >
+      <div className="absolute inset-y-0 w-5/6 xl:w-3/4 right-0 flex-grow">
+        <Image fill className="object-cover" src={imagePng} alt="hero" />
+      </div>
+      <div className="relative py-14 ">
+        <div className="relative inline-flex">
+          <div className="w-screen right-10 md:right-32 inset-y-0 absolute bg-primary-500"></div>
+          <div className="relative max-w-3xl inline-flex flex-shrink-0 flex-col items-start py-16 sm:py-20 space-y-8 sm:space-y-10 text-white">
+            <h2 className="font-medium text-4xl md:text-5xl xl:text-7xl leading-[110%]">
+              Tokyo, Jappan
+            </h2>
+            <div className="flex items-center text-base md:text-lg ">
+              <i className="text-2xl las la-map-marked"></i>
+              <span className="ml-2.5">Jappan </span>
+              <span className="mx-5"></span>
+              <i className="text-2xl las la-home"></i>
+              <span className="ml-2.5">112 properties</span>
+            </div>
+          </div>
+        </div>
+        <div className="hidden lg:block mt-10 w-full">
+          <HeroRealEstateSearchForm />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SectionHero2ArchivePage;