From 076f7d905c57efbc65b6853df7f972790ee6d2bd Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Sun, 10 Sep 2023 17:38:16 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Refactor=20SectionBecomeAnAuthor?=
 =?UTF-8?q?=20component=20=F0=9F=91=B7=E2=80=8D=E2=99=82=EF=B8=8F=20Improv?=
 =?UTF-8?q?ed=20code=20structure=20and=20readability=20=F0=9F=8E=A8=20Upda?=
 =?UTF-8?q?ted=20component=20layout=20and=20styling=20=F0=9F=93=9A=20Added?=
 =?UTF-8?q?=20alt=20text=20for=20Image=20component=20=F0=9F=9A=80=20Ready?=
 =?UTF-8?q?=20for=20a=20better=20user=20experience!?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SectionBecomeAnAuthor.tsx | 42 ++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/components/SectionBecomeAnAuthor.tsx

diff --git a/src/components/SectionBecomeAnAuthor.tsx b/src/components/SectionBecomeAnAuthor.tsx
new file mode 100644
index 0000000..24cf52c
--- /dev/null
+++ b/src/components/SectionBecomeAnAuthor.tsx
@@ -0,0 +1,42 @@
+import React, { FC } from "react";
+import rightImgDemo from "@/images/BecomeAnAuthorImg.png";
+import ButtonPrimary from "@/shared/ButtonPrimary";
+import Logo from "@/shared/Logo";
+import Image from "next/image";
+
+export interface SectionBecomeAnAuthorProps {
+  className?: string;
+  rightImg?: string;
+}
+
+const SectionBecomeAnAuthor: FC<SectionBecomeAnAuthorProps> = ({
+  className = "",
+  rightImg = rightImgDemo,
+}) => {
+  return (
+    <div
+      className={`nc-SectionBecomeAnAuthor relative flex flex-col lg:flex-row items-center  ${className}`}
+      data-nc-id="SectionBecomeAnAuthor"
+    >
+      <div className="flex-shrink-0 mb-16 lg:mb-0 lg:mr-10 lg:w-2/5">
+        <Logo className="w-20" />
+        <h2 className="font-semibold text-3xl sm:text-4xl mt-6 sm:mt-11">
+          Why did you choose us?
+        </h2>
+        <span className="block mt-6 text-neutral-500 dark:text-neutral-400">
+          Accompanying us, you have a trip full of experiences. With Chisfis,
+          booking accommodation, resort villas, hotels, private houses,
+          apartments... becomes fast, convenient and easy.
+        </span>
+        <ButtonPrimary className="mt-6 sm:mt-11">
+          Become an author
+        </ButtonPrimary>
+      </div>
+      <div className="flex-grow">
+        <Image alt="" src={rightImg} />
+      </div>
+    </div>
+  );
+};
+
+export default SectionBecomeAnAuthor;