diff --git a/components/Forms/BookingWidget/index.tsx b/components/Forms/BookingWidget/index.tsx
index 5df16e817..7dadceeaa 100644
--- a/components/Forms/BookingWidget/index.tsx
+++ b/components/Forms/BookingWidget/index.tsx
@@ -1,5 +1,6 @@
 "use client"
 import { zodResolver } from "@hookform/resolvers/zod"
+import { useRouter } from "next/navigation"
 import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 
@@ -19,6 +20,7 @@ const formId = "booking-widget"
 
 export default function Form() {
   const intl = useIntl()
+  const router = useRouter()
   const methods = useForm<BookingWidgetSchema>({
     defaultValues: {
       search: {
@@ -48,8 +50,9 @@ export default function Form() {
 
   function onSubmit(data: BookingWidgetSchema) {
     console.log(data)
-    // Parse data and route accordignly to Select hotel or select room-rate page
+    // TODO: Parse data and route accordignly to Select hotel or select room-rate page
     console.log("to be routing")
+    router.push("/en/hotelreservation/select-hotel")
   }
 
   return (