Skip to content

Jay Mehta / zango-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 9d9db7d5 by Jyotsna
Options

Merge branch 'master' of https://git.logicloop.io/jaymehta/zango-frontend

2 parents e3ca826b 79b55acd
Expand all
Inline Side-by-side
Showing 18 changed files with 654 additions and 82 deletions
components/detail/Detail.js
import React, { Fragment } from "react"; import React, { Fragment } from "react";
import DetailGallery from "./DetailGallery"; import DetailGallery from "./DetailGallery";
import DetailInfo from "./DetailInfo"; 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 = () => { const Detail = () => {
return ( return (
...@@ -8,16 +13,32 @@ const Detail = () => { ...@@ -8,16 +13,32 @@ const Detail = () => {
<main> <main>
<section className="main-mt"> <section className="main-mt">
<div className="container mt-5"> <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="row mb-5">
<div className="col-xl-6"> <div className="col-xl-5">
<DetailGallery></DetailGallery> <DetailGallery></DetailGallery>
</div> </div>
<div className="col-xl-6 listing-wrapper"> <div className="col-xl-7 listing-wrapper">
<DetailInfo></DetailInfo> <DetailInfo></DetailInfo>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<GuestReviews />
<SimilarExperiences />
<Faqs />
<SignUpToExperienceOurPlatform />
</main> </main>
</Fragment> </Fragment>
); );
......
components/detail/DetailGallery.js
import React from 'react' import React, { useState } from "react";
import { Breadcrumb } from 'react-bootstrap' import ImageGallery from "react-image-gallery";
import Image from "next/image";
const DetailGallery = () => { 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 ( return (
<div className="product-gallery"> <>
<div className="row"> <div className="product-info hide-on-desktop">
<div className="col-12"> <div className="">
<div className="breadcrumb-container"> <div className="top-row">
<Breadcrumb> <div className="most-booked">Most Booked</div>
<Breadcrumb.Item href="#">Home</Breadcrumb.Item> <div className="wishlist-share">
<Breadcrumb.Item href="#">Jewellery</Breadcrumb.Item> <a href="#" className="add-to-wishlist">
<Breadcrumb.Item href={`/listing?category`}>asdasdas</Breadcrumb.Item> <span className="image-container">
<Breadcrumb.Item active>Title</Breadcrumb.Item> <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/wishlist-01.svg" />
</Breadcrumb> </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>
<div className="product-name">Edge City Climb</div>
</div> </div>
</div>
<div className="product-gallery">
<div className="row">
<div className="col-12">
<div className="product-gallery-item">
<ImageGallery showNav={false} showPlayButton={false} items={images} />
</div>
</div>
</div> </div>
<div className="product-gallery-item"> <div className="row hide-on-mobile">
asdasd <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>
</div> </div>
) </>
} );
};
export default DetailGallery
\ No newline at end of file \ No newline at end of file
export default DetailGallery;
components/detail/DetailInfo.js
import Image from "next/image"; import Image from "next/image";
import React, { Fragment } from "react"; import React, { Fragment, useState } from "react";
import { Button } from "react-bootstrap"; import { Button } from "react-bootstrap";
const DetailInfo = () => { const DetailInfo = () => {
const [showInfo, setShowInfo] = useState(false);
const handleMouseEnter = () => {
setShowInfo(true);
};
const handleMouseLeave = () => {
setShowInfo(false);
};
return ( return (
<Fragment> <Fragment>
<div className="row"> <div className="row">
<div className="col-12"> <div className="col-12">
<div className="product-info"> <div className="product-info">
<div className="top-row"> <div className="hide-on-mobile">
<div className="most-booked">Most Booked</div> <div className="top-row">
<div className="wishlist-share"> <div className="most-booked">Most Booked</div>
<a href="#" className="add-to-wishlist"> <div className="wishlist-share">
<span className="image-container"> <a href="#" className="add-to-wishlist">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/wishlist-01.svg" /> <span className="image-container">
</span> <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/wishlist-01.svg" />
</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 className="product-reviews">
<span className="rating">8.8</span>
<span className="review">1,365 Reviews</span>
<span 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>
</span> </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="">Per Person</div> </div>
<div className="price">$185 <span>20% Off</span></div> <div className="product-name">Edge City Climb</div>
<div className="mb-4"> </div>
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 className="product-reviews">
</div> <span className="rating">8.8</span>
<div className="location">Location & Address <span>(Outdoor)</span></div> <span className="review">1,365 Reviews</span>
<div className="mb-2">Chelsea </div> <span className="star">
<div className="">30 Hudson Yards, New York, NY 10001</div> <a href="">
<div className="btn-row"> <span className="image-container">
<Button variant="primary me-3">Book Now</Button> <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
<Button variant="secondary">Gift Now <span className="image-container btn-gift"> </span>
<Image layout="fill" className="image img-fluid" src="/images/icons/gift-card-icon.svg" /> </a>
</span></Button> <a href="">
</div> <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>
</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.
</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">
<Image layout="fill" className="image img-fluid" src="/images/icons/gift-card-icon.svg" />
</span>
</Button>
</div>
</div> </div>
</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> </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 React, { Fragment } from "react";
import LetDiscover from "../home/LetDiscover"; import LetDiscover from "../home/LetDiscover";
import ListingInner from "./ListingInner"; import ListingInner from "./ListingInner";
import SignUpToExperienceOurPlatform from "../home/SignUpToExperienceOurPlatform";
const Listing = () => { const Listing = () => {
return ( return (
...@@ -8,6 +9,7 @@ const Listing = () => { ...@@ -8,6 +9,7 @@ const Listing = () => {
<main> <main>
<LetDiscover /> <LetDiscover />
<ListingInner /> <ListingInner />
<SignUpToExperienceOurPlatform />
</main> </main>
</Fragment> </Fragment>
); );
......
package.json
...@@ -23,6 +23,7 @@ ...@@ -23,6 +23,7 @@
"react-bootstrap-typeahead": "^6.0.0", "react-bootstrap-typeahead": "^6.0.0",
"react-datepicker": "^4.8.0", "react-datepicker": "^4.8.0",
"react-dom": "18.2.0", "react-dom": "18.2.0",
"react-image-gallery": "^1.3.0",
"react-js-pagination": "^3.0.3", "react-js-pagination": "^3.0.3",
"react-multi-carousel": "^2.8.2", "react-multi-carousel": "^2.8.2",
"react-otp-input": "^3.1.1", "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/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/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>
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!