diff --git a/src/app/(client-components)/(HeroSearchForm)/(stay-search-form)/StaySearchForm.tsx b/src/app/(client-components)/(HeroSearchForm)/(stay-search-form)/StaySearchForm.tsx
new file mode 100644
index 0000000..a3e7dff
--- /dev/null
+++ b/src/app/(client-components)/(HeroSearchForm)/(stay-search-form)/StaySearchForm.tsx
@@ -0,0 +1,22 @@
+import React, { FC } from "react";
+import LocationInput from "../LocationInput";
+import GuestsInput from "../GuestsInput";
+import StayDatesRangeInput from "./StayDatesRangeInput";
+
+const StaySearchForm: FC<{}> = ({}) => {
+  const renderForm = () => {
+    return (
+      <form className="w-full relative mt-8 flex rounded-full shadow-xl dark:shadow-2xl bg-white dark:bg-neutral-800 ">
+        <LocationInput className="flex-[1.5]" />
+        <div className="self-center border-r border-slate-200 dark:border-slate-700 h-8"></div>
+        <StayDatesRangeInput className="flex-1" />
+        <div className="self-center border-r border-slate-200 dark:border-slate-700 h-8"></div>
+        <GuestsInput className="flex-1" />
+      </form>
+    );
+  };
+
+  return renderForm();
+};
+
+export default StaySearchForm;