diff --git a/src/app/(listing-detail)/listing-experiences-detail/page.tsx b/src/app/(listing-detail)/listing-experiences-detail/page.tsx new file mode 100644 index 0000000..f8b1e92 --- /dev/null +++ b/src/app/(listing-detail)/listing-experiences-detail/page.tsx @@ -0,0 +1,505 @@ +"use client"; + +import React, { FC, useState } from "react"; +import { ArrowRightIcon, Squares2X2Icon } from "@heroicons/react/24/outline"; +import CommentListing from "@/components/CommentListing"; +import FiveStartIconForRate from "@/components/FiveStartIconForRate"; +import Avatar from "@/shared/Avatar"; +import Badge from "@/shared/Badge"; +import ButtonCircle from "@/shared/ButtonCircle"; +import ButtonPrimary from "@/shared/ButtonPrimary"; +import ButtonSecondary from "@/shared/ButtonSecondary"; +import Input from "@/shared/Input"; +import { usePathname, useRouter } from "next/navigation"; +import LikeSaveBtns from "@/components/LikeSaveBtns"; +import StartRating from "@/components/StartRating"; +import { includes_demo, PHOTOS } from "./constant"; +import Image from "next/image"; +import StayDatesRangeInput from "./StayDatesRangeInput"; +import GuestsInput from "./GuestsInput"; +import SectionDateRange from "../SectionDateRange"; +import { Route } from "next"; + +export interface ListingExperiencesDetailPageProps {} + +const ListingExperiencesDetailPage: FC< + ListingExperiencesDetailPageProps +> = ({}) => { + const thisPathname = usePathname(); + const router = useRouter(); + + const handleOpenModalImageGallery = () => { + router.push(`${thisPathname}/?modal=PHOTO_TOUR_SCROLLABLE` as Route); + }; + + const renderSection1 = () => { + return ( +
+ TRANG AN BOAT TOUR & MUA CAVE CLIMBING TOUR FROM HANOI
+
+
+ 07:30 – 08:00 – Our guide will meet you at your hotel/stay and start
+ a 120km comfortable Limousine bus journey through the verdant
+ landscape. Stopover for a rest on the way.
+
+
+ BAI DINH PAGODA EXPLORER.
+
+
+ 10:30 – Arrive Bai Dinh pagoda complex, get on electric cars to
+ visit massive architecture.
+
+
+ 12:15 – Enjoy the buffet lunch at our restaurant, a great place to
+ savor the flavours of Vietnamese food.
+
+
+ TRANG AN TOUR ON BOAT.
+
+
+ 13:30 – Visit Trang An Grottoes, get on a rowing boat traveling
+ along the river with scenic mountain and green fields landscape.
+
+
+ MUA CAVE HIKING. TAKE PICTURE
+
+
+ 15:45 – Arrive at Mua Cave and start an amazing trek up to the top
+ of Ngoa Long mountain.
+
+
+ 17:30 – 20:00 – Return to our Limousine bus and then come back to
+ Hanoi. Drop you off at your hotel/stay. Other things to note
+
+
+ It is one full day tour. Start from 07.30 AM and finish at 20.00. We
+ just put one hour and default departure time because we have many
+ other tours. IF you need any further details
+