From 9d10d6e1f92f084277143df77e1d3c083ddd4aa8 Mon Sep 17 00:00:00 2001 From: rachna rajak <113829584+rachnarajaka040@users.noreply.github.com> Date: Mon, 13 Feb 2023 14:13:11 +0530 Subject: [PATCH 1/9] zostel --- zostel/src/Components/Policies.jsx | 23 +++++++++++++++++++++++ zostel/src/Components/hotel/Aminities.jsx | 0 zostel/src/Components/hotel/Hotel.jsx | 0 3 files changed, 23 insertions(+) delete mode 100644 zostel/src/Components/hotel/Aminities.jsx delete mode 100644 zostel/src/Components/hotel/Hotel.jsx diff --git a/zostel/src/Components/Policies.jsx b/zostel/src/Components/Policies.jsx index 7a3640f..dbd396c 100644 --- a/zostel/src/Components/Policies.jsx +++ b/zostel/src/Components/Policies.jsx @@ -1 +1,24 @@ // Common for HotelPage, Payment page +// Common for HotelPage, Payment page +function Policies({policies}) +{ + return <> +
+

Property Policy

+ +

Cancellation Policy

+ +

For any other queries, please reach out to us at reservations@zostel.com.

+
+ + +} +export default Policies; \ No newline at end of file diff --git a/zostel/src/Components/hotel/Aminities.jsx b/zostel/src/Components/hotel/Aminities.jsx deleted file mode 100644 index e69de29..0000000 diff --git a/zostel/src/Components/hotel/Hotel.jsx b/zostel/src/Components/hotel/Hotel.jsx deleted file mode 100644 index e69de29..0000000 From baa5cb3a131f53ae18701add6b9fd0f9cc697f74 Mon Sep 17 00:00:00 2001 From: rachna rajak <113829584+rachnarajaka040@users.noreply.github.com> Date: Mon, 13 Feb 2023 15:31:04 +0530 Subject: [PATCH 2/9] zostel --- zostel/src/App.js | 10 +- zostel/src/Components/Navbar/Navbar.jsx | 2 +- .../destinations/ExpDestinations.jsx | 7 +- zostel/src/Components/payment/Payment.css | 133 ++++++++++++++ zostel/src/Components/payment/Payment.jsx | 163 +++++++++++++++++- zostel/src/Pages/Allrouter.jsx | 23 +++ zostel/src/Pages/DestinationPage.js | 6 +- zostel/src/Pages/DestinationsPage.js | 10 ++ 8 files changed, 346 insertions(+), 8 deletions(-) create mode 100644 zostel/src/Components/payment/Payment.css create mode 100644 zostel/src/Pages/Allrouter.jsx diff --git a/zostel/src/App.js b/zostel/src/App.js index 3c6c92c..8a26e90 100644 --- a/zostel/src/App.js +++ b/zostel/src/App.js @@ -2,12 +2,16 @@ import './App.css'; import Navbar from './Components/Navbar/Navbar'; import Footer from './Components/Footer/Footer' + +import Allrouter from './Pages/Allrouter'; function App() { return (
- -

-
); } diff --git a/zostel/src/Components/Navbar/Navbar.jsx b/zostel/src/Components/Navbar/Navbar.jsx index 70613c6..f43b1c8 100644 --- a/zostel/src/Components/Navbar/Navbar.jsx +++ b/zostel/src/Components/Navbar/Navbar.jsx @@ -27,7 +27,7 @@ export default function Navbar() { logo
- Destinations + Destinations

Zostel setMenuhover( { zostel: !menuhover.zostel, diff --git a/zostel/src/Components/destinations/ExpDestinations.jsx b/zostel/src/Components/destinations/ExpDestinations.jsx index 4c8edcd..9b1468d 100644 --- a/zostel/src/Components/destinations/ExpDestinations.jsx +++ b/zostel/src/Components/destinations/ExpDestinations.jsx @@ -1,7 +1,7 @@ // Explore Destinations// Explore Destinations import data from "../../demo.json"; import { useState } from "react"; - +import { Link } from "react-router-dom"; @@ -19,6 +19,7 @@ function ExpDestination(){ { data.Destinations.map((e) => { return ( +

{e.name}

- // + + {/* // */} + ) }) } diff --git a/zostel/src/Components/payment/Payment.css b/zostel/src/Components/payment/Payment.css new file mode 100644 index 0000000..984c29f --- /dev/null +++ b/zostel/src/Components/payment/Payment.css @@ -0,0 +1,133 @@ +#leftBoxes > div{ + border: 0.5px solid rgba(162, 162, 242, 0.734); + border-radius: 8px; + padding: 5px; + text-align: start; +} +#leftBoxes :nth-child(1){ + border-color: white; + text-align: start; +} +#leftBoxes > :nth-child(2) :nth-child(2){ + gap: 100px; +} +#leftBoxes > div :nth-child(1){ + background-color: #fafeff; + font-size: 18px; + text-align: start; + line-height: 24px; + color: #0a181d; + font-family: 'CircularStd, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif'; +} +#summary{ + text-align: start; + padding: 10px; + border: 0.5px solid rgba(162, 162, 242, 0.734); + border-radius: 8px; + height: 45%; + background-color: #fafeff; + font-family: 'CircularStd, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif'; + margin-top: 4.5%; + position: fixed; + margin-left: 60%; + justify-content: space-around; +} +#summary > :nth-child(4) > div{ + padding: 5px; +} +#checkbox{ + display: flex; + +} +#checkbox > p{ + font-size: small; + margin-left: 4%; +} +#mainDIv{ + margin: 100px; +} +#mainDiv{ + gap: 25px; + margin: 2% 8% 2% 8%; +} +#reserve{ + text-align: center; + padding: 20px; + color: #fafeff; + font-size: 120%; + font-family: 'CircularStd, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif'; + background-color: gray; + border-radius: 8px; +} +#costumerDetails > div{ + margin: 2%; + /* background-color: #0a181d; */ +} +#nameInput > :nth-child(2){ + margin-left: 7%; +} +#nameInput > input{ + margin: 5px; + height: 40px; + width: 20%; + border-radius: 7px; + text-align: center; + border-color:#fafeff +} +#genderInput select { + margin-left: 6%; + height: 50px; + width: 87%; + border-radius: 7px; + text-align: start; + /* border-color:#fafeff */ +} +#emailInput input { + margin-left: 7%; + height: 45px; + width: 87%; + border-radius: 7px; + text-align: start; + border-color:#fafeff + } + #numberInput input{ + margin-left: 5%; + height: 45px; + width: 87%; + border-radius: 7px; + text-align: start; + border-color:#fafeff + } + #adressInput input{ + margin-left: 5%; + height: 150px; + width: 87%; + border-radius: 7px; + text-align: start; + border-color:#fafeff + } + #property > div{ + padding: 1%; + } + #cancellationPolicy > div{ + padding: 1%; + } + #cancellationPolicy > :nth-child(1){ + font-weight: 500; + } + #guestInformation > :nth-child(1){ + padding: 1%; + margin-left: 1%; + border-bottom: 1px #fafeff; + } + #booking{ + display: flex; + + } + #booking > h1{ + margin-left: 1.7%; + margin-bottom: 1%; + line-height: 45px; + } + + diff --git a/zostel/src/Components/payment/Payment.jsx b/zostel/src/Components/payment/Payment.jsx index 4d38dc4..224e011 100644 --- a/zostel/src/Components/payment/Payment.jsx +++ b/zostel/src/Components/payment/Payment.jsx @@ -1 +1,162 @@ -// its a popup \ No newline at end of file +import React from "react"; +import './Payment.css'; + +const Payment = () => { + + return( +
+ +
+
+
+ + +

Confirm your booking

+
+
Guest Information
+
+
+ Name + + + +
+
+ Gender + +
+
+ Email + +
+
+ Number + +
+
+ Address + +
+
+
+ +
+
Property Policy
+
- Guests are required to pay a 21% advance at the time of booking itself. The entire balance needs to be cleared upon arrival at the property during check-in.

+ +- Our standard check-in time is 12 PM and the standard check-out time is 10 AM. Early check-in and late check-out requests are subject to availability, and may also attract an additional fee at the property's discretion.

+ +- We strictly DO NOT allow a group of more than 8 people. In case of a group of 4 or more, you might be purposefully allotted different dorm rooms. Further, if the group behaviour is deemed unfit at the property, the Zostel Property Manager, upon subjective evaluation, retains the full right to take required action which may also result in an on-spot cancellation without refunds.

+ +- Children below 18 years of age are not permitted entry/stay at any of our hostels, with or without guardians. We do not recommend families.

+ +- We only accept a government ID as valid identification proof. No local IDs shall be accepted at the time of check-in.

+ +- Guests are not permitted to bring outsiders inside the hostel campus.

+ +- We believe in self-help and do not provide luggage assistance or room services.

+ +- Drugs and any substance abuse is strictly banned inside and around the property.

+ +- Alcohol consumption is strictly prohibited in and around the property premises.

+ +- Right to admission reserved.

+ +

Chargeable & non-chargeable activities:

+ +Bonfire: INR 100 per person

+ +Rock climbing: INR 100 per person

+ +A Snooker Table: INR 150 per hour (12-2 PM and 7-11 PM only)

+ +Slacklining: Free of cost

+ +Badminton: Free of cost

+ + + +

NOTE:

+ +- You are advised to not follow any online maps for directions.

+ +- Only self-driven vehicles are allowed to be parked at the property. Chauffeur-driven cars can use the parking facility near the paragliding landing site. +

+
+
+
+
Cancellation Policy
+
We understand that sometimes plans change. Hence, to make it light on your pocket, we are only charging a 21% advance, which is on a non-refundable basis. +

+

+ +

NOTE:

+ +- 21% advance payment is non-refundable at all times, as stated above.

+ +- If you have paid any amount over this 21%, it stands applicable for a credit only if the cancellation is informed 7 days or more in advance. You will be able to avail the credited amount for any future booking at any of our properties.

+ +- If informed within 7 days of the standard check-in time (12 pm), the amount shall be adjusted against the cancellation fee.

+ + + +For any other queries, please reach out to us at reservations@zostel.com.
+
+ +
+ + + +
+

Summary

+
+ + starting from + +
+
+
+
+
+
+
+
+

Tax

+

+
+
+

Total (tax incl.)

+

+
+
+

Payable Now

+

+
+
+
+ +

I acknowledge and accept the terms and conditions mentioned in the Property Policy & Cancellation Policy.

+
+
+
Reserve
+
+
+
+ + +
+
+ + +
+ ); +}; + + +export default Payment; \ No newline at end of file diff --git a/zostel/src/Pages/Allrouter.jsx b/zostel/src/Pages/Allrouter.jsx new file mode 100644 index 0000000..ac7d4d0 --- /dev/null +++ b/zostel/src/Pages/Allrouter.jsx @@ -0,0 +1,23 @@ +import {Routes,Route} from 'react-router-dom'; +import Destination from "./DestinationPage"; +import HomePage from "./HomePage"; +import Hotel from "./HotelPage" +import Destinations from './DestinationsPage'; + + +function Allrouter(){ + return ( + +
+ + } > + } > + } > + } > + {/* } > */} + +
+ ); +} + +export default Allrouter; \ No newline at end of file diff --git a/zostel/src/Pages/DestinationPage.js b/zostel/src/Pages/DestinationPage.js index 7060c44..4b75f72 100644 --- a/zostel/src/Pages/DestinationPage.js +++ b/zostel/src/Pages/DestinationPage.js @@ -2,8 +2,12 @@ import Location from '../Components/destination/Location' import About from '../Components/destination/About' import Hotels from '../Components/destination/Hotels' import Map from '../Components/destination/Map' -function Destination({id,name,hotels,desc,img}) +import { useParams } from 'react-router-dom'; +import data from '../demo.json' +function Destination() { + const {id}=useParams(); + {} return(<> diff --git a/zostel/src/Pages/DestinationsPage.js b/zostel/src/Pages/DestinationsPage.js index e69de29..e6630c5 100644 --- a/zostel/src/Pages/DestinationsPage.js +++ b/zostel/src/Pages/DestinationsPage.js @@ -0,0 +1,10 @@ +import ExpDestination from '../Components/destinations/ExpDestinations'; +function Destinations(){ +return( +
+ +
+); +} + +export default Destinations; From 42fd9e344f53e0efaca67843ab7308a9e1891782 Mon Sep 17 00:00:00 2001 From: Agramom <108925739+Agramom@users.noreply.github.com> Date: Mon, 13 Feb 2023 16:47:52 +0530 Subject: [PATCH 3/9] testing --- zostel/src/Components/destination/Hotels.jsx | 13 +++------ zostel/src/Pages/Allrouter.jsx | 2 +- zostel/src/Pages/DestinationPage.js | 17 ++++++++--- zostel/src/Pages/HotelPage.js | 30 ++++++++++++++------ 4 files changed, 40 insertions(+), 22 deletions(-) diff --git a/zostel/src/Components/destination/Hotels.jsx b/zostel/src/Components/destination/Hotels.jsx index a81373f..180f7c5 100644 --- a/zostel/src/Components/destination/Hotels.jsx +++ b/zostel/src/Components/destination/Hotels.jsx @@ -1,17 +1,12 @@ import data from '../../demo.json' import { useState } from 'react' +import { useNavigate } from 'react-router-dom'; function Hotels({name,hotels}) { + let hotel=useNavigate() let[hover,Sethover]=useState(false); - function hoveron() - { - Sethover(true); - } - function hoveroff() - { - Sethover(false) - } + // Styles const stayStyles={ @@ -102,7 +97,7 @@ function Hotels({name,hotels})
ZOSTEL

{e.name}

{e.desc.rec}

-

Starting from {e.location.min}

+

Starting from {e.location.min}

diff --git a/zostel/src/Pages/Allrouter.jsx b/zostel/src/Pages/Allrouter.jsx index ac7d4d0..3856886 100644 --- a/zostel/src/Pages/Allrouter.jsx +++ b/zostel/src/Pages/Allrouter.jsx @@ -12,7 +12,7 @@ function Allrouter(){ } > } > - } > + } > } > {/* } > */} diff --git a/zostel/src/Pages/DestinationPage.js b/zostel/src/Pages/DestinationPage.js index 4b75f72..1f0f56a 100644 --- a/zostel/src/Pages/DestinationPage.js +++ b/zostel/src/Pages/DestinationPage.js @@ -7,11 +7,20 @@ import data from '../demo.json' function Destination() { const {id}=useParams(); - {} + console.log(id) + console.log(data.Destinations) + let ele =null; + data.Destinations.map(e=>{ + if(e.id==id) + { + ele=e; + + } + }) return(<> - - - + + + ) diff --git a/zostel/src/Pages/HotelPage.js b/zostel/src/Pages/HotelPage.js index 3f12471..e057575 100644 --- a/zostel/src/Pages/HotelPage.js +++ b/zostel/src/Pages/HotelPage.js @@ -4,14 +4,28 @@ import Description from '../Components/hotel/Description' import HotelPic from '../Components/hotel/HotelPic' // import Hotel from '../Components/hotel/LocateUs' import Room from '../Components/hotel/Room' -// import Hotel from '../Components/hotel/OtherStays' -function Hotel({id,name,img,desc,policies,location,aminities}) +import data from '../demo.json' +import { useParams } from 'react-router-dom' +function Hotel() { - return<> - - - - - + const {cid}=useParams(); + + let elem=null; + data.Hotels.map(e=>{ + if(cid==e.id) + { + elem=e + + } + }) + + console.log(elem) + return(<> + + {/* + */} + + {/* */} + ) } export default Hotel; \ No newline at end of file From 4dcaf39ef1f191e78bde1b6a33816855650b2fd7 Mon Sep 17 00:00:00 2001 From: Agramom <108925739+Agramom@users.noreply.github.com> Date: Mon, 13 Feb 2023 19:26:14 +0530 Subject: [PATCH 4/9] complete --- zostel/src/Components/Navbar/Navbar.jsx | 2 +- zostel/src/Components/Summary.jsx | 26 + zostel/src/Components/home/LiveIt.jsx | 4 +- zostel/src/Components/hotel/Hotel.css | 30 +- zostel/src/Components/hotel/Room.jsx | 135 +-- zostel/src/Components/hotel/Roomcom.jsx | 117 +++ zostel/src/Components/payment/Payment.css | 5 + zostel/src/Components/payment/Payment.jsx | 15 +- zostel/src/Pages/Allrouter.jsx | 3 +- zostel/src/Pages/HotelPage.js | 6 +- zostel/src/Pages/PaymentPage.js | 8 + zostel/src/demo.json | 1087 +++++++++++++++++++-- 12 files changed, 1249 insertions(+), 189 deletions(-) create mode 100644 zostel/src/Components/hotel/Roomcom.jsx diff --git a/zostel/src/Components/Navbar/Navbar.jsx b/zostel/src/Components/Navbar/Navbar.jsx index f43b1c8..a021d71 100644 --- a/zostel/src/Components/Navbar/Navbar.jsx +++ b/zostel/src/Components/Navbar/Navbar.jsx @@ -24,7 +24,7 @@ export default function Navbar() { <> {width > 750 ?