From 3e216a140b5a39dbb29ae8f33c098ec694c06ec8 Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Tue, 12 Sep 2023 17:38:36 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20Added=20initial=20component=20st?=
 =?UTF-8?q?ructure.=20=F0=9F=93=9D=20Added=20form=20elements=20and=20label?=
 =?UTF-8?q?s.=20=F0=9F=9B=8F=EF=B8=8F=20Implemented=20property=20type=20se?=
 =?UTF-8?q?lection.=20=F0=9F=8F=A0=20Added=20place=20name=20input=20field.?=
 =?UTF-8?q?=20=F0=9F=8F=A1=20Included=20rental=20form=20selection.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../[[...stepIndex]]/PageAddListing1.tsx      | 51 +++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 src/app/add-listing/[[...stepIndex]]/PageAddListing1.tsx

diff --git a/src/app/add-listing/[[...stepIndex]]/PageAddListing1.tsx b/src/app/add-listing/[[...stepIndex]]/PageAddListing1.tsx
new file mode 100644
index 0000000..9daa2a7
--- /dev/null
+++ b/src/app/add-listing/[[...stepIndex]]/PageAddListing1.tsx
@@ -0,0 +1,51 @@
+import React, { FC } from "react";
+import Input from "@/shared/Input";
+import Select from "@/shared/Select";
+import FormItem from "../FormItem";
+
+export interface PageAddListing1Props {}
+
+const PageAddListing1: FC<PageAddListing1Props> = () => {
+  return (
+    <>
+      <h2 className="text-2xl font-semibold">Choosing listing categories</h2>
+      <div className="w-14 border-b border-neutral-200 dark:border-neutral-700"></div>
+      {/* FORM */}
+      <div className="space-y-8">
+        {/* ITEM */}
+        <FormItem
+          label="Choose a property type"
+          desc="Hotel: Professional hospitality businesses that usually have a unique style or theme defining their brand and decor"
+        >
+          <Select>
+            <option value="Hotel">Hotel</option>
+            <option value="Cottage">Cottage</option>
+            <option value="Villa">Villa</option>
+            <option value="Cabin">Cabin</option>
+            <option value="Farm stay">Farm stay</option>
+            <option value="Houseboat">Houseboat</option>
+            <option value="Lighthouse">Lighthouse</option>
+          </Select>
+        </FormItem>
+        <FormItem
+          label="Place name"
+          desc="A catchy name usually includes: House name + Room name + Featured property + Tourist destination"
+        >
+          <Input placeholder="Places name" />
+        </FormItem>
+        <FormItem
+          label="Rental form"
+          desc="Entire place: Guests have the whole place to themselves—there's a private entrance and no shared spaces. A bedroom, bathroom, and kitchen are usually included."
+        >
+          <Select>
+            <option value="Hotel">Entire place</option>
+            <option value="Private room">Private room</option>
+            <option value="Share room">Share room</option>
+          </Select>
+        </FormItem>
+      </div>
+    </>
+  );
+};
+
+export default PageAddListing1;