Skip to content

Jay Mehta / zango-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit d6632323 by Ravindra Kanojiya
Options

updated ui

1 parent 7db3c4ce
Inline Side-by-side
Showing 14 changed files with 228 additions and 26 deletions
components/cancellation-refund-policy/CancellationRefundPolicy.js 0 → 100644
import React from 'react'
const CancellationRefundPolicy = () => {
return (
<>
<section className='s-page-session'>
<div className='container'>
<div className='row'>
<div className='col-12'>
<h2>Cancellation / Refund Policy</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
</div>
</div>
</div>
</section>
</>
)
}
export default CancellationRefundPolicy
components/common-components/OtpTimer.js
...@@ -45,7 +45,7 @@ const OtpTimer = ({ initialTime, role, userData }) => { ...@@ -45,7 +45,7 @@ const OtpTimer = ({ initialTime, role, userData }) => {
return ( return (
<div> <div>
<p>Resend OTP in: {formatTime(timeLeft)}</p> <p>Resend OTP in: {formatTime(timeLeft)}</p>
<button className="d-flex resend-otp" onClick={handleResend} disabled={isDisabled}> <button className="d-flex resend-otp btn btn-primary btn-submit btn btn-primary" onClick={handleResend} disabled={isDisabled}>
Resend OTP Resend OTP
</button> </button>
{/* <div className="d-flex resend-otp"> {/* <div className="d-flex resend-otp">
......
components/detail/DetailSchedule.js
...@@ -62,7 +62,7 @@ const DetailSchedule = ({ activityById }) => { ...@@ -62,7 +62,7 @@ const DetailSchedule = ({ activityById }) => {
<span className="image-container"> <span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/availability/contact.svg" /> <Image layout="fill" alt="" className="image img-fluid" src="/images/availability/contact.svg" />
</span> </span>
Contact: {activityById.data.attributes.phoneNumber} Contact: <a href={`Tel:${activityById.data.attributes.phoneNumber}`}>{activityById.data.attributes.phoneNumber}</a>
</li> </li>
<li> <li>
<span className="image-container"> <span className="image-container">
......
components/detail/GuestReviews.js
...@@ -101,7 +101,7 @@ const GuestReviews = ({ activityById }) => { ...@@ -101,7 +101,7 @@ const GuestReviews = ({ activityById }) => {
<StarRatings <StarRatings
className="col-3 mx-2" className="col-3 mx-2"
rating={data.attributes.rating} rating={data.attributes.rating}
starRatedColor="#ffe20" // Set the rated color to yellow starRatedColor="#FFD600" // Set the rated color to yellow
starHoverColor="#ffe20" // Set the hover color to yellow starHoverColor="#ffe20" // Set the hover color to yellow
changeRating={() => { }} changeRating={() => { }}
numberOfStars={5} numberOfStars={5}
...@@ -134,7 +134,7 @@ const GuestReviews = ({ activityById }) => { ...@@ -134,7 +134,7 @@ const GuestReviews = ({ activityById }) => {
</div> </div>
</div> </div>
{endUser && ( {endUser && (
<div className="row"> <div className="row post-a-review">
<div className="head01"> <div className="head01">
<div className="title">Post a review:</div> <div className="title">Post a review:</div>
</div> </div>
...@@ -143,7 +143,7 @@ const GuestReviews = ({ activityById }) => { ...@@ -143,7 +143,7 @@ const GuestReviews = ({ activityById }) => {
<StarRatings <StarRatings
className="col-3 mx-2" className="col-3 mx-2"
rating={3} rating={3}
starRatedColor="#000" // Set the rated color to yellow starRatedColor="#FFD600" // Set the rated color to yellow
starHoverColor="#ffe20" // Set the hover color to yellow starHoverColor="#ffe20" // Set the hover color to yellow
changeRating={handleRatingChange} changeRating={handleRatingChange}
numberOfStars={5} numberOfStars={5}
......
components/disclaimer/Disclaimer.js 0 → 100644
import React from 'react'
const Disclaimer = () => {
return (
<>
<section className='s-page-session'>
<div className='container'>
<div className='row'>
<div className='col-12'>
<h2>Disclaimer</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
</div>
</div>
</div>
</section>
</>
)
}
export default Disclaimer
components/layout/Footer.js
...@@ -37,9 +37,9 @@ const Footer = () => { ...@@ -37,9 +37,9 @@ const Footer = () => {
<div className="row"> <div className="row">
<div className="col-md-9"> <div className="col-md-9">
<div className="footer-logo"> <div className="footer-logo">
<span className="image-container"> <a href="/" className="image-container">
<Image layout="fill" className="image img-fluid" alt="" src="/images/Footer-logo.svg" /> <Image layout="fill" className="image img-fluid" alt="" src="/images/Footer-logo.svg" />
</span> </a>
</div> </div>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </div> <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </div>
</div> </div>
...@@ -88,7 +88,7 @@ const Footer = () => { ...@@ -88,7 +88,7 @@ const Footer = () => {
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/location.svg" /> <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/location.svg" />
</span> </span>
<div className="text"> <div className="text">
<a href="">Lorem ipsum dolor sit amet</a> <a href="/">Lorem ipsum dolor sit amet</a>
</div> </div>
</div> </div>
<div className="icon-text"> <div className="icon-text">
...@@ -104,7 +104,7 @@ const Footer = () => { ...@@ -104,7 +104,7 @@ const Footer = () => {
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/phone-call.svg" /> <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/phone-call.svg" />
</span> </span>
<div className="text"> <div className="text">
<a href="">+91-8798798798</a> <a href="Tel:+91-8798798798">+91-8798798798</a>
</div> </div>
</div> </div>
</div> </div>
...@@ -123,6 +123,16 @@ const Footer = () => { ...@@ -123,6 +123,16 @@ const Footer = () => {
Privacy Policy Privacy Policy
</Link> </Link>
</li> </li>
<li>
<Link prefetch href="/cancellation-refund-policy">
Cancellation / Refund Policy
</Link>
</li>
<li>
<Link prefetch href="/disclaimer">
Disclaimer
</Link>
</li>
{/* <li> {/* <li>
<Link prefetch href=""> <Link prefetch href="">
Careers Careers
...@@ -159,7 +169,7 @@ const Footer = () => { ...@@ -159,7 +169,7 @@ const Footer = () => {
</div> </div>
<div className="footer-link"> <div className="footer-link">
<h3>JOIN OUR COMMUNITY</h3> <h3>JOIN OUR COMMUNITY</h3>
<div>Subscribe to gt information, latest news and other interesting offers</div> <div>Subscribe to get information, latest news and other interesting offers</div>
<div className="subscribe"> <div className="subscribe">
<form onSubmit={handleSubmit}> <form onSubmit={handleSubmit}>
<div className="row"> <div className="row">
......
components/signup/Signup.js
...@@ -20,6 +20,8 @@ import PhoneInput from "react-phone-input-2"; ...@@ -20,6 +20,8 @@ import PhoneInput from "react-phone-input-2";
import OtpTimer from "../common-components/OtpTimer"; import OtpTimer from "../common-components/OtpTimer";
import TermsAndConditionModel from "./TermsAndConditionModel"; import TermsAndConditionModel from "./TermsAndConditionModel";
const Signup = props => { const Signup = props => {
const [showPassword, setShowPassword] = useState(false);
const [confirmShowPassword, setConfirmShowPassword] = useState(false);
const [isOpenEis, setIsOpenEis] = useState(false); const [isOpenEis, setIsOpenEis] = useState(false);
console.log("props.type", props.type); console.log("props.type", props.type);
const [otp, setOtp] = useState(new Array(4).fill("")); const [otp, setOtp] = useState(new Array(4).fill(""));
...@@ -211,15 +213,19 @@ const Signup = props => { ...@@ -211,15 +213,19 @@ const Signup = props => {
<input type="text" name="email" onChange={handleChange} onBlur={handleBlur} value={values.email} placeholder="yourname@example.com" /> <input type="text" name="email" onChange={handleChange} onBlur={handleBlur} value={values.email} placeholder="yourname@example.com" />
{errors.email && touched.email && <span className="form-error">{errors.email}</span>} {errors.email && touched.email && <span className="form-error">{errors.email}</span>}
</div> </div>
<div className="input-group"> <div className="input-group password-field">
<label>Password</label> <label>Password</label>
<input type="password" name="password" onChange={handleChange} onBlur={handleBlur} value={values.password} placeholder="Enter password" /> <input
// type="password"
type={showPassword ? "text" : "password"}
name="password" onChange={handleChange} onBlur={handleBlur} value={values.password} placeholder="Enter password" />
{errors.password && touched.password && <span className="form-error">{errors.password}</span>} {errors.password && touched.password && <span className="form-error">{errors.password}</span>}
<div onClick={() => setShowPassword(!showPassword)}>{showPassword ? <span className="eye-slash"></span> : <span className="eye"></span>}</div>
</div> </div>
<div className="input-group"> <div className="input-group password-field">
<label>Confirm Password</label> <label>Confirm Password</label>
<input <input
type="password" type={confirmShowPassword ? "text" : "password"}
name="confirmPassword" name="confirmPassword"
onChange={handleChange} onChange={handleChange}
onBlur={handleBlur} onBlur={handleBlur}
...@@ -227,8 +233,11 @@ const Signup = props => { ...@@ -227,8 +233,11 @@ const Signup = props => {
placeholder="Re-enter password" placeholder="Re-enter password"
/> />
{errors.confirmPassword && touched.confirmPassword && <span className="form-error">{errors.confirmPassword}</span>} {errors.confirmPassword && touched.confirmPassword && <span className="form-error">{errors.confirmPassword}</span>}
<div onClick={() => setConfirmShowPassword(!confirmShowPassword)}>
{confirmShowPassword ? <span className="eye-slash"></span> : <span className="eye"></span>}
</div>
</div> </div>
<div className="input-group"> <div className="input-group ">
<label>Mobile No.</label> <label>Mobile No.</label>
<div className="contact-numbe w-100"> <div className="contact-numbe w-100">
{/* <input name="mobile" onChange={handleChange} onBlur={handleBlur} value={values.mobile} placeholder="" style={{ flex: "0 100%" }} /> */} {/* <input name="mobile" onChange={handleChange} onBlur={handleBlur} value={values.mobile} placeholder="" style={{ flex: "0 100%" }} /> */}
......
components/signup/TermsAndConditionModel.js
...@@ -17,7 +17,7 @@ const TermsAndConditionModel = ({ isOpenEis, setIsOpenEis }) => { ...@@ -17,7 +17,7 @@ const TermsAndConditionModel = ({ isOpenEis, setIsOpenEis }) => {
<div className="custom-content-inner"> <div className="custom-content-inner">
<div className="row text-center aos-init aos-animate" data-aos="fade-up" data-aos-duration="1500"> <div className="row text-center aos-init aos-animate" data-aos="fade-up" data-aos-duration="1500">
<div className="col-12"> <div className="col-12">
<h2 className="head01">Terms & Conditions</h2> <h2 className="">Terms & Conditions</h2>
</div> </div>
</div> </div>
......
components/user/MyWhishList.js
...@@ -12,10 +12,10 @@ const MyWhishList = ({ data }) => { ...@@ -12,10 +12,10 @@ const MyWhishList = ({ data }) => {
console.log("checking end user", endUser); console.log("checking end user", endUser);
return ( return (
<Fragment> <Fragment>
<div className="container pb-5"> <div className="container pb-5" style={{ minHeight: '30vw' }}>
<div className="row"> <div className="row">
<div className="col-12 col-lg-12 form-container content-wraaper"> <div className="col-12 col-lg-12 form-container content-wraaper">
<h2 className="px-2 px-lg-0">My Bookings</h2> <h2 className="px-2 px-lg-0">My Wishlist</h2>
{endUser === null || endUser === undefined || endUser === "" ? ( {endUser === null || endUser === undefined || endUser === "" ? (
<h1>You need to login first!</h1> <h1>You need to login first!</h1>
) : ( ) : (
...@@ -50,7 +50,7 @@ const MyWhishList = ({ data }) => { ...@@ -50,7 +50,7 @@ const MyWhishList = ({ data }) => {
<p className="text-trunc-2">{data?.attributes?.experience?.data?.attributes?.description}</p> <p className="text-trunc-2">{data?.attributes?.experience?.data?.attributes?.description}</p>
</div> </div>
<div className="price"> <div className="price">
${data?.attributes?.experience?.data?.attributes?.pricePerPerson} ${data?.attributes?.experience?.data?.attributes?.pricePerPerson}
{/* <span className="off">{}% OFF</span> */} {/* <span className="off">{}% OFF</span> */}
</div> </div>
<div className="detail"> <div className="detail">
......
pages/cancellation-refund-policy.js 0 → 100644
import CancellationRefundPolicy from "../components/cancellation-refund-policy/CancellationRefundPolicy";
import Layout from "../components/layout/Layout";
import { wrapper } from "../redux/store";
export default function CancellationRefundPolicyPage() {
return (
<Layout>
<CancellationRefundPolicy />
</Layout>
);
}
/** For server side rendering */
export const getServerSideProps = wrapper.getServerSideProps(store => async ({ req, query }) => {
// Get the menu data.
// get the locations data.
// await store.dispatch(loadUser())
return {
props: {},
};
});
pages/disclaimer.js 0 → 100644
import CancellationRefundPolicy from "../components/cancellation-refund-policy/CancellationRefundPolicy";
import Disclaimer from "../components/disclaimer/Disclaimer";
import Layout from "../components/layout/Layout";
import { wrapper } from "../redux/store";
export default function DisclaimerPage() {
return (
<Layout>
<Disclaimer />
</Layout>
);
}
/** For server side rendering */
export const getServerSideProps = wrapper.getServerSideProps(store => async ({ req, query }) => {
// Get the menu data.
// get the locations data.
// await store.dispatch(loadUser())
return {
props: {},
};
});
styles/globals.css
...@@ -651,7 +651,7 @@ span.form-error, ...@@ -651,7 +651,7 @@ span.form-error,
background-position: center; background-position: center;
background-size: cover; background-size: cover;
position: relative; position: relative;
height: 95vh; height: 100vh;
background-image: url("../public/images/login/banner-image.jpg"); background-image: url("../public/images/login/banner-image.jpg");
} }
...@@ -683,7 +683,29 @@ span.form-error, ...@@ -683,7 +683,29 @@ span.form-error,
.form-container .input-group { .form-container .input-group {
margin-bottom: 28px; margin-bottom: 28px;
} }
.form-container .password-field {
position: relative;
}
.form-container .password-field .eye {
background: url(/images/icons/eye-icon.png) no-repeat 50%;
display: block;
width: 24px;
height: 24px;
position: absolute;
right: 18px;
top: 35px;
cursor: pointer;
}
.form-container .password-field .eye-slash {
background: url(/images/icons/eye-slash-icon.png) no-repeat 50%;
display: block;
width: 24px;
height: 24px;
position: absolute;
right: 18px;
top: 35px;
cursor: pointer;
}
.form-container .input-group .form-error { .form-container .input-group .form-error {
margin-top: 0.4rem; margin-top: 0.4rem;
} }
...@@ -895,7 +917,7 @@ span.form-error, ...@@ -895,7 +917,7 @@ span.form-error,
.otp-input input { .otp-input input {
width: 45px !important; width: 45px !important;
height: 45px !important; height: 45px !important;
margin: 0px 15px 5px 10px; margin: 0px 10px 5px 10px;
border-radius: 10px !important; border-radius: 10px !important;
border: 0.814px solid #000 !important; border: 0.814px solid #000 !important;
background: #fff !important; background: #fff !important;
...@@ -2777,14 +2799,19 @@ button:focus:not(:focus-visible) { ...@@ -2777,14 +2799,19 @@ button:focus:not(:focus-visible) {
align-items: center; align-items: center;
margin: 0.5rem 1rem 0.5rem 0.5rem; margin: 0.5rem 1rem 0.5rem 0.5rem;
} }
.availability-wrappper li a {
color: #000;
}
.availability-wrappper li > span { .availability-wrappper li > span {
width: 30px; width: 30px;
display: block; display: block;
margin-right: 10px; margin-right: 10px;
flex: 0 0 auto; flex: 0 0 auto;
} }
.post-a-review .star-container {
padding-right: 0 !important;
padding-left: 3px !important;
}
.availability-wrappper li .info { .availability-wrappper li .info {
width: 12px; width: 12px;
height: 12px; height: 12px;
...@@ -3778,7 +3805,7 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3778,7 +3805,7 @@ input[type="number"]::-webkit-outer-spin-button {
.gift-card-amt ul li a, .gift-card-amt ul li a,
.gift-card-amt ul li label { .gift-card-amt ul li label {
padding: 1.5rem 2rem; padding: 1.5rem 0.5rem;
} }
.tooltip-wrapper { .tooltip-wrapper {
...@@ -3832,7 +3859,10 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3832,7 +3859,10 @@ input[type="number"]::-webkit-outer-spin-button {
.gift-card-amt { .gift-card-amt {
margin: 1rem 0; margin: 1rem 0;
} }
.gift-card-amt ul {
margin: 0;
padding: 0;
}
.gift-card-rt .form-01 .form-control { .gift-card-rt .form-01 .form-control {
border: 1px solid #000; border: 1px solid #000;
border-radius: 9px; border-radius: 9px;
...@@ -4072,6 +4102,24 @@ footer .footer-link ul { ...@@ -4072,6 +4102,24 @@ footer .footer-link ul {
right: 20vw; right: 20vw;
top: 13px; top: 13px;
} }
.image-gallery-thumbnail.active,
.image-gallery-thumbnail:focus,
.image-gallery-thumbnail:hover {
border-radius: 12px;
}
.product-gallery-item .image-gallery-content.fullscreen {
background: #000;
margin: 2rem 0;
}
.product-gallery-item .image-gallery-content.image-gallery-content.image-gallery-thumbnails-bottom.fullscreen {
position: relative;
line-height: 0;
top: -50px;
/* margin-top: 2rem; */
}
/* .image-gallery-content .image-gallery-slide .image-gallery-image {
margin-top: 2rem;
} */
@media (min-width: 992px) { @media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link { .navbar-expand-lg .navbar-nav .nav-link {
margin: 0 2rem; margin: 0 2rem;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!