Skip to content

Jay Mehta / zango-frontend

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

updated details page

1 parent e23a313f
Inline Side-by-side
Showing 18 changed files with 1042 additions and 220 deletions
components/detail/Detail.js
import React, { Fragment } from "react";
import DetailGallery from "./DetailGallery";
import DetailInfo from "./DetailInfo";
import { Breadcrumb } from "react-bootstrap";
import GuestReviews from "./GuestReviews";
import SimilarExperiences from "./SimilarExperiences";
import Faqs from "./Faqs";
import SignUpToExperienceOurPlatform from "../home/SignUpToExperienceOurPlatform";
const Detail = () => {
return (
......@@ -8,16 +13,32 @@ const Detail = () => {
<main>
<section className="main-mt">
<div className="container mt-5">
<div className="row hide-on-mobile">
<div className="col-12">
<div className="breadcrumb-container">
<Breadcrumb>
<Breadcrumb.Item href="#">Home</Breadcrumb.Item>
<Breadcrumb.Item href="#">New York</Breadcrumb.Item>
<Breadcrumb.Item href="#">Adventure</Breadcrumb.Item>
<Breadcrumb.Item active>Mountain Climbing</Breadcrumb.Item>
</Breadcrumb>
</div>
</div>
</div>
<div className="row mb-5">
<div className="col-xl-6">
<div className="col-xl-5">
<DetailGallery></DetailGallery>
</div>
<div className="col-xl-6 listing-wrapper">
<div className="col-xl-7 listing-wrapper">
<DetailInfo></DetailInfo>
</div>
</div>
</div>
</section>
<GuestReviews />
<SimilarExperiences />
<Faqs />
<SignUpToExperienceOurPlatform />
</main>
</Fragment>
);
......
components/detail/DetailGallery.js
import React from 'react'
import { Breadcrumb } from 'react-bootstrap'
import React, { useState } from "react";
import ImageGallery from "react-image-gallery";
import Image from "next/image";
const DetailGallery = () => {
const [showInfo, setShowInfo] = useState(false);
const handleMouseEnter = () => {
setShowInfo(true);
};
const handleMouseLeave = () => {
setShowInfo(false);
};
const images = [
{
original: "/images/product-gallery/01.png",
thumbnail: "/images/product-gallery/01.png"
},
{
original: "/images/product-gallery/01.png",
thumbnail: "/images/product-gallery/01.png"
},
{
original: "/images/product-gallery/01.png",
thumbnail: "/images/product-gallery/01.png"
},
{
original: "/images/product-gallery/01.png",
thumbnail: "/images/product-gallery/01.png"
},
{
original: "/images/product-gallery/01.png",
thumbnail: "/images/product-gallery/01.png"
},
{
original: "/images/product-gallery/01.png",
thumbnail: "/images/product-gallery/01.png"
}
];
return (
<>
<div className="product-info hide-on-desktop">
<div className="">
<div className="top-row">
<div className="most-booked">Most Booked</div>
<div className="wishlist-share">
<a href="#" className="add-to-wishlist">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/wishlist-01.svg" />
</span>
</a>
<a href="#" className="add-to-forwardt">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/forward.svg" />
</span>
</a>
</div>
</div>
<div className="product-name">Edge City Climb</div>
</div>
</div>
<div className="product-gallery">
<div className="row">
<div className="col-12">
<div className="breadcrumb-container">
<Breadcrumb>
<Breadcrumb.Item href="#">Home</Breadcrumb.Item>
<Breadcrumb.Item href="#">Jewellery</Breadcrumb.Item>
<Breadcrumb.Item href={`/listing?category`}>asdasdas</Breadcrumb.Item>
<Breadcrumb.Item active>Title</Breadcrumb.Item>
</Breadcrumb>
<div className="product-gallery-item">
<ImageGallery showNav={false} showPlayButton={false} items={images} />
</div>
</div>
</div>
<div className="product-gallery-item">
asdasd
<div className="row hide-on-mobile">
<div className="col-12">
<ul className="availability-wrappper">
<li>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/availability/month.svg" />
</span>
Month: All
</li>
<li>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/availability/time.svg" />
</span>
Time: 9:45 AM - 10:00 AM
</li>
<li>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/availability/duration.svg" />
</span>
Duration: 2-3 Hours
</li>
<li>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/availability/contact.svg" />
</span>
Contact: 1(332) 204-8500
</li>
<li>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/availability/date.svg" />
</span>
Date: All
</li>
<li>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/availability/age.svg" />
</span>
Age: 13+
<div className="info-div">
<a className="image-container info" onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/info.svg" />
</a>
{showInfo && <div className="info-text">13+. Climbers aged 13-17 must be accompanied by an adult (18+)</div>}
</div>
</li>
</ul>
</div>
</div>
</div>
)
}
</>
);
};
export default DetailGallery
\ No newline at end of file
export default DetailGallery;
components/detail/DetailInfo.js
import Image from "next/image";
import React, { Fragment } from "react";
import React, { Fragment, useState } from "react";
import { Button } from "react-bootstrap";
const DetailInfo = () => {
const [showInfo, setShowInfo] = useState(false);
const handleMouseEnter = () => {
setShowInfo(true);
};
const handleMouseLeave = () => {
setShowInfo(false);
};
return (
<Fragment>
<div className="row">
<div className="col-12">
<div className="product-info">
<div className="hide-on-mobile">
<div className="top-row">
<div className="most-booked">Most Booked</div>
<div className="wishlist-share">
......@@ -23,8 +33,7 @@ const DetailInfo = () => {
</a>
</div>
</div>
<div className="product-name">
Edge City Climb
<div className="product-name">Edge City Climb</div>
</div>
<div className="product-reviews">
<span className="rating">8.8</span>
......@@ -57,22 +66,79 @@ const DetailInfo = () => {
</a>
</span>
</div>
<div className="">Per Person</div>
<div className="price">$185 <span>20% Off</span></div>
<div className="mb-2">Per Person</div>
<div className="price">
$185 <span>20% Off</span>
</div>
<div className="mb-4">
The world’s highest building ascent, City Climb allows participants to scale the outside of a skyscraper more than 1,200 feet (366 meters) above the ground, then lean out and look down from the highest outdoor platform in the city. Following that, experience The Edge, the highest outdoor sky deck in the Western Hemisphere. Height: 4.9ft - 6.7ft; Maximum Weight: 310lbs; Cannot be under the influence of alcohol.
The world’s highest building ascent, City Climb allows participants to scale the outside of a skyscraper more than 1,200 feet (366 meters) above the ground, then
lean out and look down from the highest outdoor platform in the city. Following that, experience The Edge, the highest outdoor sky deck in the Western
Hemisphere. Height: 4.9ft - 6.7ft; Maximum Weight: 310lbs; Cannot be under the influence of alcohol.
</div>
<div className="location">
Location & Address <span>(Outdoor)</span>
</div>
<div className="location">Location & Address <span>(Outdoor)</span></div>
<div className="mb-2">Chelsea </div>
<div className="">30 Hudson Yards, New York, NY 10001</div>
<div className="btn-row">
<Button variant="primary me-3">Book Now</Button>
<Button variant="secondary">Gift Now <span className="image-container btn-gift">
<Button variant="secondary">
Gift Now{" "}
<span className="image-container btn-gift">
<Image layout="fill" className="image img-fluid" src="/images/icons/gift-card-icon.svg" />
</span></Button>
</span>
</Button>
</div>
</div>
</div>
</div>
<div className="row hide-on-desktop">
<div className="col-12">
<ul className="availability-wrappper">
<li>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/availability/month.svg" />
</span>
Month: All
</li>
<li>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/availability/time.svg" />
</span>
Time: 9:45 AM - 10:00 AM
</li>
<li>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/availability/duration.svg" />
</span>
Duration: 2-3 Hours
</li>
<li>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/availability/contact.svg" />
</span>
Contact: 1(332) 204-8500
</li>
<li>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/availability/date.svg" />
</span>
Date: All
</li>
<li>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/availability/age.svg" />
</span>
Age: 13+
<div className="info-div">
<a className="image-container info" onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/info.svg" />
</a>
{showInfo && <div className="info-text">13+. Climbers aged 13-17 must be accompanied by an adult (18+)</div>}
</div>
</li>
</ul>
</div>
</div>
</Fragment>
);
......
components/detail/Faqs.js 0 → 100644
import React from "react";
import { Accordion } from "react-bootstrap";
const Faqs = () => {
return (
<section className="faqs-session">
<div className="container">
<div className="row">
<div className="col-12">
<div className="head-btn">
<div className="head01">
<div className="title">What others</div>
<h2>Have asked us…</h2>
</div>
</div>
</div>
</div>
<div className="row">
<div className="col-12">
<Accordion defaultActiveKey="0" className="accordion-01">
<Accordion.Item eventKey="0">
<Accordion.Header>Lorem ipsum dolor sit amet, consectetur adipiscing elit ?</Accordion.Header>
<Accordion.Body>
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
</Accordion.Body>
</Accordion.Item>
<Accordion.Item eventKey="1">
<Accordion.Header>Lorem ipsum dolor sit amet, consectetur adipiscing elit ?</Accordion.Header>
<Accordion.Body>
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
</Accordion.Body>
</Accordion.Item>
</Accordion>
</div>
</div>
</div>
</section>
);
};
export default Faqs;
components/detail/GuestReviews.js 0 → 100644
import Image from "next/image";
import React from "react";
const GuestReviews = () => {
const guestReviewsData = [
{
name: "Andrea",
month: "October 2023",
description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam."
},
{
name: "Andrea",
month: "October 2023",
description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam."
},
{
name: "Andrea",
month: "October 2023",
description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam."
},
{
name: "Andrea",
month: "October 2023",
description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam."
}
];
return (
<>
<section className="guest-reviews-session">
<div className="container">
<div className="row">
<div className="col-md-10">
<div className="row">
<div className="col-12">
<div className="head-btn">
<div className="head01">
<div className="title">Guest reviews</div>
</div>
<a href="" className="view-all-reviews-btn">
View All Reviews
</a>
</div>
</div>
</div>
<div className="row">
<div className="col-12">
<div className="product-reviews">
<span className="rating">8.8</span>
<span>Fabulous </span>
<span className="review">1,365 Reviews</span>
</div>
</div>
</div>
<div className="row">
{guestReviewsData &&
guestReviewsData.map(data => {
return (
<div className="col-md-6">
<div className="guest-reviews-detail">
<div className="head">
<div className="name">{data.name}</div>
<div className="month">{data.month}</div>
</div>
<div className="star">
<a href="">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span>
</a>
<a href="">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span>
</a>
<a href="">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span>
</a>
<a href="">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span>
</a>
<a href="">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span>
</a>
</div>
<div className="review-content">
“{data.description}
<a href="">Read More</a>
</div>
</div>
</div>
);
})}
</div>
</div>
</div>
</div>
</section>
</>
);
};
export default GuestReviews;
components/detail/SimilarExperiences.js 0 → 100644
import dynamic from "next/dynamic";
import Image from "next/image";
import React from "react";
import { Button } from "react-bootstrap";
const OwlCarousel = dynamic(() => import("react-owl-carousel"), {
ssr: false
});
const SimilarExperiences = () => {
const ListingData = [
{
image: "/images/Browse-Experiences/01.png",
topRated: "Top Rated",
title: "City Climb",
discription: "Lorem ipsum dolor sit amet, consectetur adipiscing elit,",
price: "200",
offPrice: "40%",
days: "For 1 Night",
taxes: "Includes taxes & Fees"
},
{
image: "/images/Browse-Experiences/02.png",
topRated: "Top Rated",
title: "City Climb",
discription: "Lorem ipsum dolor sit amet, consectetur adipiscing elit,",
price: "200",
offPrice: "40%",
days: "For 1 Night",
taxes: "Includes taxes & Fees"
},
{
image: "/images/Browse-Experiences/03.png",
topRated: "Top Rated",
title: "City Climb",
discription: "Lorem ipsum dolor sit amet, consectetur adipiscing elit,",
price: "200",
offPrice: "40%",
days: "For 1 Night",
taxes: "Includes taxes & Fees"
},
{
image: "/images/Browse-Experiences/04.png",
topRated: "Top Rated",
title: "City Climb",
discription: "Lorem ipsum dolor sit amet, consectetur adipiscing elit,",
price: "200",
offPrice: "40%",
days: "For 1 Night",
taxes: "Includes taxes & Fees"
},
{
image: "/images/Browse-Experiences/01.png",
topRated: "Top Rated",
title: "City Climb",
discription: "Lorem ipsum dolor sit amet, consectetur adipiscing elit,",
price: "200",
offPrice: "40%",
days: "For 1 Night",
taxes: "Includes taxes & Fees"
}
];
const projects = {
responsive: {
0: {
items: 1
},
450: {
items: 1
},
600: {
items: 3
},
1000: {
items: 4
}
}
};
return (
<>
<section className="similar-experiences-session">
<div className="container">
<div className="row">
<div className="col-12">
<div className="head-btn">
<div className="head01">
<div className="title">Similar Experiences</div>
<h2>Experiences</h2>
</div>
<div className="view-all-btn">
<Button variant="primary">View All</Button>
</div>
</div>
</div>
</div>
<div className="row">
<div className="col-12">
<div className="browse-experiences-carousal carousal-c">
<OwlCarousel
className="owl-theme owl-custom01"
margin={30}
items={4}
dots={false}
nav={true}
responsive={projects.responsive}
autoplay={false}
autoplayTimeout={5000}
center={false}
loop={false}
touchDrag={true}
>
{ListingData &&
ListingData.map(data => {
return (
<div className="item">
<div className="browse-experiences-item">
<div className="img-wrapper">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src={data.image} />
</span>
<div className="top-rated">{data.topRated}</div>
</div>
<div className="info">
<div className="top-name">
<div className="title">{data.title}</div>
<div className="rating-wishlist">
<div className="rating">
8.8
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span>
</div>
<div className="wishlist">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/wishlist.svg" />
</span>
</div>
</div>
</div>
<div className="discription">
{data.discription} <a href="">Read More</a>
</div>
<div className="price">
${data.price} <span className="off">{data.offPrice} OFF</span>
</div>
<div className="detail">
<div className="">{data.days}</div>
<div className="">{data.taxes}</div>
</div>
<div className="explore-now">
<Button variant="primary">Explore Now</Button>
</div>
</div>
</div>
</div>
);
})}
</OwlCarousel>
</div>
</div>
</div>
</div>
</section>
</>
);
};
export default SimilarExperiences;
components/listing/Listing.js
import React, { Fragment } from "react";
import LetDiscover from "../home/LetDiscover";
import ListingInner from "./ListingInner";
import SignUpToExperienceOurPlatform from "../home/SignUpToExperienceOurPlatform";
const Listing = () => {
return (
......@@ -8,6 +9,7 @@ const Listing = () => {
<main>
<LetDiscover />
<ListingInner />
<SignUpToExperienceOurPlatform />
</main>
</Fragment>
);
......
package.json
......@@ -23,6 +23,7 @@
"react-bootstrap-typeahead": "^6.0.0",
"react-datepicker": "^4.8.0",
"react-dom": "18.2.0",
"react-image-gallery": "^1.3.0",
"react-js-pagination": "^3.0.3",
"react-multi-carousel": "^2.8.2",
"react-otp-input": "^3.1.1",
......
public/images/availability/age.svg 0 → 100644
<svg width="39" height="36" viewBox="0 0 39 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_188_6)">
<path d="M0 20.7047C0.0602475 20.4758 0.120495 20.2468 0.187581 19.9918C0.550824 20.0879 0.889303 20.1774 1.14111 20.244C1.14111 21.7674 1.14053 23.2358 1.14133 24.7043C1.14181 25.5702 1.46623 25.8913 2.33922 25.8934C2.48947 25.8938 2.63973 25.8935 2.84653 25.8935V34.1705H5.1149V27.9504H6.25351V34.156H8.5283V25.8933C8.9555 25.8933 9.34276 25.8961 9.72997 25.8927C10.4391 25.8865 10.8064 25.523 10.8094 24.8109C10.8142 23.6559 10.8206 22.5006 10.8082 21.3457C10.7844 19.129 9.16177 17.4371 6.95415 17.334C6.30826 17.3039 5.65918 17.3074 5.01277 17.33C3.59642 17.3794 2.65869 17.9421 1.62716 19.3434C1.31817 19.17 1.0044 18.9939 0.66067 18.801C1.29822 17.6853 2.20641 16.9428 3.41849 16.469C2.05233 15.392 1.3691 14.0177 1.55266 12.2913C1.67885 11.1046 2.23153 10.1213 3.1549 9.36239C4.93164 7.90209 7.537 8.04338 9.1356 9.69581C10.077 10.6689 10.5011 11.8438 10.3842 13.2001C10.2673 14.5551 9.60091 15.6085 8.51341 16.4599C9.63219 16.8923 10.4959 17.5658 11.1232 18.5304C11.6856 19.3951 11.946 20.3489 11.9503 21.3749C11.9548 22.4411 11.9076 23.5096 11.963 24.573C12.0271 25.8017 11.3476 26.9982 9.70617 27.0597V35.2928H1.7148C1.7148 35.1404 1.7148 34.9934 1.7148 34.8463C1.71479 32.3838 1.71035 29.9213 1.72054 27.4588C1.72178 27.1599 1.67739 26.9902 1.34576 26.8845C0.607771 26.6494 0.235101 26.0503 0 25.3508C0 23.8021 0 22.2534 0 20.7047ZM5.97536 9.50099C4.15486 9.4972 2.67429 10.9586 2.66347 12.77C2.65252 14.6028 4.1281 16.0993 5.95388 16.107C7.77057 16.1146 9.27944 14.6075 9.27358 12.7911C9.26773 10.9794 7.78949 9.50476 5.97536 9.50099Z" fill="black"/>
<path d="M30.4629 8.10726C27.9924 6.20462 28.1046 3.06495 29.8739 1.30106C31.6243 -0.444062 34.5521 -0.434408 36.1646 1.33475C35.9042 1.59062 35.6432 1.84695 35.3826 2.103C33.6982 0.589966 31.7387 1.06368 30.7022 2.08179C29.5309 3.23235 29.3784 5.07039 30.3516 6.39167C31.3311 7.72141 33.1112 8.12873 34.567 7.35846C35.8436 6.683 36.852 4.98377 35.9825 2.94442C36.2973 2.78345 36.6171 2.61993 36.9339 2.45798C38.0263 3.92981 37.4728 6.2464 35.5857 8.10955C36.5463 8.47885 37.3476 9.05184 37.9622 9.87014C38.6225 10.7492 38.9837 11.7411 38.9897 12.8383C39.0046 15.5797 39.0015 18.3213 38.9935 21.0627C38.9902 22.1698 38.2939 22.9218 37.0452 23.1812V35.2937H29.0688V23.1884C28.9428 23.1649 28.8585 23.1498 28.7744 23.1334C27.7786 22.939 27.0561 22.1159 27.0514 21.096C27.0386 18.3293 26.9942 15.5609 27.0674 12.796C27.1242 10.6494 28.2455 9.12955 30.1912 8.22278C30.2711 8.18556 30.3534 8.15363 30.4629 8.10726ZM32.4548 34.1734V24.0933H33.6038V34.1571H35.909V22.0175C36.2571 22.0175 36.5602 22.025 36.8628 22.0159C37.4827 21.9973 37.8524 21.6292 37.8534 21.0046C37.8576 18.2885 37.8688 15.5724 37.8479 12.8565C37.8343 11.0969 36.6415 9.48288 34.9195 9.14406C33.8315 8.92999 32.6615 8.90569 31.559 9.04276C29.5433 9.29337 28.1973 10.9696 28.1886 13.0185C28.178 15.506 28.2095 17.994 28.1756 20.4811C28.1596 21.6609 28.4347 22.1207 29.7254 22.012C30.1251 21.9783 30.2062 22.12 30.2048 22.4967C30.191 26.228 30.1965 29.9595 30.1965 33.6909C30.1965 33.8487 30.1965 34.0066 30.1965 34.1734H32.4548Z" fill="black"/>
<path d="M22.2095 24.146C22.5533 24.146 22.8297 24.1466 23.1061 24.146C23.9883 24.1439 24.3045 23.8327 24.3057 22.9618C24.3069 21.9735 24.306 20.9851 24.306 19.9671H25.4251C25.4251 21.1629 25.4855 22.3558 25.4061 23.5394C25.3412 24.5069 24.5849 25.1047 23.3766 25.3212V35.2967H15.4041V25.3209C15.2869 25.285 15.1958 25.2546 15.1032 25.2291C14.1898 24.9774 13.5396 24.2994 13.5235 23.3591C13.4872 21.2407 13.4342 19.1153 13.5645 17.0036C13.6889 14.9859 14.8486 13.5878 16.695 12.7689C16.7602 12.7399 16.8237 12.7072 16.8974 12.6717C14.2547 10.5809 14.7452 7.39954 16.3396 5.84312C18.0831 4.14121 20.8317 4.13713 22.5859 5.8341C24.2064 7.40173 24.6669 10.5907 22.0569 12.6585C24.7427 13.821 25.6902 15.9458 25.4149 18.7676H24.3059C24.3059 18.4011 24.3072 18.0372 24.3057 17.6734C24.2957 15.2235 22.6108 13.5321 20.1661 13.5286C19.4432 13.5276 18.7089 13.4782 17.9997 13.584C16.0624 13.8733 14.6836 15.481 14.647 17.4766C14.6125 19.3546 14.6325 21.2338 14.6413 23.1124C14.6445 23.7767 15.025 24.1335 15.6941 24.145C15.9576 24.1495 16.2212 24.1457 16.522 24.1457V34.162H18.7875V26.3769H19.9369V34.1586H22.2095V24.146ZM19.4755 5.69862C17.6477 5.69665 16.1506 7.1926 16.1591 9.0124C16.1675 10.8148 17.6592 12.3048 19.4616 12.3111C21.2792 12.3175 22.7766 10.815 22.7726 8.98892C22.7687 7.17879 21.2874 5.70058 19.4755 5.69862Z" fill="black"/>
<path d="M19.9327 16.546V17.6354H18.8271V16.546H19.9327Z" fill="black"/>
<path d="M18.8398 18.8199H19.9304V19.9146H18.8398V18.8199Z" fill="black"/>
<path d="M6.23657 21.0684H5.15918V19.9638H6.23657V21.0684Z" fill="black"/>
<path d="M5.16406 22.2394H6.24703V23.3338H5.16406V22.2394Z" fill="black"/>
<path d="M33.5673 11.98V13.0777H32.4727V11.98H33.5673Z" fill="black"/>
<path d="M32.4561 15.3512V14.267H33.5642V15.3512H32.4561Z" fill="black"/>
<path d="M32.4541 17.6358V16.5494H33.5594V17.6358H32.4541Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_188_6">
<rect width="39" height="35.2967" fill="white"/>
</clipPath>
</defs>
</svg>
public/images/availability/contact.svg 0 → 100644
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_188_29)">
<path d="M19.4636 26C19.0974 25.9411 18.7298 25.8897 18.3653 25.8219C16.9449 25.5577 15.6181 25.0262 14.3285 24.3957C12.2156 23.3627 10.251 22.097 8.48918 20.5433C4.95947 17.4307 2.16618 13.7942 0.595957 9.31262C0.207923 8.20514 -0.0248118 7.06719 0.00210796 5.88582C0.0280192 4.7487 0.398672 3.74953 1.2062 2.93293C1.92082 2.21028 2.6138 1.46063 3.38003 0.795681C4.62052 -0.280833 5.8983 -0.267871 7.08784 0.852072C8.28993 1.98383 9.45021 3.16253 10.5826 4.36382C11.512 5.3497 11.5064 6.68833 10.5989 7.69121C9.96347 8.39353 9.27339 9.04742 8.59624 9.71136C8.46248 9.84251 8.45035 9.93427 8.529 10.0986C9.20215 11.5054 10.1802 12.6919 11.2365 13.8195C12.3117 14.9671 13.4946 15.9927 14.8261 16.8385C15.1756 17.0605 15.5541 17.2368 15.9111 17.4478C16.0537 17.5322 16.1399 17.517 16.2556 17.3991C16.8196 16.825 17.3916 16.2587 17.9642 15.693C18.4111 15.2515 18.9101 14.8952 19.55 14.7898C20.4133 14.6477 21.1452 14.927 21.7542 15.5233C22.862 16.6079 23.9587 17.7039 25.0543 18.8009C26.2324 19.9806 26.3279 21.3169 25.2387 22.5671C24.4843 23.4332 23.6495 24.2336 22.8119 25.0227C22.2175 25.5826 21.4652 25.8566 20.652 25.9536C20.5945 25.9604 20.539 25.9841 20.4826 26H19.4636ZM1.32097 5.89971C1.33007 7.29608 1.66137 8.41112 2.07456 9.5057C3.23967 12.5922 5.10557 15.234 7.34059 17.6298C9.51711 19.9628 12.0529 21.8266 14.9255 23.2299C16.3554 23.9284 17.8284 24.4959 19.4313 24.6611C20.406 24.7615 21.3307 24.6484 22.0668 23.9458C22.8199 23.227 23.5466 22.4784 24.2525 21.7133C24.8213 21.097 24.8108 20.4651 24.2243 19.8665C23.0918 18.7109 21.9414 17.5726 20.7833 16.4424C20.3146 15.9851 19.7111 15.9799 19.1893 16.3818C19.0688 16.4745 18.9589 16.5818 18.8507 16.689C18.2188 17.3151 17.5916 17.946 16.9573 18.5697C16.5439 18.9761 16.1006 19.0468 15.5865 18.7875C15.216 18.6006 14.8456 18.4109 14.4897 18.1984C12.8089 17.1946 11.3503 15.9236 10.0359 14.4838C8.9418 13.2853 7.9441 12.0195 7.26787 10.5294C6.91917 9.76098 6.9873 9.42611 7.59399 8.84267C8.2533 8.20864 8.91341 7.57373 9.54015 6.90838C10.0763 6.3392 10.0706 5.73917 9.52763 5.17145C8.69646 4.30235 7.83726 3.45976 6.98657 2.60928C6.67515 2.29793 6.36434 1.98468 6.03501 1.6927C5.52277 1.23856 4.93286 1.23182 4.39212 1.65424C4.28557 1.73747 4.18427 1.82856 4.08823 1.92371C3.49841 2.50808 2.91729 3.10129 2.32076 3.67875C1.62985 4.34756 1.29581 5.15366 1.32097 5.89971Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_188_29">
<rect width="26" height="26" fill="white"/>
</clipPath>
</defs>
</svg>
public/images/availability/date.svg 0 → 100644
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_200_970)">
<path d="M3.29543 2.19536C3.29543 1.98002 3.29063 1.79011 3.29625 1.60051C3.32252 0.714817 4.04429 0.00696031 4.92493 5.22411e-05C5.82147 -0.00698048 6.55611 0.696902 6.58579 1.59485C6.59207 1.78476 6.5867 1.97505 6.5867 2.1801H9.33371C9.33371 2.00735 9.33125 1.8289 9.33413 1.65054C9.34898 0.727553 10.0653 0.00501203 10.9689 5.22411e-05C11.8873 -0.00498821 12.611 0.716659 12.6266 1.65456C12.6295 1.82606 12.627 1.99765 12.627 2.1818H15.3729C15.3729 2.00354 15.3703 1.82457 15.3734 1.64569C15.3891 0.724411 16.1087 0.0029215 17.013 5.22411e-05C17.9197 -0.00282435 18.6453 0.712858 18.6654 1.63196C18.6692 1.80537 18.666 1.97893 18.666 2.17386H21.4121C21.4121 1.99995 21.4093 1.82034 21.4126 1.64085C21.4293 0.721375 22.1522 0.000837565 23.057 5.22411e-05C23.9634 -0.00073455 24.6856 0.715916 24.7047 1.63681C24.7083 1.80976 24.7052 1.98284 24.7052 2.19536C25.0252 2.19536 25.3323 2.19513 25.6395 2.1954C27.0843 2.19665 27.9996 3.11484 27.9997 4.56563C28.0001 11.584 28.0001 18.6024 27.9997 25.6208C27.9997 27.0879 27.0875 27.9998 25.6205 27.9998C17.8703 28.0001 10.1202 28.0001 2.36999 27.9998C0.921465 27.9997 0.000387481 27.0823 0.000304613 25.639C-9.87259e-05 18.6114 -0.000106059 11.5839 0.000309747 4.55637C0.000395548 3.11024 0.918514 2.19637 2.36934 2.19539C2.66892 2.19518 2.96849 2.19536 3.29543 2.19536ZM1.09815 8.79701V9.07661C1.09815 14.6033 1.09799 20.13 1.09833 25.6566C1.09838 26.4723 1.53254 26.9017 2.3564 26.9017C10.1154 26.9019 17.8745 26.9019 25.6335 26.9018C26.4725 26.9017 26.9017 26.4746 26.9017 25.6388C26.902 20.1212 26.9019 14.6037 26.9019 9.0862V8.79701L1.09815 8.79701ZM3.26668 3.29346C2.92424 3.29346 2.5955 3.29177 2.26677 3.2938C1.5581 3.29818 1.10099 3.7534 1.09892 4.46298C1.09602 5.46034 1.09789 6.4577 1.09878 7.45507C1.09885 7.5253 1.10764 7.59554 1.11242 7.66646H26.8983C26.8983 6.53205 26.9115 5.41657 26.8923 4.30166C26.8835 3.79327 26.4631 3.35414 25.9546 3.3093C25.549 3.27353 25.1378 3.30208 24.7058 3.30208C24.7058 3.49451 24.7061 3.66622 24.7057 3.83793C24.7034 4.77003 23.9867 5.48929 23.0602 5.48952C22.1346 5.48975 21.4144 4.76905 21.4118 3.83968C21.4113 3.66112 21.4117 3.48255 21.4117 3.30817H18.6666C18.6666 3.49423 18.667 3.66591 18.6666 3.83758C18.6643 4.76969 17.9475 5.48926 17.0213 5.48952C16.0955 5.48978 15.3753 4.76922 15.3726 3.83993C15.3721 3.66134 15.3726 3.48275 15.3726 3.30808H12.6274C12.6274 3.49402 12.6278 3.66568 12.6274 3.83733C12.6251 4.76976 11.9087 5.48923 10.9824 5.48952C10.0565 5.48981 9.33613 4.7694 9.33348 3.84022C9.33296 3.6616 9.3334 3.48298 9.3334 3.30798H6.58828C6.58828 3.49379 6.58863 3.66542 6.58822 3.83705C6.58626 4.66514 5.98587 5.3721 5.19045 5.4832C4.33784 5.60229 3.55389 5.0893 3.35116 4.24403C3.28023 3.94826 3.29411 3.63214 3.26668 3.29346ZM4.39245 2.71753C4.39245 3.06409 4.38718 3.41076 4.3939 3.7572C4.40095 4.12028 4.6408 4.38854 4.94367 4.38717C5.24996 4.38579 5.4857 4.12162 5.48857 3.7555C5.49395 3.07153 5.49331 2.38746 5.48881 1.70348C5.48646 1.34755 5.26663 1.10677 4.95397 1.09926C4.63145 1.09151 4.39844 1.33921 4.39338 1.7052C4.38871 2.04258 4.39238 2.38008 4.39245 2.71753ZM11.5289 2.71756C11.5289 2.371 11.5346 2.02432 11.5273 1.67791C11.5201 1.3321 11.281 1.09165 10.9676 1.09926C10.6644 1.10661 10.4369 1.34165 10.4338 1.67606C10.4274 2.36912 10.4274 3.06232 10.4334 3.75539C10.4365 4.11898 10.678 4.38719 10.981 4.38712C11.2874 4.38704 11.5218 4.12293 11.528 3.75722C11.5339 3.41076 11.5293 3.06412 11.5289 2.71756ZM16.4708 2.71613C16.4708 3.06269 16.4656 3.40935 16.4722 3.75579C16.4791 4.11925 16.7177 4.38753 17.0206 4.38718C17.3268 4.38681 17.5639 4.12243 17.5669 3.7568C17.5724 3.07284 17.5717 2.38879 17.5671 1.70482C17.5647 1.3388 17.3287 1.09118 17.0063 1.09926C16.6935 1.1071 16.4767 1.34794 16.4717 1.70383C16.4671 2.0412 16.4707 2.37869 16.4708 2.71613ZM23.6074 2.72426C23.6074 2.3777 23.6125 2.03104 23.606 1.6846C23.5993 1.33648 23.3658 1.09559 23.0526 1.09926C22.7491 1.10282 22.5158 1.33737 22.5125 1.66938C22.5055 2.37156 22.5046 3.07392 22.5125 3.77608C22.5163 4.12287 22.7578 4.38192 23.0527 4.38722C23.3582 4.39271 23.5992 4.12775 23.6061 3.76393C23.6128 3.41749 23.6076 3.07083 23.6074 2.72426Z" fill="black"/>
<path d="M5.73666 14.274C5.31648 14.274 4.89628 14.2768 4.47613 14.2732C4.05924 14.2697 3.8464 14.0635 3.84461 13.6532C3.84082 12.7854 3.8409 11.9176 3.8446 11.0498C3.84631 10.651 4.05728 10.4344 4.45008 10.4324C5.32695 10.4278 6.20388 10.4278 7.08075 10.4324C7.47221 10.4345 7.68346 10.6522 7.68519 11.0512C7.68894 11.919 7.68918 12.7868 7.68509 13.6546C7.68315 14.0646 7.46981 14.2699 7.052 14.2732C6.61358 14.2767 6.17511 14.274 5.73666 14.274ZM4.95145 13.1538H6.5735V11.5462H4.95145V13.1538Z" fill="black"/>
<path d="M13.1765 12.368C13.1765 12.7973 13.1801 13.2267 13.1755 13.6559C13.1712 14.054 12.9613 14.2704 12.5682 14.2725C11.6913 14.2771 10.8144 14.2771 9.93755 14.2724C9.55687 14.2704 9.33769 14.0554 9.33546 13.6792C9.33021 12.7932 9.33022 11.9071 9.33559 11.0211C9.33779 10.657 9.55395 10.4358 9.91423 10.4333C10.8094 10.4272 11.7046 10.427 12.5997 10.4335C12.9573 10.4361 13.1699 10.66 13.1749 11.0252C13.1811 11.4727 13.1764 11.9204 13.1765 12.368ZM12.0664 11.5483H10.4534V13.1614H12.0664V11.5483Z" fill="black"/>
<path d="M16.733 14.2741C16.3128 14.2741 15.8926 14.2762 15.4725 14.2735C15.0367 14.2707 14.8263 14.068 14.8247 13.6419C14.8214 12.7833 14.8215 11.9246 14.8246 11.066C14.8261 10.6371 15.0343 10.433 15.4691 10.4317C16.3186 10.4291 17.1681 10.4291 18.0176 10.4316C18.4644 10.4329 18.665 10.637 18.6661 11.09C18.6682 11.9304 18.6682 12.7708 18.6661 13.6112C18.6649 14.0761 18.4648 14.2718 17.9935 14.2737C17.5733 14.2755 17.1532 14.2741 16.733 14.2741ZM15.9408 11.5414V13.1544H17.5544V11.5414H15.9408Z" fill="black"/>
<path d="M22.2416 10.4311C22.671 10.4309 23.1003 10.4279 23.5296 10.4318C23.943 10.4355 24.1538 10.644 24.1555 11.0573C24.159 11.9251 24.1595 12.7929 24.1551 13.6606C24.1531 14.0578 23.9403 14.2707 23.5435 14.2726C22.6666 14.2769 21.7897 14.2773 20.9128 14.2723C20.5354 14.2701 20.3173 14.0517 20.3152 13.6746C20.3104 12.7885 20.31 11.9024 20.3158 11.0164C20.3182 10.6531 20.5355 10.4386 20.8989 10.4329C21.3464 10.4259 21.7941 10.4312 22.2416 10.4311ZM23.0431 13.1629V11.5468H21.4319V13.1629H23.0431Z" fill="black"/>
<path d="M7.68628 17.8427C7.68627 18.2629 7.68804 18.6831 7.68579 19.1032C7.68338 19.5566 7.48382 19.7623 7.03874 19.7636C6.18926 19.7663 5.33975 19.7663 4.49027 19.7636C4.04529 19.7622 3.84484 19.5564 3.84378 19.1031C3.84181 18.2627 3.84176 17.4223 3.84379 16.5819C3.84491 16.1165 4.04353 15.9225 4.51783 15.9217C5.34905 15.9201 6.18027 15.9201 7.01149 15.9217C7.49329 15.9226 7.68454 16.1188 7.68603 16.6095C7.68728 17.0206 7.68629 17.4316 7.68628 17.8427ZM6.5747 17.0353H4.95963V18.6455H6.5747V17.0353Z" fill="black"/>
<path d="M13.1762 17.8567C13.1762 18.2768 13.1785 18.6971 13.1756 19.1172C13.1726 19.5522 12.9696 19.7618 12.5421 19.7634C11.6835 19.7666 10.8249 19.7667 9.96624 19.7634C9.53943 19.7617 9.33515 19.5515 9.33389 19.1165C9.33144 18.267 9.33137 17.4174 9.33392 16.5679C9.33525 16.1227 9.54036 15.9228 9.99436 15.9218C10.8347 15.9198 11.6751 15.9198 12.5154 15.9218C12.9803 15.9229 13.174 16.1223 13.1759 16.5961C13.1775 17.0163 13.1762 17.4365 13.1762 17.8567ZM12.0552 18.6605V17.0377H10.452V18.6605H12.0552Z" fill="black"/>
<path d="M16.7313 19.7644C16.3111 19.7644 15.8909 19.7666 15.4708 19.7638C15.0354 19.7609 14.8262 19.5581 14.8246 19.1305C14.8215 18.2719 14.8215 17.4132 14.8246 16.5546C14.8262 16.1268 15.0351 15.9232 15.4707 15.9219C16.3202 15.9194 17.1697 15.9194 18.0192 15.9219C18.4648 15.9233 18.665 16.1283 18.6661 16.582C18.6681 17.4223 18.6683 18.2627 18.6661 19.1031C18.6649 19.5675 18.4646 19.7621 17.9919 19.764C17.5717 19.7657 17.1515 19.7644 16.7313 19.7644ZM15.9389 17.0244V18.6466H17.5466V17.0244H15.9389Z" fill="black"/>
<path d="M20.3137 17.8277C20.3137 17.3984 20.3104 16.969 20.3147 16.5398C20.3187 16.141 20.5276 15.9248 20.9208 15.9228C21.7977 15.9182 22.6746 15.9183 23.5515 15.9228C23.9334 15.9248 24.1523 16.1379 24.1547 16.5147C24.1602 17.4007 24.1603 18.2868 24.1545 19.1728C24.1521 19.5489 23.9324 19.7609 23.5492 19.7629C22.6723 19.7674 21.7954 19.7676 20.9185 19.7628C20.5277 19.7606 20.3184 19.5418 20.3147 19.1431C20.3105 18.7047 20.3137 18.2662 20.3137 17.8277ZM21.4222 18.6453H23.0449V17.0355H21.4222V18.6453Z" fill="black"/>
<path d="M7.68625 23.3522C7.68627 23.7815 7.69005 24.2109 7.68516 24.6402C7.68063 25.0376 7.47029 25.2513 7.0744 25.2532C6.19753 25.2576 5.3206 25.258 4.44373 25.253C4.06582 25.2508 3.84716 25.033 3.84507 24.6563C3.84016 23.7703 3.8398 22.8842 3.84552 21.9982C3.84787 21.6347 4.06493 21.4163 4.42759 21.4138C5.31358 21.4078 6.19965 21.4085 7.08565 21.4132C7.4641 21.4152 7.67971 21.632 7.68481 22.0095C7.69085 22.457 7.68623 22.9046 7.68625 23.3522ZM6.57604 22.5243H4.95851V24.1371H6.57604V22.5243Z" fill="black"/>
<path d="M11.2441 25.2547C10.8147 25.2546 10.3854 25.258 9.95613 25.2537C9.54445 25.2496 9.33595 25.0396 9.33439 24.6239C9.33118 23.7653 9.33134 22.9066 9.33429 22.0479C9.33577 21.6184 9.54347 21.4137 9.97748 21.4123C10.827 21.4097 11.6765 21.4098 12.526 21.4122C12.9738 21.4135 13.1747 21.617 13.1758 22.0693C13.178 22.9097 13.1779 23.7501 13.1759 24.5905C13.1747 25.0558 12.9746 25.2524 12.5046 25.2544C12.0844 25.2561 11.6642 25.2547 11.2441 25.2547ZM12.0656 22.5249H10.4491V24.1366H12.0656V22.5249Z" fill="black"/>
<path d="M16.7641 21.4117C17.1934 21.4116 17.6227 21.4081 18.052 21.4127C18.4497 21.417 18.6634 21.6267 18.6654 22.0228C18.6697 22.8997 18.6701 23.7766 18.6651 24.6535C18.6629 25.0324 18.446 25.2507 18.069 25.2529C17.183 25.258 16.2969 25.2584 15.4109 25.2525C15.0473 25.2501 14.8286 25.0325 14.8261 24.6704C14.8201 23.7844 14.8208 22.8983 14.8254 22.0123C14.8274 21.6337 15.044 21.4181 15.4214 21.4131C15.8689 21.4071 16.3165 21.4117 16.7641 21.4117ZM17.5485 24.1454V22.5226H15.9373V24.1454H17.5485Z" fill="black"/>
<path d="M20.3139 23.3333C20.314 22.904 20.3113 22.4746 20.3147 22.0453C20.318 21.6272 20.5228 21.4146 20.9333 21.4128C21.801 21.4089 22.6688 21.409 23.5365 21.4128C23.9471 21.4146 24.1544 21.6271 24.156 22.0446C24.1591 22.9032 24.1592 23.7619 24.1559 24.6205C24.1543 25.0485 23.9449 25.2527 23.5099 25.254C22.6604 25.2565 21.8109 25.2566 20.9614 25.254C20.5161 25.2526 20.3166 25.047 20.3144 24.5939C20.3123 24.1737 20.3139 23.7535 20.3139 23.3333ZM21.425 24.1412H23.0411V22.5299H21.425V24.1412Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_200_970">
<rect width="28" height="28" fill="white"/>
</clipPath>
</defs>
</svg>
public/images/availability/duration.svg 0 → 100644
<svg width="26" height="29" viewBox="0 0 26 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_199_946)">
<path d="M17.3186 7.22142C20.5393 6.77523 23.157 7.80635 24.8736 10.6787C26.4132 13.2549 26.3709 15.9619 24.7689 18.497C23.031 21.2471 20.4571 22.2283 17.3108 21.7765V25.79C17.5832 25.79 17.8496 25.7878 18.116 25.7904C19.2494 25.8016 19.9693 26.5431 19.9769 27.7068C19.9787 27.9838 19.9812 28.2609 19.9759 28.5378C19.9694 28.8772 19.8523 28.9911 19.516 28.9993C19.4583 29.0007 19.4005 28.9996 19.3428 28.9996C13.1062 28.9996 6.86964 28.9996 0.633059 28.9996C0.0756212 28.9995 0.00291156 28.9244 0.00275391 28.3485C0.00268361 28.0913 -0.00546933 27.8336 0.00661735 27.5769C0.0552655 26.5439 0.762115 25.8279 1.76756 25.7931C2.06443 25.7828 2.36191 25.7915 2.69985 25.7915C2.69985 25.6667 2.69985 25.562 2.69985 25.4574C2.69987 24.0624 2.6836 22.6672 2.70328 21.2726C2.7444 18.3596 3.97952 16.139 6.40539 14.6241C6.45969 14.5902 6.51196 14.5528 6.551 14.5266C6.07399 14.1571 5.57966 13.8302 5.14927 13.4306C3.56044 11.9555 2.74438 10.0996 2.7052 7.90102C2.67947 6.45708 2.70003 5.01227 2.69985 3.56785C2.69984 3.46087 2.69985 3.3539 2.69985 3.2103C2.4297 3.2103 2.18292 3.21104 1.93614 3.21018C0.719038 3.20594 0.00564164 2.46808 0.00275498 1.21049C0.00216486 0.953266 -0.0044819 0.695731 0.00536788 0.438895C0.017069 0.133778 0.142202 0.0132569 0.435552 0.00144014C0.502824 -0.00126937 0.570278 0.000676001 0.637648 0.000676001C6.87423 0.00065739 13.1108 0.000634401 19.3474 0.000694612C19.9245 0.000700086 19.9823 0.0589584 19.9829 0.640383C19.9831 0.877822 19.9862 1.11533 19.9819 1.35269C19.9622 2.44413 19.2424 3.1854 18.1776 3.20899C17.8994 3.21515 17.6209 3.20992 17.3186 3.20992L17.3186 7.22142ZM3.45196 3.22412C3.45196 3.34454 3.45196 3.4415 3.45196 3.53847C3.45198 4.93302 3.428 6.32811 3.45694 7.72203C3.51927 10.7251 4.88748 12.8572 7.55918 14.0926C7.74422 14.1781 7.94509 14.284 7.88599 14.5112C7.84676 14.662 7.69727 14.8348 7.55526 14.8974C5.00743 16.0194 3.45703 18.4066 3.45241 21.248C3.45013 22.6525 3.45198 24.0569 3.45196 25.4614C3.45196 25.5653 3.45196 25.6692 3.45196 25.7647H16.5361C16.5402 25.6819 16.5457 25.6238 16.5457 25.5657C16.546 24.0821 16.5499 22.5985 16.5421 21.115C16.5404 20.7997 16.5195 20.4803 16.4663 20.1703C16.0376 17.6713 14.696 15.9076 12.4211 14.9052C12.2432 14.8267 12.0976 14.7298 12.0987 14.5015C12.0997 14.2738 12.2464 14.1803 12.4233 14.099C15.1224 12.8583 16.4859 10.7036 16.5419 7.678C16.5673 6.30372 16.5462 4.92853 16.5462 3.55375C16.5462 3.44836 16.5462 3.34296 16.5462 3.22413L3.45196 3.22412ZM17.3064 8.05763C17.1279 10.9144 15.7552 13.0157 13.4653 14.5407C15.7173 15.8344 17.1516 18.2714 17.2782 20.7472C17.2876 20.9314 17.3718 20.9743 17.5202 21.0023C18.3429 21.1577 19.1662 21.1686 19.9856 20.9959C23.454 20.2651 25.6526 16.9822 25.0984 13.3702C24.5349 9.69782 20.8218 7.15145 17.3064 8.05763ZM19.2092 0.792625H0.756214C0.756214 0.954472 0.755733 1.09141 0.756293 1.22835C0.759614 2.03956 1.13896 2.43412 1.92178 2.43421C7.29981 2.43484 12.6778 2.43485 18.0559 2.43282C18.199 2.43277 18.3469 2.42623 18.4844 2.38999C18.8725 2.28771 19.1324 2.02528 19.2007 1.6236C19.2458 1.35794 19.2092 1.0776 19.2092 0.792625ZM0.760083 28.2011H19.2424C19.2267 27.888 19.2461 27.5956 19.1905 27.3191C19.0948 26.8436 18.6765 26.5665 18.1167 26.5664C12.7009 26.5653 7.2852 26.5658 1.86946 26.5659C1.82138 26.5659 1.7731 26.5648 1.72524 26.5686C1.17656 26.6122 0.8001 26.9947 0.762291 27.5603C0.748571 27.7655 0.760083 27.9724 0.760083 28.2011Z" fill="black"/>
<path d="M10.0043 24.7654C8.36896 24.7654 6.73365 24.7659 5.09834 24.7651C4.64434 24.7649 4.53025 24.6542 4.53663 24.1925C4.55125 23.1355 4.49274 22.0691 4.61062 21.0239C4.80453 19.3046 5.68606 17.962 7.12416 17.0727C8.01243 16.5234 8.82964 15.896 9.60709 15.2017C9.94649 14.8986 10.0497 14.8985 10.3961 15.2085C11.1658 15.8971 11.9802 16.512 12.8541 17.0644C14.531 18.1243 15.3906 19.7179 15.4544 21.7437C15.4805 22.5734 15.4609 23.4047 15.4597 24.2354C15.4591 24.634 15.3323 24.7643 14.9391 24.7647C13.2941 24.7663 11.6492 24.7654 10.0043 24.7654ZM14.7137 23.6849C14.7137 23.0721 14.7263 22.459 14.7113 21.8466C14.6655 19.9752 13.8378 18.5756 12.2943 17.5927C11.6998 17.2141 11.1384 16.7797 10.5684 16.3612C10.3736 16.2182 10.1988 16.0464 10.0033 15.8777C9.91634 15.951 9.83341 16.016 9.75575 16.0871C9.08537 16.7007 8.36794 17.2436 7.5779 17.688C7.03915 17.9909 6.61552 18.4359 6.23632 18.9308C5.14446 20.3558 5.25141 22.0212 5.30579 23.696C5.332 23.6686 5.3494 23.6586 5.35453 23.644C5.70181 22.656 6.36388 22.0593 7.38593 21.8954C7.47239 21.8816 7.57116 21.7981 7.62138 21.7184C8.67643 20.0446 10.7985 20.0598 11.8502 21.7466C11.8964 21.8208 12.0221 21.8665 12.117 21.8802C12.3819 21.9187 12.659 21.8973 12.9155 21.964C13.8079 22.1961 14.3675 22.8058 14.7137 23.6849ZM6.06436 23.9767H13.9122C13.7771 23.089 12.8622 22.5008 11.9431 22.6953C11.5147 22.7859 11.4564 22.7472 11.2871 22.3512C10.9988 21.6765 10.4991 21.2852 9.77424 21.2627C9.03656 21.2399 8.50025 21.5994 8.19444 22.2829C8.07656 22.5464 7.92483 22.6455 7.64687 22.6548C6.84763 22.6815 6.22971 23.2052 6.06436 23.9767Z" fill="black"/>
<path d="M4.53546 6.1533C4.53546 5.67855 4.53285 5.20377 4.53631 4.72905C4.53895 4.36572 4.67076 4.23512 5.03068 4.23882C5.85458 4.24729 6.65931 4.37539 7.43065 4.68063C9.15935 5.36472 10.8828 5.35458 12.6075 4.66424C13.3604 4.36289 14.1485 4.24965 14.9523 4.23884C15.3264 4.23382 15.463 4.36717 15.4589 4.74864C15.4475 5.78631 15.5012 6.83159 15.3975 7.85982C15.2178 9.64014 14.3281 11.0254 12.8406 11.9446C11.9686 12.4836 11.1686 13.1025 10.4055 13.7837C10.044 14.1065 9.95214 14.107 9.59544 13.7877C8.81838 13.0922 7.99166 12.4774 7.11124 11.9172C5.47813 10.878 4.62787 9.32085 4.542 7.34002C4.52488 6.9452 4.53953 6.54891 4.53953 6.1533C4.53817 6.1533 4.53682 6.1533 4.53546 6.1533ZM9.91895 13.0617C10.8457 12.417 11.7266 11.8037 12.6079 11.191C13.3259 10.6918 13.8568 10.0307 14.2457 9.23683C14.904 7.89325 14.6586 6.45571 14.7119 5.02851C14.0783 5.0366 13.5066 5.17935 12.9348 5.35516C12.2746 5.55814 11.6106 5.7776 10.9326 5.88361C9.57182 6.09634 8.26047 5.83268 6.9736 5.34556C6.45263 5.14835 5.88258 5.08816 5.28865 4.95527C5.28865 5.76595 5.27036 6.48617 5.29224 7.2051C5.34724 9.01253 6.14602 10.3784 7.62234 11.3579C8.33871 11.8332 9.01547 12.3717 9.70868 12.8837C9.80174 12.9524 9.88608 13.0336 9.91895 13.0617Z" fill="black"/>
<path d="M19.897 15.1606C20.2021 15.465 20.5085 15.7638 20.807 16.0707C21.0355 16.3055 21.0572 16.5078 20.8901 16.6903C20.7182 16.8781 20.509 16.853 20.2687 16.6096C20.0154 16.3531 19.7605 16.0977 19.5163 15.8322C19.4179 15.7252 19.3373 15.7027 19.1953 15.7539C18.5124 16 17.8195 15.6903 17.5426 15.0315C17.2641 14.369 17.5202 13.6369 18.1698 13.3027C18.3278 13.2215 18.3711 13.1307 18.3687 12.9648C18.3611 12.4511 18.3615 11.9372 18.3681 11.4235C18.3719 11.1314 18.5208 10.9564 18.7433 10.9546C18.9588 10.9529 19.112 11.1189 19.1159 11.39C19.1237 11.9234 19.1119 12.4572 19.126 12.9904C19.1285 13.0839 19.1944 13.2167 19.27 13.2608C19.9984 13.685 20.2182 14.2975 19.897 15.1606ZM18.7613 13.9196C18.4602 13.9124 18.1876 14.1851 18.185 14.4964C18.1825 14.7952 18.4312 15.0641 18.725 15.0802C19.0248 15.0967 19.3031 14.8318 19.315 14.5187C19.3268 14.2093 19.0658 13.9269 18.7613 13.9196Z" fill="black"/>
<path d="M18.3784 9.15368C18.3784 9.00543 18.3686 8.85632 18.3807 8.70911C18.3997 8.47767 18.5362 8.34035 18.758 8.34369C18.9646 8.3468 19.1052 8.47804 19.1158 8.69652C19.1302 8.99224 19.1308 9.28974 19.1171 9.58549C19.1064 9.81605 18.9698 9.95211 18.7416 9.94768C18.5119 9.94323 18.3943 9.79686 18.3787 9.56872C18.3693 9.43102 18.377 9.29207 18.377 9.15369C18.3775 9.15369 18.3779 9.15368 18.3784 9.15368Z" fill="black"/>
<path d="M19.1162 19.8495C19.1162 20.0075 19.1299 20.1671 19.1128 20.3231C19.0889 20.5422 18.9352 20.6893 18.7416 20.646C18.6067 20.6158 18.4215 20.454 18.4008 20.3265C18.3506 20.0191 18.3696 19.6964 18.3882 19.3816C18.4012 19.1638 18.5491 19.0468 18.7615 19.0518C18.9599 19.0564 19.0896 19.1718 19.1119 19.376C19.1288 19.532 19.1152 19.6915 19.1152 19.8495C19.1155 19.8495 19.1158 19.8495 19.1162 19.8495Z" fill="black"/>
<path d="M23.9302 14.8767C23.7862 14.8767 23.6404 14.8912 23.4985 14.8733C23.2865 14.8466 23.1729 14.7051 23.1779 14.4873C23.1826 14.2833 23.2959 14.1405 23.4942 14.1287C23.8005 14.1105 24.1094 14.1094 24.4157 14.1284C24.6289 14.1416 24.7716 14.31 24.7289 14.5092C24.6991 14.6479 24.5483 14.8033 24.4144 14.8622C24.2764 14.9229 24.0935 14.8757 23.9303 14.8757C23.9302 14.876 23.9302 14.8764 23.9302 14.8767Z" fill="black"/>
<path d="M21.7231 11.0388C21.7818 10.9156 21.8038 10.8231 21.8589 10.7622C22.0543 10.546 22.2523 10.3303 22.4664 10.1343C22.6292 9.98533 22.8236 9.98187 22.983 10.1469C23.1428 10.3123 23.1362 10.5102 22.9897 10.6773C22.7976 10.8963 22.5994 11.1153 22.3743 11.2954C22.2826 11.3688 22.0948 11.3887 21.9849 11.344C21.8748 11.2992 21.8074 11.1435 21.7231 11.0388Z" fill="black"/>
<path d="M22.1036 17.5566C22.2247 17.6148 22.3165 17.6348 22.3749 17.6913C22.5906 17.8999 22.8063 18.1107 23.0003 18.3401C23.1458 18.5121 23.1272 18.7116 22.9623 18.8668C22.8057 19.0143 22.6206 19.0044 22.4685 18.8631C22.256 18.6657 22.0433 18.4624 21.8678 18.2317C21.7957 18.1369 21.7726 17.9464 21.8138 17.8324C21.8549 17.7183 22.0041 17.6455 22.1036 17.5566Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_199_946">
<rect width="26" height="29" fill="white"/>
</clipPath>
</defs>
</svg>
public/images/availability/month.svg 0 → 100644
<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_199_937)">
<path d="M0 19.4097C0.0316686 19.363 0.0635958 19.3165 0.0949604 19.2696C0.245714 19.044 0.454761 18.947 0.708436 19.0174C0.972382 19.0906 1.12342 19.2853 1.13056 19.5741C1.13903 19.917 1.13399 20.2603 1.13404 20.6034C1.13424 22.1033 1.12586 23.6033 1.14124 25.103C1.14428 25.3997 1.19683 25.712 1.29902 25.9881C1.49701 26.5231 1.9076 26.7913 2.46029 26.8167C2.53562 26.8202 2.61121 26.8181 2.68668 26.8181C10.5548 26.8181 18.423 26.8181 26.2911 26.818C27.2856 26.818 27.8531 26.2417 27.8537 25.2007C27.8567 19.9069 27.8539 14.6131 27.8525 9.31936C27.8525 9.2523 27.8442 9.18525 27.8386 9.0999H1.13399C1.13399 9.35198 1.13399 9.58579 1.13399 9.81959C1.13399 11.2803 1.13414 12.741 1.1339 14.2017C1.13383 14.6528 1.02567 14.8602 0.740109 14.9604C0.466238 15.0565 0.251477 14.9477 0 14.5855V4.40747C0.253141 3.07092 1.45879 2.24288 2.8324 2.34439C3.18694 2.3706 3.54481 2.34833 3.91154 2.34833C3.92389 2.09449 3.92386 1.87002 3.94748 1.64828C4.0507 0.679304 4.84789 -0.037733 5.76905 0.00215703C6.70821 0.0428267 7.44868 0.830814 7.47189 1.81642C7.47595 1.98872 7.47247 2.16122 7.47247 2.33013H9.88328C9.88328 2.10761 9.86687 1.90136 9.88605 1.69875C9.98151 0.690355 10.7794 -0.0427883 11.7207 0.0024054C12.6704 0.0480031 13.4 0.843493 13.4174 1.8538C13.4202 2.01541 13.4178 2.17711 13.4178 2.32684H15.7969C15.9269 0.76042 16.4681 0.0381526 17.5316 0.00330061C17.9724 -0.0111415 18.37 0.129288 18.7104 0.421052C19.2888 0.91678 19.4211 1.58983 19.3507 2.34829C20.1078 2.34829 20.8227 2.34863 21.5377 2.3477C21.6017 2.34761 21.6657 2.3392 21.7433 2.33369C21.7546 2.09705 21.7527 1.87278 21.778 1.65188C21.8913 0.662677 22.6971 -0.0525783 23.6256 0.0030326C24.5656 0.0593281 25.2856 0.846733 25.3055 1.84186C25.3088 2.00467 25.306 2.16761 25.306 2.34844C25.7384 2.34844 26.1333 2.34764 26.5282 2.34858C28.0143 2.35213 29.0062 3.74681 29 4.91184C28.9679 10.9319 28.9866 16.9523 28.9874 22.9725C28.9875 23.7667 29.0028 24.5614 28.9815 25.355C28.9447 26.7227 27.9693 28.0297 26.3929 27.9995C25.1572 27.9758 23.9208 27.9947 22.6847 27.9947C15.9947 27.9947 9.30469 27.9952 2.61469 27.9943C1.37929 27.9941 0.458472 27.2898 0.125453 26.0953C0.0786461 25.9274 0.0415763 25.7566 0 25.5871C0 23.528 0 21.4689 0 19.4097ZM19.4022 3.53809C19.3598 3.94243 19.3678 4.34222 19.2692 4.7113C19.0417 5.56344 18.2214 6.09211 17.3701 5.99102C16.5156 5.88955 15.874 5.15576 15.8197 4.20827C15.807 3.98781 15.8178 3.76591 15.8178 3.54262H13.4179C13.4179 3.69539 13.4264 3.83149 13.4161 3.96603C13.3973 4.20911 13.3989 4.46044 13.3364 4.69215C13.1104 5.53032 12.3334 6.06326 11.4756 5.99483C10.6744 5.93092 9.99674 5.25529 9.89836 4.40524C9.86524 4.11902 9.86629 3.82854 9.85197 3.54496H7.47036C7.47036 3.79883 7.47978 4.03337 7.4687 4.26687C7.4249 5.19056 6.68368 5.95966 5.80823 5.99745C4.85673 6.03852 4.06126 5.35831 3.95368 4.39857C3.92238 4.11935 3.92481 3.83604 3.9104 3.52499C3.44734 3.52499 2.99677 3.52423 2.5462 3.52561C2.45206 3.5259 2.3563 3.52397 2.26409 3.54023C1.56244 3.664 1.13419 4.18928 1.13404 4.92076C1.13386 5.80315 1.134 6.68555 1.134 7.56795C1.134 7.67244 1.134 7.77692 1.134 7.88508H27.8518V7.54991C27.8518 6.67732 27.852 5.80472 27.8518 4.93213C27.8516 4.28016 27.4941 3.71913 26.8794 3.59573C26.3725 3.49398 25.8402 3.52911 25.3064 3.50295C25.3064 3.73639 25.3072 3.90264 25.3063 4.06888C25.3004 5.16951 24.5482 5.99518 23.5476 5.99971C22.5363 6.00429 21.7791 5.20055 21.7584 4.09866C21.7549 3.91576 21.7579 3.73273 21.7579 3.53809L19.4022 3.53809ZM12.2855 3.01181C12.2855 2.64044 12.2901 2.269 12.2843 1.89773C12.2777 1.47862 12.0162 1.18542 11.6547 1.179C11.3082 1.17285 11.0179 1.45169 11.0102 1.85114C10.9954 2.62283 10.9943 3.39535 11.0116 4.16693C11.0208 4.57205 11.3064 4.83209 11.666 4.82161C12.0231 4.81121 12.2757 4.53349 12.2838 4.12588C12.2912 3.75467 12.2854 3.38318 12.2855 3.01181ZM18.2295 3.02434C18.2295 2.64193 18.2356 2.2594 18.2278 1.87717C18.2196 1.47544 17.9568 1.189 17.6036 1.17923C17.2562 1.16961 16.962 1.44913 16.9538 1.84947C16.9383 2.61391 16.9383 3.37914 16.9529 4.14361C16.9611 4.56822 17.2466 4.83715 17.619 4.82149C17.9734 4.80658 18.2217 4.52337 18.2284 4.11269C18.2344 3.75001 18.2297 3.38713 18.2295 3.02434ZM6.34085 3.02456C6.34085 2.64215 6.3466 2.25963 6.33928 1.87738C6.33157 1.47503 6.07002 1.1891 5.7159 1.17929C5.36804 1.16966 5.07493 1.44838 5.0668 1.84926C5.05129 2.61369 5.05135 3.37892 5.06596 4.14339C5.0741 4.56898 5.35846 4.83726 5.73109 4.82139C6.08722 4.80621 6.33314 4.52529 6.33973 4.11292C6.34552 3.75022 6.34094 3.38735 6.34085 3.02456ZM24.1738 3.02489C24.1738 2.64251 24.1801 2.25998 24.1721 1.87778C24.1637 1.47588 23.9012 1.18943 23.5484 1.1792C23.201 1.16913 22.9056 1.44882 22.8975 1.84842C22.8818 2.61282 22.8822 3.37802 22.8966 4.14246C22.9046 4.56521 23.1916 4.83651 23.5624 4.82152C23.9163 4.80723 24.1657 4.52347 24.1727 4.1132C24.1789 3.75053 24.174 3.38767 24.1738 3.02489Z" fill="black"/>
<path d="M7.56373e-07 16.8211C0.0387997 16.769 0.0759693 16.7155 0.116682 16.6651C0.290294 16.45 0.502166 16.3577 0.765592 16.465C1.01175 16.5652 1.13298 16.7653 1.12731 17.0335C1.12153 17.3071 0.976437 17.5015 0.726175 17.5699C0.470267 17.6398 0.243871 17.5589 0.0874987 17.3203C0.0564292 17.2729 0.0290704 17.2229 0 17.1741C0 17.0564 7.56373e-07 16.9388 7.56373e-07 16.8211Z" fill="black"/>
<path d="M19.3711 14.2644C19.3715 14.735 19.3867 15.2062 19.3685 15.676C19.3196 16.9473 18.2985 17.9448 17.0647 17.9427C15.8352 17.9405 14.8056 16.9309 14.7748 15.6623C14.7522 14.7315 14.7519 13.7992 14.7754 12.8684C14.8072 11.6114 15.8572 10.5912 17.0782 10.5955C18.2911 10.5997 19.3179 11.6047 19.3677 12.8529C19.3864 13.3226 19.3707 13.7939 19.3711 14.2644ZM18.2441 14.2615C18.2441 13.8404 18.2521 13.4191 18.2423 12.9982C18.2262 12.3059 17.7226 11.7798 17.082 11.7723C16.4336 11.7646 15.9088 12.3023 15.9009 13.0051C15.8915 13.8472 15.8919 14.6896 15.9004 15.5317C15.9076 16.2448 16.4134 16.7672 17.0746 16.766C17.7349 16.7648 18.2299 16.244 18.2434 15.5248C18.2513 15.1038 18.2448 14.6826 18.2441 14.2615Z" fill="black"/>
<path d="M13.0878 14.2793C13.5476 14.7798 13.7592 15.3531 13.7096 16.0296C13.6295 17.1217 12.6999 17.9841 11.618 17.9576C10.5375 17.931 9.64032 17.0192 9.61935 15.9264C9.61184 15.5354 9.80885 15.273 10.133 15.2422C10.4575 15.2113 10.707 15.4613 10.7504 15.8612C10.8004 16.3205 11.0423 16.6432 11.4164 16.7495C11.7954 16.8572 12.1947 16.7105 12.4175 16.3818C12.8335 15.7679 12.4619 14.9531 11.7307 14.8761C11.3397 14.835 11.1119 14.625 11.1022 14.2968C11.0926 13.9746 11.3188 13.7369 11.6728 13.6973C12.2207 13.6358 12.5708 13.2766 12.5831 12.7632C12.5947 12.2826 12.2978 11.8957 11.8401 11.7948C11.4174 11.7016 10.9802 11.9501 10.8137 12.3811C10.7823 12.4626 10.767 12.5508 10.7357 12.6323C10.6216 12.9299 10.3395 13.0764 10.0469 12.994C9.76958 12.9159 9.60252 12.6206 9.65744 12.3055C9.83249 11.3011 10.7817 10.5335 11.7678 10.5988C12.8011 10.6672 13.6378 11.5089 13.7098 12.5413C13.7562 13.2067 13.5538 13.7736 13.0878 14.2793Z" fill="black"/>
<path d="M6.79732 22.2917C6.79735 21.704 6.79469 21.1164 6.79821 20.5288C6.80095 20.0709 7.0165 19.8459 7.45951 19.8376C7.76101 19.8319 8.06286 19.8302 8.36426 19.8382C9.3172 19.8636 9.99 20.3843 10.2702 21.3311C10.4974 22.0985 10.4781 22.8626 10.131 23.5897C9.76888 24.348 9.17274 24.7502 8.3478 24.761C8.07451 24.7645 7.80117 24.7647 7.52785 24.7654C7.00586 24.7666 6.79928 24.55 6.79765 23.9958C6.79599 23.4277 6.79728 22.8597 6.79732 22.2917ZM7.95167 21.0275V23.574C8.40666 23.6112 8.84092 23.624 9.0777 23.1459C9.36814 22.5594 9.37166 21.9535 9.04776 21.383C8.801 20.9484 8.37274 21.0008 7.95167 21.0275Z" fill="black"/>
<path d="M20.5125 24.8115C19.9027 24.7447 19.3767 24.5397 18.9439 24.1035C18.6698 23.8272 18.6443 23.4656 18.8737 23.2183C19.0981 22.9763 19.4297 22.9764 19.7042 23.2368C19.9457 23.4658 20.2199 23.5958 20.5466 23.5842C20.6469 23.5807 20.7549 23.5565 20.8441 23.5101C21.1199 23.3665 21.1345 23.1336 20.8585 22.9922C20.4798 22.7982 20.0818 22.6449 19.6916 22.4752C19.3201 22.3136 19.0753 22.0326 18.9673 21.6305C18.7966 20.995 19.0852 20.3427 19.6686 20.03C20.3368 19.672 21.3767 19.84 21.9099 20.3923C22.1212 20.6111 22.1466 20.9223 21.9732 21.1658C21.7915 21.4208 21.4993 21.472 21.2181 21.3118C21.0383 21.2094 20.854 21.1105 20.6617 21.0391C20.5618 21.002 20.4305 20.9982 20.3313 21.0336C20.228 21.0704 20.1462 21.1725 20.0551 21.246C20.1317 21.3177 20.1974 21.4146 20.2869 21.4565C20.6555 21.6289 21.0455 21.7569 21.4012 21.953C21.9103 22.2337 22.2238 22.6789 22.1876 23.3043C22.1522 23.9176 21.8239 24.3475 21.2927 24.5888C21.0481 24.6999 20.7735 24.7395 20.5125 24.8115Z" fill="black"/>
<path d="M12.7995 23.8417C12.7712 23.8417 12.7422 23.846 12.7147 23.8411C12.2913 23.7656 12.0152 23.8789 11.8985 24.3701C11.8162 24.7169 11.4664 24.8448 11.1736 24.722C10.8759 24.5971 10.7405 24.2865 10.8627 23.9474C11.3015 22.7295 11.748 21.5147 12.1938 20.2996C12.3019 20.0052 12.5118 19.8316 12.8163 19.8347C13.1195 19.8377 13.3241 20.011 13.4319 20.3086C13.8661 21.5073 14.3047 22.7043 14.7357 23.9043C14.8724 24.2846 14.7439 24.6046 14.4248 24.7278C14.1213 24.845 13.8325 24.6895 13.6871 24.3306C13.5551 24.0047 13.3158 23.8417 12.9691 23.8417C12.9126 23.8417 12.856 23.8417 12.7995 23.8417ZM13.0673 22.6504C12.984 22.4158 12.9095 22.206 12.81 21.9259C12.711 22.205 12.6362 22.4156 12.5529 22.6504H13.0673Z" fill="black"/>
<path d="M16.5781 21.1772C16.8028 20.8205 17.0004 20.501 17.2037 20.1853C17.4239 19.8435 17.738 19.7497 18.0215 19.9344C18.3178 20.1274 18.3691 20.4711 18.1468 20.8317C17.8624 21.2932 17.5627 21.7447 17.2897 22.2132C17.2077 22.3539 17.1605 22.5354 17.1537 22.7007C17.1349 23.1601 17.1497 23.6209 17.1434 24.0811C17.1376 24.5033 16.9052 24.7707 16.5629 24.7638C16.2252 24.757 16.0193 24.5042 16.0126 24.0883C16.0125 24.0785 16.0127 24.0687 16.0125 24.0589C16.0021 23.5032 16.0996 22.9136 15.9504 22.4016C15.8037 21.8979 15.4065 21.473 15.1196 21.0133C15.0581 20.9148 14.9921 20.8186 14.9392 20.7153C14.791 20.4257 14.8622 20.1076 15.1075 19.9365C15.3686 19.7543 15.6887 19.8046 15.8813 20.0854C16.1158 20.4274 16.3292 20.785 16.5781 21.1772Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_199_937">
<rect width="29" height="28" fill="white"/>
</clipPath>
</defs>
</svg>
public/images/availability/time.svg 0 → 100644
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_188_19)">
<path d="M0 12.8626C0.067633 12.3381 0.122028 11.8115 0.205408 11.2895C0.444766 9.79118 0.949263 8.38273 1.67348 7.05541C2.67584 5.21832 4.0335 3.69734 5.73036 2.48485C7.27737 1.37943 8.98555 0.644078 10.8441 0.276969C14.3729 -0.420059 17.6652 0.200612 20.7177 2.11544C20.8129 2.17515 20.909 2.2334 21.017 2.29997C21.2812 1.91598 21.535 1.54513 21.7913 1.17609C21.8464 1.09669 21.903 1.01531 21.9726 0.949653C22.1448 0.787383 22.3129 0.813365 22.4257 1.01855C22.4676 1.0947 22.4937 1.18122 22.5172 1.26578C22.8296 2.38902 23.1419 3.51228 23.4506 4.63656C23.61 5.21737 23.3779 5.53162 22.779 5.58293C21.659 5.67887 20.5398 5.78424 19.4202 5.88573C19.394 5.88811 19.3659 5.89838 19.3418 5.89224C19.1801 5.85097 18.9451 5.85344 18.8795 5.74893C18.8181 5.65105 18.8996 5.41584 18.9823 5.281C19.2256 4.88437 19.5007 4.50757 19.7704 4.11274C19.0044 3.59224 18.2002 3.18338 17.3472 2.87428C15.7788 2.30599 14.1605 2.08722 12.502 2.24221C10.4027 2.4384 8.48467 3.14587 6.78912 4.4189C4.54004 6.10752 3.08974 8.33189 2.45427 11.0875C2.15091 12.4029 2.10125 13.7343 2.28454 15.0698C2.69996 18.0966 4.07173 20.5911 6.43579 22.513C7.89747 23.7013 9.56485 24.4537 11.408 24.8188C12.0991 24.9557 12.4864 25.496 12.3609 26.1081C12.2345 26.7241 11.681 27.1022 11.0614 26.9757C6.79914 26.1055 3.61666 23.7418 1.54209 19.8989C0.655807 18.2572 0.180522 16.4752 0.0455831 14.6063C0.0406456 14.5379 0.0156484 14.471 0 14.4034C0 13.8898 0 13.3762 0 12.8626Z" fill="black"/>
<path d="M11.9594 9.93357C11.9596 8.52583 11.9563 7.11808 11.9612 5.71036C11.9631 5.15414 12.3171 4.77745 12.8212 4.77155C13.3185 4.76573 13.6997 5.13867 13.7069 5.66021C13.716 6.32411 13.7097 6.98823 13.7097 7.65226C13.7098 9.47613 13.713 11.3 13.7049 13.1238C13.704 13.3184 13.7598 13.4173 13.9339 13.5074C16.1742 14.6666 18.4102 15.8343 20.6465 17.0013C21.1268 17.252 21.312 17.6047 21.2057 18.0489C21.0854 18.5515 20.5697 18.8412 20.0818 18.6753C19.9744 18.6388 19.8712 18.5872 19.7701 18.5346C17.2443 17.2195 14.7205 15.9006 12.1911 14.5927C12.0017 14.4948 11.954 14.3827 11.9551 14.1833C11.9629 12.7668 11.9593 11.3502 11.9594 9.93357Z" fill="black"/>
<path d="M21.874 21.7037C21.8742 21.6949 21.874 21.686 21.8742 21.6772C21.8873 20.99 22.7837 20.0323 23.418 20.0278C24.25 20.0218 24.7875 20.927 24.3564 21.6443C24.1675 21.9585 23.9281 22.2519 23.6682 22.5103C23.3471 22.8296 22.9424 22.8837 22.5222 22.7065C22.1144 22.5345 21.8725 22.1518 21.874 21.7037Z" fill="black"/>
<path d="M16.3261 24.6522C17.0019 24.6473 17.4543 25.014 17.5503 25.523C17.6518 26.0615 17.3592 26.5967 16.8389 26.7608C16.5144 26.8632 16.1766 26.9372 15.8392 26.9807C15.3166 27.0482 14.8335 26.6838 14.7027 26.1621C14.5726 25.643 14.8264 25.0831 15.3237 24.9043C15.6917 24.772 16.0849 24.7108 16.3261 24.6522Z" fill="black"/>
<path d="M26.4223 17.4195C26.3409 17.8196 26.2242 18.3121 25.9325 18.7289C25.6571 19.1224 25.1131 19.242 24.6792 19.0514C24.2151 18.8474 23.9306 18.3826 24.0369 17.8994C24.1196 17.5235 24.2458 17.1497 24.408 16.8012C24.6155 16.3556 25.1332 16.1527 25.6147 16.2707C26.0835 16.3857 26.42 16.8235 26.4223 17.4195Z" fill="black"/>
<path d="M25.1885 10.7559C24.8243 10.7383 24.4808 10.5408 24.2998 10.1168C24.1755 9.82573 24.0671 9.52539 23.9807 9.22079C23.8351 8.70714 24.106 8.16984 24.5947 7.95742C25.081 7.74606 25.681 7.90668 25.9249 8.3762C26.1137 8.73954 26.2649 9.13811 26.3467 9.53887C26.4767 10.1756 25.9273 10.7672 25.1885 10.7559Z" fill="black"/>
<path d="M24.826 13.503C24.826 13.3705 24.8216 13.2378 24.8267 13.1055C24.8502 12.5073 25.2673 12.0647 25.8437 12.0229C26.3864 11.9837 26.8905 12.3817 26.964 12.9606C27.0092 13.3165 27.0121 13.6864 26.9715 14.0428C26.9093 14.5893 26.4082 14.9938 25.8918 14.9698C25.3081 14.9426 24.8659 14.5084 24.8347 13.9268C24.8272 13.7859 24.8336 13.6443 24.8336 13.503C24.8311 13.503 24.8285 13.503 24.826 13.503Z" fill="black"/>
<path d="M20.3374 22.9111C20.8125 22.9389 21.2164 23.227 21.3699 23.6698C21.5195 24.1016 21.4004 24.5868 21.0334 24.8609C20.7537 25.0698 20.4536 25.2615 20.1387 25.4094C19.6131 25.6562 19.0313 25.4461 18.7598 24.9516C18.4867 24.454 18.6246 23.862 19.1056 23.5268C19.3429 23.3614 19.5892 23.206 19.8447 23.0716C19.9956 22.9923 20.1723 22.963 20.3374 22.9111Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_188_19">
<rect width="27" height="27" fill="white"/>
</clipPath>
</defs>
</svg>
public/images/icons/info.svg 0 → 100644
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="6" cy="6" r="6" fill="#424242"/>
<path d="M6.44 8.73C6.24 8.97 5.99 9.09 5.69 9.09C5.39 9.09 5.15333 9.01333 4.98 8.86C4.81333 8.70667 4.73 8.50667 4.73 8.26C4.73 8.17333 4.78333 7.81 4.89 7.17L5.22 5.38H4.8L4.82 5.2H5.25C5.74333 5.2 6.10667 5.18 6.34 5.14L6.48 5.11L5.79 8.89C5.99 8.87 6.15667 8.77667 6.29 8.61L6.44 8.73ZM5.56 4.15C5.42 4.01 5.35 3.84 5.35 3.64C5.35 3.44 5.42 3.27 5.56 3.13C5.7 2.98333 5.87 2.91 6.07 2.91C6.27 2.91 6.44 2.98333 6.58 3.13C6.72667 3.27 6.8 3.44 6.8 3.64C6.8 3.84 6.72667 4.01 6.58 4.15C6.44 4.29 6.27 4.36 6.07 4.36C5.87 4.36 5.7 4.29 5.56 4.15Z" fill="white"/>
</svg>
styles/globals.css
@charset "UTF-8";
@import "./fonts.css";
@import "~react-image-gallery/styles/css/image-gallery.css";
/* @font-face {
font-family: "Shelby";
......@@ -264,12 +265,12 @@ h6 {
position: relative;
}
.image-container>span {
.image-container > span {
position: unset !important;
/* display: inline-block !important; */
}
.image-container.d-inblock>span {
.image-container.d-inblock > span {
position: unset !important;
display: inline-block !important;
}
......@@ -292,7 +293,6 @@ header {
transition: transform 0.5s;
transform: translateY(100px);
background-color: #fff;
}
.header_wrap .navbar {
......@@ -304,7 +304,7 @@ header {
z-index: 9;
border-radius: 0 0 20px 20px;
border-radius: 0rem 0rem 1.25rem 1.25rem;
background: #FFF;
background: #fff;
box-shadow: 0px 4px 25px 2px rgba(0, 0, 0, 0.25);
}
......@@ -379,12 +379,15 @@ header {
}
.btn-primary {
background: #0070BD !important;
background: #0070bd !important;
font-size: 15px;
padding-left: 1rem;
padding-right: 1rem;
padding-left: 2rem;
padding-right: 2rem;
}
.btn-secondary{
padding-left: 2rem;
padding-right: 2rem;
}
.navbar-expand-lg .navbar-nav {
margin-right: 2rem;
font-size: 15px;
......@@ -441,7 +444,7 @@ header {
position: relative;
}
.owl-custom01.owl-carousel .owl-nav button.owl-prev>span {
.owl-custom01.owl-carousel .owl-nav button.owl-prev > span {
background: url(/images/icons/arrow-left.svg) no-repeat center;
width: 14px;
height: 22px;
......@@ -449,7 +452,7 @@ header {
display: block;
}
.owl-custom01.owl-carousel .owl-nav button.owl-next>span {
.owl-custom01.owl-carousel .owl-nav button.owl-next > span {
background: url(/images/icons/arrow-right.svg) no-repeat center;
width: 14px;
height: 22px;
......@@ -496,7 +499,7 @@ header {
position: relative;
width: 100%;
border-radius: 73px;
background: #FFF;
background: #fff;
box-shadow: 0px 4px 57.5px -8px rgba(0, 0, 0, 0.25);
height: 90px;
padding: 2.2rem;
......@@ -532,7 +535,7 @@ input:focus-visible {
}
.head01 {
color: #4B4B4B;
color: #4b4b4b;
}
.head01 .title {
......@@ -557,14 +560,6 @@ input:focus-visible {
justify-content: space-between;
}
/*-------- login page --------*/
p {
color: #000;
......@@ -585,12 +580,12 @@ span.form-error {
position: relative;
}
.image-container>span {
.image-container > span {
position: unset !important;
/* display: inline-block !important; */
}
.image-container.d-inblock>span {
.image-container.d-inblock > span {
position: unset !important;
display: inline-block !important;
}
......@@ -618,7 +613,7 @@ span.form-error {
transform: translate(-50%, -50%);
padding: 22px 32px;
border-radius: 20px;
background: #FFF;
background: #fff;
box-shadow: 0px 20px 24px 0px rgba(166, 166, 166, 0.25);
}
......@@ -699,35 +694,35 @@ span.form-error {
}
.form-container ::-webkit-input-placeholder {
color: #CCC;
color: #ccc;
font-family: "Sofia Pro Light";
font-size: 15px;
line-height: normal;
}
.form-container ::-moz-placeholder {
color: #CCC;
color: #ccc;
font-family: "Sofia Pro Light";
font-size: 15px;
line-height: normal;
}
.form-container :-ms-input-placeholder {
color: #CCC;
color: #ccc;
font-family: "Sofia Pro Light";
font-size: 15px;
line-height: normal;
}
.form-container ::-ms-input-placeholder {
color: #CCC;
color: #ccc;
font-family: "Sofia Pro Light";
font-size: 15px;
line-height: normal;
}
.form-container ::placeholder {
color: #CCC;
color: #ccc;
font-family: "Sofia Pro Light";
font-size: 15px;
line-height: normal;
......@@ -742,25 +737,25 @@ span.form-error {
}
.btn-submit {
background: #0070BD;
color: #FFF;
background: #0070bd;
color: #fff;
font-family: "Sofia Pro Bold";
font-size: 15px;
line-height: normal;
}
.btn-submit:disabled {
background-color: #BACCD9;
background-color: #baccd9;
border: none;
}
.btn-submit:hover {
background-color: #0070BD;
background-color: #0070bd;
}
.btn-continue {
border: 1px solid #000 !important;
background: #FFF;
background: #fff;
box-shadow: 1.628px 3.255px 4.069px 0px rgba(255, 255, 255, 0.25) inset;
color: #000;
font-family: "Sofia Pro Bold";
......@@ -790,7 +785,7 @@ span.form-error {
user-select: none;
}
.check-container input:checked~.checkmark:after {
.check-container input:checked ~ .checkmark:after {
display: block;
}
......@@ -818,8 +813,8 @@ span.form-error {
width: 0;
}
.check-container input:checked~.checkmark {
background-color: #FFF;
.check-container input:checked ~ .checkmark {
background-color: #fff;
}
.checkmark {
......@@ -830,7 +825,7 @@ span.form-error {
width: 20px;
border: 2px solid #000;
border-radius: 4px;
background: #FFF;
background: #fff;
}
.otp-input {
......@@ -843,7 +838,7 @@ span.form-error {
margin: 0px 15px 5px 10px;
border-radius: 10px !important;
border: 0.814px solid #000 !important;
background: #FFF !important;
background: #fff !important;
box-shadow: 1.628px 3.255px 4.069px 0px rgba(255, 255, 255, 0.25) inset;
text-align: center;
padding: 0;
......@@ -854,7 +849,7 @@ span.form-error {
}
.resend-otp p {
color: #0070BD;
color: #0070bd;
}
.signupdiv {
......@@ -882,7 +877,7 @@ span.form-error {
}
.border-div {
border: 2px solid #E9F6FF;
border: 2px solid #e9f6ff;
border-radius: 30px;
padding: 3rem;
margin-bottom: 3rem;
......@@ -893,7 +888,7 @@ span.form-error {
.custom-file-input {
padding: 8px 16px;
cursor: pointer;
background-color: #0070BD;
background-color: #0070bd;
border: none;
border-radius: 6px;
display: flex;
......@@ -912,7 +907,6 @@ span.form-error {
color: #fff;
}
/*-------- My Bookings ----------*/
.content-wraaper {
padding: 3rem 3rem 0;
......@@ -948,7 +942,7 @@ span.form-error {
color: #808080;
border: 1px solid #808080;
border-radius: 6px;
padding: .5rem 1rem;
padding: 0.5rem 1rem;
cursor: pointer;
}
......@@ -987,7 +981,7 @@ span.form-error {
.card-booking {
/* border: 1px solid #D1D1D1; */
border-radius: 25px;
box-shadow: 0px 3.2603139877319336px 15.81252384185791px 0px #0000001A;
box-shadow: 0px 3.2603139877319336px 15.81252384185791px 0px #0000001a;
margin-bottom: 3rem;
}
......@@ -1022,12 +1016,12 @@ span.form-error {
color: #808080;
}
.card-booking-content>p:last-child {
.card-booking-content > p:last-child {
margin-bottom: 0;
}
.hr-div {
border: 1px solid #D1D1D1;
border: 1px solid #d1d1d1;
margin: 0;
}
......@@ -1041,31 +1035,31 @@ span.form-error {
.card-booking-img .type {
position: absolute;
left: .8rem;
bottom: .8rem;
background: #F7F5F1;
left: 0.8rem;
bottom: 0.8rem;
background: #f7f5f1;
border-radius: 5px;
font-weight: 600;
text-align: center;
padding: .7rem 1.5rem;
padding: 0.7rem 1.5rem;
margin: 0;
}
.card-booking-content .rating {
border-radius: 4px 4px 4px 0;
background: #002C5F;
color: #FFF;
background: #002c5f;
color: #fff;
display: flex;
align-items: center;
padding: 0 .5rem;
margin-right: .8rem;
padding: 0 0.5rem;
margin-right: 0.8rem;
}
.card-booking-content .description {
color: #808080;
}
.card-booking-content .description>span {
.card-booking-content .description > span {
color: #646464;
text-decoration: underline;
}
......@@ -1075,25 +1069,25 @@ span.form-error {
font-weight: 600;
}
.card-booking-content .price>span {
font-size: .8rem;
.card-booking-content .price > span {
font-size: 0.8rem;
color: #808080;
}
.card-booking-content .other {
font-size: .8rem;
font-size: 0.8rem;
margin-bottom: 0;
}
.btn-explore {
background: #0070BD;
background: #0070bd;
border-radius: 7px;
padding: .7rem 2rem;
padding: 0.7rem 2rem;
font-weight: 600;
}
.card-booking-img.bgGrey {
background: #F7F5F1;
background: #f7f5f1;
border-radius: 13px 13px 0 0;
padding: 3rem;
}
......@@ -1111,7 +1105,7 @@ span.form-error {
margin-bottom: 1rem;
}
.card-booking-content .details-div>p:first-child {
.card-booking-content .details-div > p:first-child {
font-family: "Sofia Pro Light";
font-size: 14px;
line-height: 20px;
......@@ -1121,7 +1115,7 @@ span.form-error {
margin-bottom: 0;
}
.card-booking-content .details-div>p:last-child {
.card-booking-content .details-div > p:last-child {
font-family: "Sofia Pro Light";
font-size: 16px;
line-height: 20px;
......@@ -1131,12 +1125,10 @@ span.form-error {
margin-bottom: 0;
}
/*----- vendor business details -------*/
.content-div {
padding: 2rem 3rem 1rem;
background: #FFFFFF;
background: #ffffff;
border-radius: 8px;
box-shadow: 0px 4px 20px 0px #73737340;
position: relative;
......@@ -1152,8 +1144,8 @@ span.form-error {
}
.business-details::before {
content: '';
border-left: 6px solid #0070BD;
content: "";
border-left: 6px solid #0070bd;
position: absolute;
height: 80%;
left: 0;
......@@ -1172,7 +1164,7 @@ span.form-error {
align-items: center;
padding-bottom: 1rem;
margin: 1rem 0;
border-bottom: 1px solid #C9C9C9;
border-bottom: 1px solid #c9c9c9;
}
.helplist li:last-child {
......@@ -1212,14 +1204,16 @@ span.form-error {
}
.browse-experiences-session {
background: #F7F5F1;
background: #f7f5f1;
padding: 2rem 0;
}
.similar-experiences-session {
padding: 2rem 0;
}
.browse-experiences-item {
border-radius: 1.6875rem;
background: #FFF;
box-shadow: 0px 3.26px 15.813px 0px rgba(0, 0, 0, 0.10);
background: #fff;
box-shadow: 0px 3.26px 15.813px 0px rgba(0, 0, 0, 0.1);
margin-bottom: 1rem;
}
......@@ -1265,7 +1259,7 @@ span.form-error {
}
.info .rating-wishlist .rating {
background: #002C5F;
background: #002c5f;
border-radius: 4px;
color: #fff;
font-size: 14px;
......@@ -1281,7 +1275,7 @@ span.form-error {
.info .rating-wishlist .rating .image-container {
width: 14px;
margin-top: -4px;
margin-left: 4px
margin-left: 4px;
}
.browse-experiences-item .info .discription {
......@@ -1347,7 +1341,7 @@ span.form-error {
}
.testimonial-session {
background: #F4F4F4;
background: #f4f4f4;
padding: 5rem 0;
}
......@@ -1368,7 +1362,7 @@ span.form-error {
.testimonial-item .rating .fa-star:before {
content: "\f005";
color: #FFD600;
color: #ffd600;
}
.testimonial-item .rating a {
......@@ -1407,7 +1401,7 @@ span.form-error {
}
footer {
background: #020D1A;
background: #020d1a;
padding: 3rem 0;
color: #fff;
}
......@@ -1436,7 +1430,7 @@ footer .footer-logo {
footer .icon-text .image-container {
width: 20px;
display: block;
margin-right: 1rem
margin-right: 1rem;
}
footer .icon-text {
......@@ -1448,11 +1442,11 @@ footer .icon-text {
footer .icon-text .text {
width: 85%;
font-size: 15px;
color: #fff
color: #fff;
}
footer .icon-text .text a {
color: #fff
color: #fff;
}
footer .social-icon a {
......@@ -1489,164 +1483,172 @@ footer hr {
text-align: center;
padding: 1rem;
}
.box-01{
.box-01 {
border-radius: 17px;
border: 1px solid #D1D1D1;
border: 1px solid #d1d1d1;
margin-bottom: 1rem;
}
.box-01 .head{
.box-01 .head {
font-size: 20px;
line-height: 20px;
padding: 1rem;
}
.box-01 .reset .image-container{
.box-01 .reset {
padding: 1rem;
}
.box-01 .reset .image-container {
width: 22px;
display: inline-block;
}
.box-01 .reset a {
color: #0070BD;
color: #0070bd;
display: flex;
align-items: center;
justify-content: space-between;
}
.box-01 .reset a .image-container{
margin-left: 0.5rem;
}
.box-01 .inner{
.box-01 .inner {
padding: 1rem;
border-top: 2px solid #D1D1D1;
border-top: 2px solid #d1d1d1;
}
.df-sb{
.df-sb {
display: flex;
align-items: center;
justify-content: space-between;
/* padding: 1rem; */
}
.accordion-filter{
.accordion-filter {
}
.accordion-filter .accordion-button:not(.collapsed){
.accordion-filter .accordion-button:not(.collapsed) {
background: transparent;
}
.accordion-filter .accordion-button:focus{
.accordion-filter .accordion-button:focus {
border: 0;
}
.accordion-button:focus{
.accordion-button:focus {
box-shadow: none;
}
.accordion-filter.accordion-flush .accordion-item{
.accordion-filter.accordion-flush .accordion-item {
border: 0;
}
.data-filters-item label{
.data-filters-item label {
font-size: 14px;
font-weight: 300;
}
.data-filters-item label input{
.data-filters-item label input {
margin-right: 0.2rem;
}
.data-filters-item{
.data-filters-item {
margin-bottom: 0.5rem;
}
.accordion-filter.accordion-flush .accordion-item .accordion-button {
padding: 0.5rem 0;
color: #000;
}
.accordion-body{
.accordion-filter .accordion-body {
padding: 0;
}
.accordion-button:not(.collapsed){
.accordion-button:not(.collapsed) {
box-shadow: none;
}
.accordion-button::after{
.accordion-button::after {
background: url(/images/icons/arrow-right-01.svg) no-repeat;
}
.accordion-button:not(.collapsed)::after{
.accordion-button:not(.collapsed)::after {
background: url(/images/icons/arrow-down-01.svg) no-repeat right center;
}
.form-select:focus{
.form-select:focus {
box-shadow: none;
border-color: inherit;
}
.box-01 .form-select{
border-color: #C3C3C3;
.box-01 .form-select {
border-color: #c3c3c3;
padding: 0.575rem 2.55rem 0.575rem 0.95rem;
}
.box-01 .show-all{
.box-01 .show-all {
background: transparent;
border: 0;
display: flex;
align-items: center;
}
.box-01 .show-all span{
.box-01 .show-all span {
font-size: 30px;
line-height: 30px;
display: inline-block;
height: 10px;
}
.time-filter{
.time-filter {
display: flex;
justify-content: space-between;
align-items: center;
}
.time-filter .time{
.time-filter .time {
position: relative;
}
.time-filter .time:first-child::after{
content: ':';
.time-filter .time:first-child::after {
content: ":";
position: absolute;
right: -22px;
top: 30px;
}
.time-filter .time input{
.time-filter .time input {
width: 55px;
text-align: center;
}
.time-filter .time-field{
.time-filter .time-field {
display: flex;
align-items: center;
width: 70%;
}
.time-filter .time-field .time:first-child{
.time-filter .time-field .time:first-child {
margin-right: 40px;
}
.time-filter .time-field .time div:first-child{
.time-filter .time-field .time div:first-child {
margin-bottom: 5px;
}
.time-filter .ampm-field{
.time-filter .ampm-field {
width: 30%;
padding-top: 15px;
}
.time-filter .ampm-field .ampm{
.time-filter .ampm-field .ampm {
margin: 5px 0;
}
.time-filter .ampm-field .ampm input{
.time-filter .ampm-field .ampm input {
margin-right: 10px;
}
.listing-filter{
.listing-filter {
font-size: 14px;
}
.filter-dd{
.filter-dd {
text-align: right;
padding: 2rem 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.filter-dd a{
.filter-dd a {
width: 30px;
display: inline-block;
cursor: pointer;
}
.filter-dd .box-inner{
.filter-dd .box-inner {
position: relative;
}
.filter-dd .box-inner:nth-of-type(2){
.filter-dd .box-inner:nth-of-type(2) {
margin-right: 1rem;
}
.top-head{
.top-head {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #F0F0F0;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 10px;
margin-bottom: 10px;
}
.filter-dd .box-inner .inner-content{
.filter-dd .box-inner .inner-content {
background: #fff;
box-shadow: 0px 4px 15.899999618530273px 0px rgba(0, 0, 0, 0.25);
width: 300px;
......@@ -1658,24 +1660,24 @@ footer hr {
display: none;
border-radius: 9px;
}
.filter-dd .box-inner .inner-content.open{
.filter-dd .box-inner .inner-content.open {
display: block;
}
.filter-dd .box-inner .inner-content .top-head .close-btn{
.filter-dd .box-inner .inner-content .top-head .close-btn {
width: 20px;
display: inline-block;
cursor: pointer;
}
.filter-dd .box-inner .inner-content .list-by{
.filter-dd .box-inner .inner-content .list-by {
text-align: left;
}
.filter-dd .box-inner .inner-content .list-by li{
.filter-dd .box-inner .inner-content .list-by li {
padding: 7px 0;
}
.filter-dd .box-inner .inner-content .list-by li input{
.filter-dd .box-inner .inner-content .list-by li input {
margin-right: 10px;
}
.filter-dd .box-inner .inner-content .list-by li label{
.filter-dd .box-inner .inner-content .list-by li label {
font-size: 14px;
}
.browse-experiences-item .img-wrapper {
......@@ -1684,91 +1686,260 @@ footer hr {
.listing-items .browse-experiences-item .img-wrapper {
height: 100%;
}
.filter-view{
.filter-view {
display: none;
}
.product-info .wishlist-share a{
.product-info .wishlist-share a {
width: 25px;
display: inline-block;
}
.product-info .wishlist-share a:first-child{
.product-info .wishlist-share a:first-child {
margin-right: 10px;
}
.product-info .top-row{
.product-info .top-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.product-info .top-row .most-booked{
.product-info .top-row .most-booked {
color: #808080;
font-size: 24px;
}
.product-info .product-reviews{
.product-reviews {
display: flex;
align-items: center;
padding: 0.5rem 0 1.5rem;
padding: 0.5rem 0 2rem;
}
.product-info .product-reviews .star{
.product-info .product-reviews .star {
display: flex;
align-items: center;
}
.product-info .product-reviews .star a{
.product-reviews .star a {
width: 19px;
display: inline-block;
}
.product-info .product-reviews .rating{
background: #002C5F;
.product-reviews .rating {
background: #002c5f;
border-radius: 4px;
padding: 5px;
color: #fff;
margin-right: 10px;
}
.product-info .product-reviews .review{
.product-info .product-reviews .review {
margin-right: 10px;
}
.product-info .product-name{
.product-info .product-name {
font-size: 3.438rem;
line-height: 4.813rem;
font-weight: 700;
}
.product-info .price{
.product-info .price {
font-size: 2.5rem;
line-height: 2.5rem;
}
.product-info .price>span{
.product-info .price > span {
color: #808080;
font-size: 14px;
}
.product-info .location{
.product-info .location {
font-size: 1.5rem;
line-height: 1.5rem;
margin-bottom: 0.5rem;
}
.product-info .location>span{
.product-info .location > span {
color: #808080;
font-size: 16px;
}
.btn-row{
.btn-row {
padding: 2rem 0;
}
.image-container.btn-gift{
.image-container.btn-gift {
width: 18px;
display: inline-block;
vertical-align: text-bottom;
}
.btn-secondary{
background: #F0F0F0;
border: 1px solid #AFAFAF;
.btn-secondary {
background: #f0f0f0;
border: 1px solid #afafaf;
color: #000;
}
.btn-secondary:hover{
.btn-secondary:hover {
background: #e0dede;
border: 1px solid #AFAFAF;
border: 1px solid #afafaf;
color: #000;
}
.image-gallery-thumbnail {
width: 25%;
}
.image-gallery-content .image-gallery-slide .image-gallery-image {
max-height: 100%;
}
.breadcrumb-item + .breadcrumb-item::before {
content: "";
background: url(/images/icons/arrow-right-grey.svg) no-repeat;
width: 24px;
height: 24px;
margin: 0 5px;
}
.breadcrumb .breadcrumb-item a {
color: #808080;
}
.btn {
font-size: 20px;
}
.availability-wrappper {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 2rem;
}
.availability-wrappper li {
width: 46%;
display: flex;
align-items: center;
margin: 0.5rem;
}
.availability-wrappper li > span {
width: 30px;
display: block;
margin-right: 10px;
}
.availability-wrappper li .info {
width: 12px;
height: 12px;
right: -4px;
top: -9px;
display: block;
cursor: pointer;
}
.availability-wrappper li .info-div {
position: relative;
}
.availability-wrappper li .info-text {
position: absolute;
top: 100%;
left: 0;
background-color: #ffffff;
padding: 10px;
box-shadow: 0px 3.2603139877319336px 15.81252384185791px 0px #0000001a;
width: 250px;
border-radius: 10px;
font-size: 14px;
/* Add any other styles you need for your info div */
}
.view-all-reviews-btn {
color: #000;
}
.guest-reviews-detail .head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.5rem;
}
.guest-reviews-detail .head .name {
font-size: 24px;
line-height: 24px;
}
.guest-reviews-detail .head .month {
color: #808080;
}
.guest-reviews-detail .star {
display: flex;
align-items: center;
margin-bottom: 1rem;
}
.guest-reviews-detail .star a {
width: 19px;
display: inline-block;
}
.review-content a {
color: #808080;
text-decoration: underline !important;
}
.guest-reviews-detail {
margin-right: 3rem;
}
.guest-reviews-session .head-btn {
margin-right: 3rem;
}
.guest-reviews-detail {
margin-bottom: 2rem;
}
.guest-reviews-session > .container {
border-top: 1px solid #c9c9c9;
padding-top: 3rem;
}
.guest-reviews-session {
padding: 0 0 2rem 0;
}
.browse-experiences-item .explore-now .btn{
font-size: 13px;
padding-left: 1rem;
padding-right: 1rem;
}
.accordion-01 {
/* border: 1px solid #707070;
border-radius: 17px;
padding: 5px; */
}
.accordion-01 .accordion-button::after {
background-image: url(https://d3dfzqkbc19l96.cloudfront.net/public/assets/images/icons/plus.svg);
width: 15px;
height: 15px;
background-size: 90%;
position: absolute;
right: 5px;
top: 40%;
}
.accordion-01 .accordion-button:not(.collapsed)::after {
background-image: url(https://d3dfzqkbc19l96.cloudfront.net/public/assets/images/icons/minus.svg);
width: 15px;
height: 3px;
background-size: 90%;
}
.accordion-01 .accordion-button {
font-size: 20px;
line-height: 28px;
color: #000000;
position: relative;
padding-top: 30px;
padding-bottom: 30px;
/* font-weight: 700; */
padding-right: 35px;
}
.accordion-01 .accordion-body {
padding-top: 0;
padding-bottom: 35px;
font-size: 18px;
line-height: 25px;
padding-right: 50px;
}
.accordion-01 .accordion-button:not(.collapsed) {
color: #c9262b;
background-color: transparent;
box-shadow: none;
font-weight: 600;
}
.accordion-01 .accordion-item {
border: 0;
border-bottom: 1px solid #DDDDDD;
}
.accordion-01 .accordion-item:last-child {
border-bottom: 0;
}
.accordion-button:focus {
box-shadow: none;
}
.accordion-01.accordion {
/* margin-top: 35px; */
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
.faqs-session{
padding: 5rem 0;
}
......@@ -1791,7 +1962,7 @@ footer hr {
}
.navbar-expand-lg .navbar-nav .nav-link.gift-card::after {
content: '';
content: "";
background: #000;
height: 2px;
width: 100%;
......@@ -1805,14 +1976,49 @@ footer hr {
margin-left: 10px;
}
}
@media (min-width: 768px) {
.hide-on-desktop {
display: none !important;
}
}
@media (max-width:1023px) {
.product-info .product-name {
font-size: 20px;
line-height: 30px;
}
.product-info .top-row .most-booked {
color: #808080;
font-size: 16px;
}
.product-info .product-name {
font-size: 20px;
line-height: 30px;
font-weight: 700;
}
.availability-wrappper li {
width: 100%;
margin: 1rem 0.5rem;
}
.guest-reviews-session .head-btn {
margin-right: 0;
}
.guest-reviews-detail {
margin-right: 0;
}
}
@media (max-width: 767px) {
.hide-on-mobile {
display: none !important;
}
}
@media (max-width: 767px) {
footer .subscribe input {
width: 67%;
}
}
.footer-link h3 {
font-size: 20px;
}
}
footer .footer-link.mtp-0 {
padding-top: 0;
}
......@@ -1823,8 +2029,8 @@ footer hr {
font-size: 32px;
line-height: 33px;
margin-bottom: 0.5rem;
}
.signUp-to-experience-our-platform-session{
}
.signUp-to-experience-our-platform-session {
background: url(../public/images/sign-up-exp-bg-m.png) no-repeat;
background-size: 100%;
object-fit: cover;
......@@ -1834,28 +2040,28 @@ footer hr {
.testimonial-item .name {
font-size: 20px;
line-height: 22px;
}
}
.testimonial-item {
padding: 0 0rem;
}
.gift-an-experience-inner .img{
}
.gift-an-experience-inner .img {
padding-top: 3rem;
}
.gift-an-experience-inner .content .title {
font-size: 32px;
line-height: 35px;
}
}
.gift-an-experience-inner {
padding: 1rem;
border-radius: 27px;
background: #F6F6F6 url(/images/gift-experience-bg-m.png) no-repeat center bottom;
}
background: #f6f6f6 url(/images/gift-experience-bg-m.png) no-repeat center bottom;
}
.carousal-c .owl-custom01.owl-carousel .owl-nav button.owl-next {
right: calc(-9% + 1px);
}
}
.carousal-c .owl-custom01.owl-carousel .owl-nav button.owl-prev {
left: calc(-9% + 1px);
}
}
.slider-item.slider-item-01 {
background: url(/images/home-banner/01-m.jpg) no-repeat;
}
......@@ -1864,44 +2070,44 @@ footer hr {
border-radius: 0 0 25px 25px;
background-position: 100% !important;
padding-top: 2rem;
}
.slider-item .d-table {
display: inherit!important;
}
.home-banner .banner-txt h1 {
}
.slider-item .d-table {
display: inherit !important;
}
.home-banner .banner-txt h1 {
font-size: 20px;
line-height: 22px;
}
.home-banner .banner-txt .title {
}
.home-banner .banner-txt .title {
font-size: 32px;
line-height: 35px;
}
.searchbar-h input {
}
.searchbar-h input {
font-size: 13px;
}
.searchbar-h {
}
.searchbar-h {
height: 55px;
padding: 1rem;
}
.searchbar-h .search-icon {
}
.searchbar-h .search-icon {
right: 8px;
top: 11px;
}
.searchbar-session {
}
.searchbar-session {
margin-top: -33px;
}
.let-discover-session {
}
.let-discover-session {
padding: 2rem 0;
}
.head01 .title {
}
.head01 .title {
font-size: 16px;
line-height: 18px;
}
.head01 h2 {
}
.head01 h2 {
font-size: 32px;
line-height: 33px;
}
.carousal-c {
}
.carousal-c {
padding: 0 1rem;
}
}
}
yarn.lock
......@@ -3971,6 +3971,11 @@
"resolved" "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz"
"version" "3.2.0"
"react-image-gallery@^1.3.0":
"integrity" "sha512-lKnPaOzxqSdujPFyl+CkVw0j1aYoNCHk61cvr1h7aahf5aWqmPcR9YhUB4cYrt5Tn5KHDaPUzYm5/+cX9WxzaA=="
"resolved" "https://registry.npmjs.org/react-image-gallery/-/react-image-gallery-1.3.0.tgz"
"version" "1.3.0"
"react-image-lightbox@5.1.1":
"integrity" "sha512-GprldD8AqpRb2hsOdns3sI7Xeo9hJlcybDxuli4RB+ml1J/GaFaUuRkT/7IrTLv2+4vkR74ahz2LD0HOUHI7wA=="
"resolved" "https://registry.npmjs.org/react-image-lightbox/-/react-image-lightbox-5.1.1.tgz"
......@@ -4224,7 +4229,7 @@
"loose-envify" "^1.4.0"
"prop-types" "^15.6.2"
"react@*", "react@^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18", "react@^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0", "react@^15.5.x || ^16.x || ^17.x || ^18.x", "react@^16.12.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0", "react@^16.8 || ^17.0 || ^18.0", "react@^16.8.0 || ^17 || ^18", "react@^16.8.0 || ^17.0.0 || ^18.0.0", "react@^16.8.0 || ^17.0.0-rc.1 || ^18.0.0", "react@^16.9.0 || ^17 || ^18", "react@^17.0.2 || ^18", "react@^17.0.2 || ^18.0.0-0", "react@^18.2.0", "react@>= 16.8.0 || 17.x.x || ^18.0.0-0", "react@>=0.14.0", "react@>=0.14.0 || ^15.6.1 || ^16.0.0", "react@>=15", "react@>=15.0.0", "react@>=16", "react@>=16.14.0", "react@>=16.3.0", "react@>=16.6.0", "react@>=16.8.0", "react@>=16.8.6 || ^17.0.0 || ^18.0.0", "react@18.2.0":
"react@*", "react@^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18", "react@^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0", "react@^15.5.x || ^16.x || ^17.x || ^18.x", "react@^16.0.0 || ^17.0.0 || ^18.0.0", "react@^16.12.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0", "react@^16.8 || ^17.0 || ^18.0", "react@^16.8.0 || ^17 || ^18", "react@^16.8.0 || ^17.0.0 || ^18.0.0", "react@^16.8.0 || ^17.0.0-rc.1 || ^18.0.0", "react@^16.9.0 || ^17 || ^18", "react@^17.0.2 || ^18", "react@^17.0.2 || ^18.0.0-0", "react@^18.2.0", "react@>= 16.8.0 || 17.x.x || ^18.0.0-0", "react@>=0.14.0", "react@>=0.14.0 || ^15.6.1 || ^16.0.0", "react@>=15", "react@>=15.0.0", "react@>=16", "react@>=16.14.0", "react@>=16.3.0", "react@>=16.6.0", "react@>=16.8.0", "react@>=16.8.6 || ^17.0.0 || ^18.0.0", "react@18.2.0":
"integrity" "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ=="
"resolved" "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
"version" "18.2.0"
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!