From 893bb467a699746b5b36b3a8e3ca750db248b7a7 Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Tue, 12 Sep 2023 19:31:40 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20Added=20SectionHero2=20component?=
 =?UTF-8?q?.=20=F0=9F=8E=89=20Implemented=20hero=20image=20display.=20?=
 =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F=20Updated=20SectionHero2=20layout.=20?=
 =?UTF-8?q?=E2=9C=A8=20Added=20real=20estate=20search=20form.=20?=
 =?UTF-8?q?=F0=9F=93=B8=20Included=20hero=20image=20component.=20?=
 =?UTF-8?q?=F0=9F=8C=9F=20Enhanced=20SectionHero2=20design.=20=F0=9F=94=84?=
 =?UTF-8?q?=20Refactored=20SectionHero2=20code.=20=F0=9F=8F=A0=20Integrate?=
 =?UTF-8?q?d=20real=20estate=20search=20functionality.=20=F0=9F=8C=86=20Op?=
 =?UTF-8?q?timized=20hero=20section=20for=20better=20performance.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/app/(server-components)/SectionHero2.tsx b/src/app/(server-components)/SectionHero2.tsx
new file mode 100644
index 0000000..ac1e19d
--- /dev/null
+++ b/src/app/(server-components)/SectionHero2.tsx
@@ -0,0 +1,38 @@
+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 SectionHero2Props {
+  className?: string;
+  children?: React.ReactNode;
+}
+
+const SectionHero2: FC<SectionHero2Props> = ({ className = "", children }) => {
+  return (
+    <div className={`nc-SectionHero2 relative ${className}`}>
+      <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 lg:py-20">
+        <div className="relative inline-flex">
+          <div className="w-screen right-20 md:right-52 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 lg:py-24 space-y-8 sm:space-y-10 text-white">
+            {children ? (
+              children
+            ) : (
+              <h2 className="font-semibold text-4xl md:text-5xl xl:text-7xl !leading-[110%]">
+                Find Your Best <br /> Smart Real Estate
+              </h2>
+            )}
+          </div>
+        </div>
+        <div className="hidden lg:block lg:mt-20 w-full">
+          <HeroRealEstateSearchForm />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SectionHero2;