mirror of
https://github.com/Nezumi-2711/mui-practice.git
synced 2026-09-22 13:38:36 +00:00
Init Project
This commit is contained in:
+21
@@ -0,0 +1,21 @@
|
||||
import Destinations from "./components/destinations/Destinations";
|
||||
import HotelsAndRestaurants from "./components/hotels-and-restaurants/HotelsAndRestaurants";
|
||||
import Hero from "./components/hero";
|
||||
import Travel from "./components/travel/Travel";
|
||||
import AboutUs from "./components/about-us/AboutUs";
|
||||
import Footer from "./components/footer/Footer";
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<>
|
||||
<Hero />
|
||||
<Destinations />
|
||||
<HotelsAndRestaurants />
|
||||
<Travel />
|
||||
<AboutUs />
|
||||
<Footer />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 119 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 111 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 144 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 94 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 64 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 55 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 80 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 49 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 51 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 74 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8 9H0V7H8V0L16 8L8 16V9Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 154 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="28" height="27" viewBox="0 0 28 27" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14 0.0825195C6.63599 0.0825195 0.666656 6.05185 0.666656 13.4159C0.666656 20.0705 5.54266 25.5865 11.9173 26.5879V17.2692H8.53066V13.4159H11.9173V10.4785C11.9173 7.13719 13.9067 5.29185 16.9533 5.29185C18.412 5.29185 19.9373 5.55185 19.9373 5.55185V8.83185H18.2573C16.6 8.83185 16.084 9.85985 16.084 10.9145V13.4159H19.7813L19.1907 17.2692H16.084V26.5879C22.4573 25.5879 27.3333 20.0692 27.3333 13.4159C27.3333 6.05185 21.364 0.0825195 14 0.0825195Z" fill="#5243C2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 581 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 0H19C19.2652 0 19.5196 0.105357 19.7071 0.292893C19.8946 0.48043 20 0.734784 20 1V17C20 17.2652 19.8946 17.5196 19.7071 17.7071C19.5196 17.8946 19.2652 18 19 18H1C0.734784 18 0.48043 17.8946 0.292893 17.7071C0.105357 17.5196 0 17.2652 0 17V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0ZM18 4.238L10.072 11.338L2 4.216V16H18V4.238ZM2.511 2L10.061 8.662L17.502 2H2.511Z" fill="#FFA800"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 535 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="28" height="27" viewBox="0 0 28 27" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14 0.0825195C17.6227 0.0825195 18.0747 0.0958528 19.496 0.162519C20.916 0.229186 21.8827 0.451853 22.7333 0.78252C23.6133 1.12119 24.3547 1.57985 25.096 2.31985C25.774 2.98638 26.2986 3.79264 26.6333 4.68252C26.9627 5.53185 27.1867 6.49985 27.2533 7.91985C27.316 9.34119 27.3333 9.79319 27.3333 13.4159C27.3333 17.0385 27.32 17.4905 27.2533 18.9119C27.1867 20.3319 26.9627 21.2985 26.6333 22.1492C26.2996 23.0396 25.7748 23.846 25.096 24.5119C24.4293 25.1896 23.6231 25.7142 22.7333 26.0492C21.884 26.3785 20.916 26.6025 19.496 26.6692C18.0747 26.7319 17.6227 26.7492 14 26.7492C10.3773 26.7492 9.92532 26.7359 8.50399 26.6692C7.08399 26.6025 6.11732 26.3785 5.26666 26.0492C4.37642 25.7152 3.57003 25.1904 2.90399 24.5119C2.22587 23.8454 1.70123 23.0391 1.36666 22.1492C1.03599 21.2999 0.813323 20.3319 0.746656 18.9119C0.68399 17.4905 0.666656 17.0385 0.666656 13.4159C0.666656 9.79319 0.67999 9.34119 0.746656 7.91985C0.813323 6.49852 1.03599 5.53319 1.36666 4.68252C1.7003 3.79209 2.22506 2.98561 2.90399 2.31985C3.57022 1.64149 4.37656 1.11683 5.26666 0.78252C6.11732 0.451853 7.08266 0.229186 8.50399 0.162519C9.92532 0.0998528 10.3773 0.0825195 14 0.0825195ZM14 6.74919C12.2319 6.74919 10.5362 7.45157 9.28594 8.70181C8.0357 9.95205 7.33332 11.6477 7.33332 13.4159C7.33332 15.184 8.0357 16.8797 9.28594 18.1299C10.5362 19.3801 12.2319 20.0825 14 20.0825C15.7681 20.0825 17.4638 19.3801 18.714 18.1299C19.9643 16.8797 20.6667 15.184 20.6667 13.4159C20.6667 11.6477 19.9643 9.95205 18.714 8.70181C17.4638 7.45157 15.7681 6.74919 14 6.74919ZM22.6667 6.41585C22.6667 5.97383 22.4911 5.5499 22.1785 5.23734C21.8659 4.92478 21.442 4.74919 21 4.74919C20.558 4.74919 20.134 4.92478 19.8215 5.23734C19.5089 5.5499 19.3333 5.97383 19.3333 6.41585C19.3333 6.85788 19.5089 7.2818 19.8215 7.59436C20.134 7.90693 20.558 8.08252 21 8.08252C21.442 8.08252 21.8659 7.90693 22.1785 7.59436C22.4911 7.2818 22.6667 6.85788 22.6667 6.41585ZM14 9.41585C15.0609 9.41585 16.0783 9.83728 16.8284 10.5874C17.5786 11.3376 18 12.355 18 13.4159C18 14.4767 17.5786 15.4941 16.8284 16.2443C16.0783 16.9944 15.0609 17.4159 14 17.4159C12.9391 17.4159 11.9217 16.9944 11.1716 16.2443C10.4214 15.4941 9.99999 14.4767 9.99999 13.4159C9.99999 12.355 10.4214 11.3376 11.1716 10.5874C11.9217 9.83728 12.9391 9.41585 14 9.41585Z" fill="#5243C2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,15 @@
|
||||
<svg width="88" height="36" viewBox="0 0 88 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.048 23.936C0.592 23.504 0.84 23.304 0.792 23.336C2.36 22.04 3.592 20.976 4.488 20.144C5.4 19.312 6.168 18.44 6.792 17.528C7.416 16.616 7.728 15.728 7.728 14.864C7.728 14.208 7.576 13.696 7.272 13.328C6.968 12.96 6.512 12.776 5.904 12.776C5.296 12.776 4.816 13.008 4.464 13.472C4.128 13.92 3.96 14.56 3.96 15.392H0C0.032 14.032 0.32 12.896 0.864 11.984C1.424 11.072 2.152 10.4 3.048 9.968C3.96 9.536 4.968 9.32 6.072 9.32C7.976 9.32 9.408 9.808 10.368 10.784C11.344 11.76 11.832 13.032 11.832 14.6C11.832 16.312 11.248 17.904 10.08 19.376C8.912 20.832 7.424 22.256 5.616 23.648H12.096V26.984H0.048V23.936Z" fill="#161414"/>
|
||||
<path d="M18.4149 16.064C18.8949 15.328 19.4949 14.752 20.2149 14.336C20.9349 13.904 21.7349 13.688 22.6149 13.688V18.032H21.4869C20.4629 18.032 19.6949 18.256 19.1829 18.704C18.6709 19.136 18.4149 19.904 18.4149 21.008V27.224H14.3109V13.832H18.4149V16.064Z" fill="#161414"/>
|
||||
<path d="M26.6406 12.44C25.9206 12.44 25.3286 12.232 24.8646 11.816C24.4166 11.384 24.1926 10.856 24.1926 10.232C24.1926 9.592 24.4166 9.064 24.8646 8.648C25.3286 8.216 25.9206 8 26.6406 8C27.3446 8 27.9206 8.216 28.3686 8.648C28.8326 9.064 29.0646 9.592 29.0646 10.232C29.0646 10.856 28.8326 11.384 28.3686 11.816C27.9206 12.232 27.3446 12.44 26.6406 12.44ZM28.6806 13.832V27.224H24.5766V13.832H28.6806Z" fill="#161414"/>
|
||||
<path d="M37.1027 27.416C35.9347 27.416 34.8947 27.216 33.9827 26.816C33.0707 26.416 32.3507 25.872 31.8227 25.184C31.2947 24.48 30.9987 23.696 30.9347 22.832H34.9907C35.0387 23.296 35.2547 23.672 35.6387 23.96C36.0227 24.248 36.4947 24.392 37.0547 24.392C37.5667 24.392 37.9587 24.296 38.2307 24.104C38.5187 23.896 38.6627 23.632 38.6627 23.312C38.6627 22.928 38.4627 22.648 38.0627 22.472C37.6627 22.28 37.0147 22.072 36.1187 21.848C35.1587 21.624 34.3587 21.392 33.7187 21.152C33.0787 20.896 32.5267 20.504 32.0627 19.976C31.5987 19.432 31.3667 18.704 31.3667 17.792C31.3667 17.024 31.5747 16.328 31.9907 15.704C32.4227 15.064 33.0467 14.56 33.8627 14.192C34.6947 13.824 35.6787 13.64 36.8147 13.64C38.4947 13.64 39.8147 14.056 40.7747 14.888C41.7507 15.72 42.3107 16.824 42.4547 18.2H38.6627C38.5987 17.736 38.3907 17.368 38.0387 17.096C37.7027 16.824 37.2547 16.688 36.6947 16.688C36.2147 16.688 35.8467 16.784 35.5907 16.976C35.3347 17.152 35.2067 17.4 35.2067 17.72C35.2067 18.104 35.4067 18.392 35.8067 18.584C36.2227 18.776 36.8627 18.968 37.7267 19.16C38.7187 19.416 39.5267 19.672 40.1507 19.928C40.7747 20.168 41.3187 20.568 41.7827 21.128C42.2627 21.672 42.5107 22.408 42.5267 23.336C42.5267 24.12 42.3027 24.824 41.8547 25.448C41.4227 26.056 40.7907 26.536 39.9587 26.888C39.1427 27.24 38.1907 27.416 37.1027 27.416Z" fill="#161414"/>
|
||||
<path d="M62.1255 13.688C63.7895 13.688 65.1095 14.192 66.0855 15.2C67.0775 16.208 67.5735 17.608 67.5735 19.4V27.224H63.4935V19.952C63.4935 19.088 63.2615 18.424 62.7975 17.96C62.3495 17.48 61.7255 17.24 60.9255 17.24C60.1255 17.24 59.4935 17.48 59.0295 17.96C58.5815 18.424 58.3575 19.088 58.3575 19.952V27.224H54.2775V19.952C54.2775 19.088 54.0455 18.424 53.5815 17.96C53.1335 17.48 52.5095 17.24 51.7095 17.24C50.9095 17.24 50.2775 17.48 49.8135 17.96C49.3655 18.424 49.1415 19.088 49.1415 19.952V27.224H45.0375V13.832H49.1415V15.512C49.5575 14.952 50.1015 14.512 50.7735 14.192C51.4455 13.856 52.2055 13.688 53.0535 13.688C54.0615 13.688 54.9575 13.904 55.7415 14.336C56.5415 14.768 57.1655 15.384 57.6135 16.184C58.0775 15.448 58.7095 14.848 59.5095 14.384C60.3095 13.92 61.1815 13.688 62.1255 13.688Z" fill="#161414"/>
|
||||
<g clip-path="url(#clip0_577_467)">
|
||||
<path d="M72.8708 6.20995C72.5228 6.09395 72.5195 5.90661 72.8775 5.78728L85.6022 1.54595C85.9548 1.42861 86.1568 1.62595 86.0582 1.97128L82.4222 14.6953C82.3222 15.0479 82.1188 15.0599 81.9695 14.7253L79.5735 9.33328L83.5735 3.99995L78.2402 7.99995L72.8708 6.20995Z" fill="#5243C2"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_577_467">
|
||||
<rect width="16" height="16" fill="white" transform="translate(71.5735)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="28" height="23" viewBox="0 0 28 23" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M27.5493 2.95725C26.5314 3.40751 25.452 3.70322 24.3467 3.83458C25.5117 3.13783 26.3836 2.04127 26.8 0.749251C25.7067 1.39992 24.508 1.85592 23.2587 2.10258C22.4195 1.20469 21.3072 0.609202 20.0946 0.408697C18.8821 0.208193 17.6373 0.413906 16.5537 0.993855C15.4701 1.5738 14.6085 2.4955 14.1028 3.61564C13.5971 4.73579 13.4757 5.99162 13.7573 7.18792C11.5402 7.07679 9.37112 6.50062 7.39106 5.4968C5.411 4.49299 3.66418 3.08398 2.26401 1.36125C1.7684 2.21252 1.50795 3.18022 1.50934 4.16525C1.50934 6.09858 2.49334 7.80658 3.98934 8.80659C3.10402 8.77871 2.23819 8.53963 1.46401 8.10925V8.17858C1.46428 9.46618 1.90983 10.7141 2.72514 11.7107C3.54044 12.7073 4.67532 13.3912 5.93734 13.6466C5.1155 13.8693 4.25375 13.9021 3.41734 13.7426C3.77317 14.8509 4.46668 15.8202 5.4008 16.5147C6.33491 17.2093 7.46285 17.5943 8.62668 17.6159C7.46998 18.5244 6.14558 19.1959 4.72918 19.5921C3.31279 19.9884 1.83218 20.1016 0.372009 19.9253C2.92094 21.5645 5.88814 22.4347 8.91868 22.4319C19.176 22.4319 24.7853 13.9346 24.7853 6.56525C24.7853 6.32525 24.7787 6.08258 24.768 5.84525C25.8598 5.05614 26.8021 4.07861 27.5507 2.95858L27.5493 2.95725Z" fill="#5243C2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 72 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 123 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8 13.9333L11.3 10.6333C11.9526 9.98066 12.397 9.14914 12.577 8.2439C12.7571 7.33867 12.6646 6.40039 12.3114 5.54769C11.9582 4.695 11.36 3.96619 10.5926 3.45343C9.82519 2.94068 8.92296 2.66699 8 2.66699C7.07704 2.66699 6.17481 2.94068 5.40739 3.45343C4.63997 3.96619 4.04183 4.695 3.68861 5.54769C3.33539 6.40039 3.24294 7.33867 3.42297 8.2439C3.603 9.14914 4.04741 9.98066 4.7 10.6333L8 13.9333ZM8 15.8187L3.75734 11.576C2.91823 10.7369 2.34679 9.66777 2.11529 8.50389C1.88378 7.34 2.0026 6.13361 2.45673 5.03726C2.91086 3.9409 3.6799 3.00384 4.66659 2.34455C5.65328 1.68527 6.81332 1.33337 8 1.33337C9.18669 1.33337 10.3467 1.68527 11.3334 2.34455C12.3201 3.00384 13.0891 3.9409 13.5433 5.03726C13.9974 6.13361 14.1162 7.34 13.8847 8.50389C13.6532 9.66777 13.0818 10.7369 12.2427 11.576L8 15.8187ZM8 8.66665C8.35362 8.66665 8.69276 8.52618 8.94281 8.27613C9.19286 8.02608 9.33334 7.68694 9.33334 7.33332C9.33334 6.9797 9.19286 6.64056 8.94281 6.39051C8.69276 6.14046 8.35362 5.99999 8 5.99999C7.64638 5.99999 7.30724 6.14046 7.05719 6.39051C6.80715 6.64056 6.66667 6.9797 6.66667 7.33332C6.66667 7.68694 6.80715 8.02608 7.05719 8.27613C7.30724 8.52618 7.64638 8.66665 8 8.66665ZM8 9.99999C7.29276 9.99999 6.61448 9.71904 6.11438 9.21894C5.61429 8.71884 5.33334 8.04057 5.33334 7.33332C5.33334 6.62608 5.61429 5.9478 6.11438 5.4477C6.61448 4.94761 7.29276 4.66666 8 4.66666C8.70725 4.66666 9.38552 4.94761 9.88562 5.4477C10.3857 5.9478 10.6667 6.62608 10.6667 7.33332C10.6667 8.04057 10.3857 8.71884 9.88562 9.21894C9.38552 9.71904 8.70725 9.99999 8 9.99999Z" fill="#979797"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 155 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 118 KiB |
@@ -0,0 +1,34 @@
|
||||
<svg width="88" height="16" viewBox="0 0 88 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_573_231)">
|
||||
<path d="M8.00002 12.1734L3.29802 14.8054L4.34802 9.52004L0.391357 5.86137L5.74269 5.22671L8.00002 0.333374L10.2574 5.22671L15.6087 5.86137L11.652 9.52004L12.702 14.8054L8.00002 12.1734Z" fill="#FFA800"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip1_573_231)">
|
||||
<path d="M26 12.1734L21.298 14.8054L22.348 9.52004L18.3914 5.86137L23.7427 5.22671L26 0.333374L28.2574 5.22671L33.6087 5.86137L29.652 9.52004L30.702 14.8054L26 12.1734Z" fill="#FFA800"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip2_573_231)">
|
||||
<path d="M44 12.1734L39.298 14.8054L40.348 9.52004L36.3914 5.86137L41.7427 5.22671L44 0.333374L46.2574 5.22671L51.6087 5.86137L47.652 9.52004L48.702 14.8054L44 12.1734Z" fill="#FFA800"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip3_573_231)">
|
||||
<path d="M62 12.1734L57.298 14.8054L58.348 9.52004L54.3914 5.86137L59.7427 5.22671L62 0.333374L64.2574 5.22671L69.6087 5.86137L65.652 9.52004L66.702 14.8054L62 12.1734ZM62 10.6454L64.8314 12.23L64.1987 9.04804L66.5807 6.84471L63.3587 6.46271L62 3.51671L60.6414 6.46337L57.4194 6.84471L59.8014 9.04804L59.1687 12.23L62 10.6454Z" fill="#FFA800"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip4_573_231)">
|
||||
<path d="M80 12.1734L75.298 14.8054L76.348 9.52004L72.3914 5.86137L77.7427 5.22671L80 0.333374L82.2574 5.22671L87.6087 5.86137L83.652 9.52004L84.702 14.8054L80 12.1734ZM80 10.6454L82.8314 12.23L82.1987 9.04804L84.5807 6.84471L81.3587 6.46271L80 3.51671L78.6414 6.46337L75.4194 6.84471L77.8014 9.04804L77.1687 12.23L80 10.6454Z" fill="#FFA800"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_573_231">
|
||||
<rect width="16" height="16" fill="white"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip1_573_231">
|
||||
<rect width="16" height="16" fill="white" transform="translate(18)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip2_573_231">
|
||||
<rect width="16" height="16" fill="white" transform="translate(36)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip3_573_231">
|
||||
<rect width="16" height="16" fill="white" transform="translate(54)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip4_573_231">
|
||||
<rect width="16" height="16" fill="white" transform="translate(72)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
@@ -0,0 +1,34 @@
|
||||
<svg width="88" height="16" viewBox="0 0 88 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_573_274)">
|
||||
<path d="M8.00002 12.1734L3.29802 14.8054L4.34802 9.52004L0.391357 5.86137L5.74269 5.22671L8.00002 0.333374L10.2574 5.22671L15.6087 5.86137L11.652 9.52004L12.702 14.8054L8.00002 12.1734Z" fill="#FFA800"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip1_573_274)">
|
||||
<path d="M26 12.1734L21.298 14.8054L22.348 9.52004L18.3914 5.86137L23.7427 5.22671L26 0.333374L28.2574 5.22671L33.6087 5.86137L29.652 9.52004L30.702 14.8054L26 12.1734Z" fill="#FFA800"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip2_573_274)">
|
||||
<path d="M44 12.1734L39.298 14.8054L40.348 9.52004L36.3914 5.86137L41.7427 5.22671L44 0.333374L46.2574 5.22671L51.6087 5.86137L47.652 9.52004L48.702 14.8054L44 12.1734Z" fill="#FFA800"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip3_573_274)">
|
||||
<path d="M62 12.1734L57.298 14.8054L58.348 9.52004L54.3914 5.86137L59.7427 5.22671L62 0.333374L64.2574 5.22671L69.6087 5.86137L65.652 9.52004L66.702 14.8054L62 12.1734Z" fill="#FFA800"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip4_573_274)">
|
||||
<path d="M80 12.1734L75.298 14.8054L76.348 9.52004L72.3914 5.86137L77.7427 5.22671L80 0.333374L82.2574 5.22671L87.6087 5.86137L83.652 9.52004L84.702 14.8054L80 12.1734ZM80 10.6454L82.8314 12.23L82.1987 9.04804L84.5807 6.84471L81.3587 6.46271L80 3.51671L78.6414 6.46337L75.4194 6.84471L77.8014 9.04804L77.1687 12.23L80 10.6454Z" fill="#FFA800"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_573_274">
|
||||
<rect width="16" height="16" fill="white"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip1_573_274">
|
||||
<rect width="16" height="16" fill="white" transform="translate(18)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip2_573_274">
|
||||
<rect width="16" height="16" fill="white" transform="translate(36)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip3_573_274">
|
||||
<rect width="16" height="16" fill="white" transform="translate(54)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip4_573_274">
|
||||
<rect width="16" height="16" fill="white" transform="translate(72)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
@@ -0,0 +1,34 @@
|
||||
<svg width="88" height="16" viewBox="0 0 88 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_573_314)">
|
||||
<path d="M7.99999 12.1734L3.29799 14.8054L4.34799 9.52004L0.391327 5.86137L5.74266 5.22671L7.99999 0.333374L10.2573 5.22671L15.6087 5.86137L11.652 9.52004L12.702 14.8054L7.99999 12.1734Z" fill="#FFA800"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip1_573_314)">
|
||||
<path d="M26 12.1734L21.298 14.8054L22.348 9.52004L18.3914 5.86137L23.7427 5.22671L26 0.333374L28.2574 5.22671L33.6087 5.86137L29.652 9.52004L30.702 14.8054L26 12.1734Z" fill="#FFA800"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip2_573_314)">
|
||||
<path d="M44 12.1734L39.298 14.8054L40.348 9.52004L36.3914 5.86137L41.7427 5.22671L44 0.333374L46.2574 5.22671L51.6087 5.86137L47.652 9.52004L48.702 14.8054L44 12.1734Z" fill="#FFA800"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip3_573_314)">
|
||||
<path d="M62 12.1734L57.298 14.8054L58.348 9.52004L54.3914 5.86137L59.7427 5.22671L62 0.333374L64.2574 5.22671L69.6087 5.86137L65.652 9.52004L66.702 14.8054L62 12.1734Z" fill="#FFA800"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip4_573_314)">
|
||||
<path d="M80 12.1734L75.298 14.8054L76.348 9.52004L72.3914 5.86137L77.7427 5.22671L80 0.333374L82.2574 5.22671L87.6087 5.86137L83.652 9.52004L84.702 14.8054L80 12.1734Z" fill="#FFA800"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_573_314">
|
||||
<rect width="16" height="16" fill="white"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip1_573_314">
|
||||
<rect width="16" height="16" fill="white" transform="translate(18)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip2_573_314">
|
||||
<rect width="16" height="16" fill="white" transform="translate(36)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip3_573_314">
|
||||
<rect width="16" height="16" fill="white" transform="translate(54)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip4_573_314">
|
||||
<rect width="16" height="16" fill="white" transform="translate(72)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.0 MiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 4.2 MiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.4767 6.16664L6.00671 1.69664L7.18504 0.518311L13.6667 6.99998L7.18504 13.4816L6.00671 12.3033L10.4767 7.83331H0.333374V6.16664H10.4767Z" fill="#5243C2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 270 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667V19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03V13ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13V13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11V11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333V4.333Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1,15 @@
|
||||
<svg width="88" height="36" viewBox="0 0 88 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.048 24.228C0.592 23.796 0.84 23.596 0.792 23.628C2.36 22.332 3.592 21.268 4.488 20.436C5.4 19.604 6.168 18.732 6.792 17.82C7.416 16.908 7.728 16.02 7.728 15.156C7.728 14.5 7.576 13.988 7.272 13.62C6.968 13.252 6.512 13.068 5.904 13.068C5.296 13.068 4.816 13.3 4.464 13.764C4.128 14.212 3.96 14.852 3.96 15.684H0C0.032 14.324 0.32 13.188 0.864 12.276C1.424 11.364 2.152 10.692 3.048 10.26C3.96 9.828 4.968 9.612 6.072 9.612C7.976 9.612 9.408 10.1 10.368 11.076C11.344 12.052 11.832 13.324 11.832 14.892C11.832 16.604 11.248 18.196 10.08 19.668C8.912 21.124 7.424 22.548 5.616 23.94H12.096V27.276H0.048V24.228Z" fill="white"/>
|
||||
<path d="M18.4149 16.356C18.8949 15.62 19.4949 15.044 20.2149 14.628C20.9349 14.196 21.7349 13.98 22.6149 13.98V18.324H21.4869C20.4629 18.324 19.6949 18.548 19.1829 18.996C18.6709 19.428 18.4149 20.196 18.4149 21.3V27.516H14.3109V14.124H18.4149V16.356Z" fill="white"/>
|
||||
<path d="M26.6406 12.732C25.9206 12.732 25.3286 12.524 24.8646 12.108C24.4166 11.676 24.1926 11.148 24.1926 10.524C24.1926 9.884 24.4166 9.356 24.8646 8.94C25.3286 8.508 25.9206 8.292 26.6406 8.292C27.3446 8.292 27.9206 8.508 28.3686 8.94C28.8326 9.356 29.0646 9.884 29.0646 10.524C29.0646 11.148 28.8326 11.676 28.3686 12.108C27.9206 12.524 27.3446 12.732 26.6406 12.732ZM28.6806 14.124V27.516H24.5766V14.124H28.6806Z" fill="white"/>
|
||||
<path d="M37.1027 27.708C35.9347 27.708 34.8947 27.508 33.9827 27.108C33.0707 26.708 32.3507 26.164 31.8227 25.476C31.2947 24.772 30.9987 23.988 30.9347 23.124H34.9907C35.0387 23.588 35.2547 23.964 35.6387 24.252C36.0227 24.54 36.4947 24.684 37.0547 24.684C37.5667 24.684 37.9587 24.588 38.2307 24.396C38.5187 24.188 38.6627 23.924 38.6627 23.604C38.6627 23.22 38.4627 22.94 38.0627 22.764C37.6627 22.572 37.0147 22.364 36.1187 22.14C35.1587 21.916 34.3587 21.684 33.7187 21.444C33.0787 21.188 32.5267 20.796 32.0627 20.268C31.5987 19.724 31.3667 18.996 31.3667 18.084C31.3667 17.316 31.5747 16.62 31.9907 15.996C32.4227 15.356 33.0467 14.852 33.8627 14.484C34.6947 14.116 35.6787 13.932 36.8147 13.932C38.4947 13.932 39.8147 14.348 40.7747 15.18C41.7507 16.012 42.3107 17.116 42.4547 18.492H38.6627C38.5987 18.028 38.3907 17.66 38.0387 17.388C37.7027 17.116 37.2547 16.98 36.6947 16.98C36.2147 16.98 35.8467 17.076 35.5907 17.268C35.3347 17.444 35.2067 17.692 35.2067 18.012C35.2067 18.396 35.4067 18.684 35.8067 18.876C36.2227 19.068 36.8627 19.26 37.7267 19.452C38.7187 19.708 39.5267 19.964 40.1507 20.22C40.7747 20.46 41.3187 20.86 41.7827 21.42C42.2627 21.964 42.5107 22.7 42.5267 23.628C42.5267 24.412 42.3027 25.116 41.8547 25.74C41.4227 26.348 40.7907 26.828 39.9587 27.18C39.1427 27.532 38.1907 27.708 37.1027 27.708Z" fill="white"/>
|
||||
<path d="M62.1255 13.98C63.7895 13.98 65.1095 14.484 66.0855 15.492C67.0775 16.5 67.5735 17.9 67.5735 19.692V27.516H63.4935V20.244C63.4935 19.38 63.2615 18.716 62.7975 18.252C62.3495 17.772 61.7255 17.532 60.9255 17.532C60.1255 17.532 59.4935 17.772 59.0295 18.252C58.5815 18.716 58.3575 19.38 58.3575 20.244V27.516H54.2775V20.244C54.2775 19.38 54.0455 18.716 53.5815 18.252C53.1335 17.772 52.5095 17.532 51.7095 17.532C50.9095 17.532 50.2775 17.772 49.8135 18.252C49.3655 18.716 49.1415 19.38 49.1415 20.244V27.516H45.0375V14.124H49.1415V15.804C49.5575 15.244 50.1015 14.804 50.7735 14.484C51.4455 14.148 52.2055 13.98 53.0535 13.98C54.0615 13.98 54.9575 14.196 55.7415 14.628C56.5415 15.06 57.1655 15.676 57.6135 16.476C58.0775 15.74 58.7095 15.14 59.5095 14.676C60.3095 14.212 61.1815 13.98 62.1255 13.98Z" fill="white"/>
|
||||
<g clip-path="url(#clip0_573_551)">
|
||||
<path d="M72.8708 6.502C72.5228 6.386 72.5195 6.19867 72.8775 6.07933L85.6022 1.838C85.9548 1.72067 86.1568 1.918 86.0582 2.26333L82.4222 14.9873C82.3222 15.34 82.1188 15.352 81.9695 15.0173L79.5735 9.62533L83.5735 4.292L78.2402 8.292L72.8708 6.502Z" fill="#5243C2"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_573_551">
|
||||
<rect width="16" height="16" fill="white" transform="translate(71.5735 0.292)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 855 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.5 21C4.90905 21 4.32389 20.8836 3.77792 20.6575C3.23196 20.4313 2.73588 20.0998 2.31802 19.682C1.90016 19.2641 1.56869 18.768 1.34254 18.2221C1.1164 17.6761 1 17.0909 1 16.5C1 15.9091 1.1164 15.3239 1.34254 14.7779C1.56869 14.232 1.90016 13.7359 2.31802 13.318C2.73588 12.9002 3.23196 12.5687 3.77792 12.3425C4.32389 12.1164 4.90905 12 5.5 12C6.69347 12 7.83807 12.4741 8.68198 13.318C9.52589 14.1619 10 15.3065 10 16.5C10 17.6935 9.52589 18.8381 8.68198 19.682C7.83807 20.5259 6.69347 21 5.5 21ZM5.5 19C6.16304 19 6.79893 18.7366 7.26777 18.2678C7.73661 17.7989 8 17.163 8 16.5C8 15.837 7.73661 15.2011 7.26777 14.7322C6.79893 14.2634 6.16304 14 5.5 14C4.83696 14 4.20107 14.2634 3.73223 14.7322C3.26339 15.2011 3 15.837 3 16.5C3 17.163 3.26339 17.7989 3.73223 18.2678C4.20107 18.7366 4.83696 19 5.5 19ZM18.5 21C17.9091 21 17.3239 20.8836 16.7779 20.6575C16.232 20.4313 15.7359 20.0998 15.318 19.682C14.9002 19.2641 14.5687 18.768 14.3425 18.2221C14.1164 17.6761 14 17.0909 14 16.5C14 15.9091 14.1164 15.3239 14.3425 14.7779C14.5687 14.232 14.9002 13.7359 15.318 13.318C15.7359 12.9002 16.232 12.5687 16.7779 12.3425C17.3239 12.1164 17.9091 12 18.5 12C19.6935 12 20.8381 12.4741 21.682 13.318C22.5259 14.1619 23 15.3065 23 16.5C23 17.6935 22.5259 18.8381 21.682 19.682C20.8381 20.5259 19.6935 21 18.5 21ZM18.5 19C19.163 19 19.7989 18.7366 20.2678 18.2678C20.7366 17.7989 21 17.163 21 16.5C21 15.837 20.7366 15.2011 20.2678 14.7322C19.7989 14.2634 19.163 14 18.5 14C17.837 14 17.2011 14.2634 16.7322 14.7322C16.2634 15.2011 16 15.837 16 16.5C16 17.163 16.2634 17.7989 16.7322 18.2678C17.2011 18.7366 17.837 19 18.5 19ZM11.023 10.305L13 12V18H11V13L8.281 10.734C8.03904 10.5677 7.83666 10.3502 7.68822 10.0969C7.53977 9.84363 7.44892 9.56076 7.4221 9.26841C7.39528 8.97605 7.43315 8.68137 7.53303 8.4053C7.6329 8.12923 7.79233 7.87853 8 7.671L10.828 4.843C11.0137 4.6572 11.2342 4.50981 11.4769 4.40925C11.7197 4.30869 11.9798 4.25693 12.2425 4.25693C12.5052 4.25693 12.7653 4.30869 13.0081 4.40925C13.2508 4.50981 13.4713 4.6572 13.657 4.843L15.071 6.257C16.13 7.31982 17.5038 8.01248 18.988 8.232L18.978 10.247C16.9642 10.0152 15.0884 9.10742 13.657 7.672L11.023 10.305ZM16 5C15.4696 5 14.9609 4.78929 14.5858 4.41421C14.2107 4.03914 14 3.53043 14 3C14 2.46957 14.2107 1.96086 14.5858 1.58579C14.9609 1.21071 15.4696 1 16 1C16.5304 1 17.0391 1.21071 17.4142 1.58579C17.7893 1.96086 18 2.46957 18 3C18 3.53043 17.7893 4.03914 17.4142 4.41421C17.0391 4.78929 16.5304 5 16 5Z" fill="#FFA800"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M18.031 16.617L22.314 20.899L20.899 22.314L16.617 18.031C15.0237 19.3082 13.042 20.0029 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20.0029 13.042 19.3082 15.0237 18.031 16.617ZM16.025 15.875C17.2941 14.5699 18.0029 12.8204 18 11C18 7.132 14.867 4 11 4C7.132 4 4 7.132 4 11C4 14.867 7.132 18 11 18C12.8204 18.0029 14.5699 17.2941 15.875 16.025L16.025 15.875Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 517 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M17.6667 3H21.6667C21.9319 3 22.1863 3.10536 22.3738 3.29289C22.5613 3.48043 22.6667 3.73478 22.6667 4V20C22.6667 20.2652 22.5613 20.5196 22.3738 20.7071C22.1863 20.8946 21.9319 21 21.6667 21H3.66669C3.40147 21 3.14712 20.8946 2.95958 20.7071C2.77204 20.5196 2.66669 20.2652 2.66669 20V4C2.66669 3.73478 2.77204 3.48043 2.95958 3.29289C3.14712 3.10536 3.40147 3 3.66669 3H7.66669V1H9.66669V3H15.6667V1H17.6667V3ZM4.66669 9V19H20.6667V9H4.66669ZM6.66669 13H11.6667V17H6.66669V13Z" fill="#FFA800"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 609 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2.33337 22C2.33337 19.8783 3.17623 17.8434 4.67652 16.3431C6.17681 14.8429 8.21164 14 10.3334 14C12.4551 14 14.4899 14.8429 15.9902 16.3431C17.4905 17.8434 18.3334 19.8783 18.3334 22H16.3334C16.3334 20.4087 15.7012 18.8826 14.576 17.7574C13.4508 16.6321 11.9247 16 10.3334 16C8.74207 16 7.21595 16.6321 6.09073 17.7574C4.96552 18.8826 4.33337 20.4087 4.33337 22H2.33337ZM10.3334 13C7.01837 13 4.33337 10.315 4.33337 7C4.33337 3.685 7.01837 1 10.3334 1C13.6484 1 16.3334 3.685 16.3334 7C16.3334 10.315 13.6484 13 10.3334 13ZM10.3334 11C12.5434 11 14.3334 9.21 14.3334 7C14.3334 4.79 12.5434 3 10.3334 3C8.12337 3 6.33337 4.79 6.33337 7C6.33337 9.21 8.12337 11 10.3334 11ZM18.6174 14.703C20.0227 15.3359 21.2154 16.3612 22.052 17.6557C22.8886 18.9502 23.3335 20.4587 23.3334 22H21.3334C21.3336 20.844 20.9999 19.7125 20.3725 18.7416C19.745 17.7707 18.8505 17.0017 17.7964 16.527L18.6164 14.703H18.6174ZM17.9294 3.413C18.9369 3.8283 19.7983 4.53354 20.4044 5.43923C21.0104 6.34492 21.3338 7.41024 21.3334 8.5C21.3338 9.87233 20.8211 11.1952 19.8959 12.2088C18.9708 13.2224 17.7 13.8535 16.3334 13.978V11.965C17.0743 11.8589 17.7617 11.518 18.2947 10.9925C18.8276 10.4669 19.1781 9.78432 19.2945 9.04493C19.411 8.30555 19.2874 7.5483 18.9418 6.88435C18.5962 6.22041 18.0468 5.68475 17.3744 5.356L17.9294 3.413Z" fill="#FFA800"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 20.9L16.95 15.95C17.9289 14.971 18.5955 13.7237 18.8656 12.3659C19.1356 11.008 18.9969 9.60058 18.4671 8.32154C17.9373 7.0425 17.04 5.94929 15.8889 5.18015C14.7378 4.41101 13.3844 4.00049 12 4.00049C10.6156 4.00049 9.26222 4.41101 8.11109 5.18015C6.95996 5.94929 6.06275 7.0425 5.53292 8.32154C5.00308 9.60058 4.86442 11.008 5.13445 12.3659C5.40449 13.7237 6.07111 14.971 7.05 15.95L12 20.9ZM12 23.728L5.636 17.364C4.37734 16.1053 3.52019 14.5017 3.17293 12.7558C2.82567 11.01 3.00391 9.20041 3.6851 7.55588C4.36629 5.91136 5.51984 4.50575 6.99988 3.51683C8.47992 2.5279 10.22 2.00006 12 2.00006C13.78 2.00006 15.5201 2.5279 17.0001 3.51683C18.4802 4.50575 19.6337 5.91136 20.3149 7.55588C20.9961 9.20041 21.1743 11.01 20.8271 12.7558C20.4798 14.5017 19.6227 16.1053 18.364 17.364L12 23.728ZM12 13C12.5304 13 13.0391 12.7893 13.4142 12.4142C13.7893 12.0391 14 11.5304 14 11C14 10.4696 13.7893 9.96084 13.4142 9.58577C13.0391 9.2107 12.5304 8.99998 12 8.99998C11.4696 8.99998 10.9609 9.2107 10.5858 9.58577C10.2107 9.96084 10 10.4696 10 11C10 11.5304 10.2107 12.0391 10.5858 12.4142C10.9609 12.7893 11.4696 13 12 13ZM12 15C10.9391 15 9.92172 14.5786 9.17158 13.8284C8.42143 13.0783 8 12.0608 8 11C8 9.93912 8.42143 8.9217 9.17158 8.17156C9.92172 7.42141 10.9391 6.99998 12 6.99998C13.0609 6.99998 14.0783 7.42141 14.8284 8.17156C15.5786 8.9217 16 9.93912 16 11C16 12.0608 15.5786 13.0783 14.8284 13.8284C14.0783 14.5786 13.0609 15 12 15Z" fill="#FFA800"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 106 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.3333 1.66659H13C13.1768 1.66659 13.3464 1.73682 13.4714 1.86185C13.5964 1.98687 13.6666 2.15644 13.6666 2.33325V12.9999C13.6666 13.1767 13.5964 13.3463 13.4714 13.4713C13.3464 13.5963 13.1768 13.6666 13 13.6666H0.99998C0.823169 13.6666 0.653599 13.5963 0.528575 13.4713C0.403551 13.3463 0.333313 13.1767 0.333313 12.9999V2.33325C0.333313 2.15644 0.403551 1.98687 0.528575 1.86185C0.653599 1.73682 0.823169 1.66659 0.99998 1.66659H3.66665V0.333252H4.99998V1.66659H8.99998V0.333252H10.3333V1.66659ZM12.3333 6.99992H1.66665V12.3333H12.3333V6.99992ZM8.99998 2.99992H4.99998V4.33325H3.66665V2.99992H1.66665V5.66659H12.3333V2.99992H10.3333V4.33325H8.99998V2.99992ZM2.99998 8.33325H4.33331V9.66659H2.99998V8.33325ZM6.33331 8.33325H7.66665V9.66659H6.33331V8.33325ZM9.66665 8.33325H11V9.66659H9.66665V8.33325Z" fill="#878787"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 935 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M3.86065 12.8826L0.333321 13.6666L1.11732 10.1393C0.601008 9.17351 0.331672 8.09502 0.333321 6.99992C0.333321 3.31792 3.31799 0.333252 6.99999 0.333252C10.682 0.333252 13.6667 3.31792 13.6667 6.99992C13.6667 10.6819 10.682 13.6666 6.99999 13.6666C5.90489 13.6682 4.8264 13.3989 3.86065 12.8826ZM4.05399 11.4739L4.48932 11.7073C5.26169 12.12 6.12425 12.3351 6.99999 12.3333C8.05482 12.3333 9.08597 12.0205 9.96303 11.4344C10.8401 10.8484 11.5237 10.0154 11.9273 9.0409C12.331 8.06636 12.4366 6.994 12.2308 5.95944C12.0251 4.92487 11.5171 3.97456 10.7712 3.22868C10.0253 2.4828 9.07503 1.97485 8.04047 1.76906C7.0059 1.56328 5.93355 1.66889 4.95901 2.07256C3.98447 2.47623 3.15152 3.15982 2.56548 4.03688C1.97945 4.91394 1.66665 5.94509 1.66665 6.99992C1.66665 7.88925 1.88332 8.74525 2.29332 9.51059L2.52599 9.94592L2.08932 11.9106L4.05399 11.4739Z" fill="#878787"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 978 B |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 107 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="12" height="15" viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.666687 14.6667C0.666687 13.2523 1.22859 11.8957 2.22878 10.8955C3.22898 9.89532 4.58553 9.33342 6.00002 9.33342C7.41451 9.33342 8.77106 9.89532 9.77126 10.8955C10.7715 11.8957 11.3334 13.2523 11.3334 14.6667H10C10 13.6059 9.57859 12.5885 8.82845 11.8383C8.0783 11.0882 7.06089 10.6667 6.00002 10.6667C4.93915 10.6667 3.92174 11.0882 3.17159 11.8383C2.42145 12.5885 2.00002 13.6059 2.00002 14.6667H0.666687ZM6.00002 8.66675C3.79002 8.66675 2.00002 6.87675 2.00002 4.66675C2.00002 2.45675 3.79002 0.666748 6.00002 0.666748C8.21002 0.666748 10 2.45675 10 4.66675C10 6.87675 8.21002 8.66675 6.00002 8.66675ZM6.00002 7.33342C7.47335 7.33342 8.66669 6.14008 8.66669 4.66675C8.66669 3.19341 7.47335 2.00008 6.00002 2.00008C4.52669 2.00008 3.33335 3.19341 3.33335 4.66675C3.33335 6.14008 4.52669 7.33342 6.00002 7.33342Z" fill="#878787"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 946 B |
@@ -0,0 +1,83 @@
|
||||
import React from "react";
|
||||
|
||||
import { Box, Container, Typography } from "@mui/material";
|
||||
|
||||
import SecondaryButton from "../secondary-button/SecondaryButton";
|
||||
import aboutUsImg from "../../assets/main/about-us-img.svg";
|
||||
|
||||
const AboutUs = () => {
|
||||
return (
|
||||
<Container
|
||||
disableGutters
|
||||
maxWidth="lg"
|
||||
sx={{
|
||||
px: {
|
||||
xs: 2,
|
||||
sm: 5,
|
||||
md: 3.5,
|
||||
},
|
||||
my: 15,
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
display: "flex",
|
||||
flexDirection: {
|
||||
xs: "column",
|
||||
md: "row",
|
||||
},
|
||||
justifyContent: "center",
|
||||
gap: 4,
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<Box sx={{ flex: 1 }}>
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: "Poppins",
|
||||
fontWeight: "600",
|
||||
fontSize: "32px",
|
||||
lineHeight: "48px",
|
||||
color: "#161414",
|
||||
textAlign: {
|
||||
xs: "center",
|
||||
md: "left",
|
||||
},
|
||||
}}
|
||||
>
|
||||
About Us
|
||||
</Typography>
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: "Poppins",
|
||||
fontWeight: "400",
|
||||
fontSize: "16px",
|
||||
lineHeight: "32px",
|
||||
color: "#5B5B5B",
|
||||
my: 4,
|
||||
}}
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
|
||||
a sapien justo. Nulla facilisis tristique imperdiet. Nullam a
|
||||
placerat odio. Sed in ex augue. Aliquam porta consectetur lorem sit
|
||||
amet ultrices. Class aptent taciti sociosqu ad litora torquent per
|
||||
conubia nostra, per inceptos himenaeos.
|
||||
</Typography>
|
||||
<SecondaryButton text="Read more" />
|
||||
</Box>
|
||||
<Box sx={{ flex: 1 }}>
|
||||
<img
|
||||
src={aboutUsImg}
|
||||
alt=""
|
||||
style={{
|
||||
borderRadius: "24px",
|
||||
maxWidth: "100%",
|
||||
}}
|
||||
/>
|
||||
</Box>
|
||||
</Box>
|
||||
</Container>
|
||||
);
|
||||
};
|
||||
|
||||
export default AboutUs;
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from "./AboutUs";
|
||||
@@ -0,0 +1,50 @@
|
||||
import React from "react";
|
||||
|
||||
import {Box, Typography} from "@mui/material";
|
||||
|
||||
const DestinationItem = ({name, location, image}) => {
|
||||
return (
|
||||
<Box>
|
||||
<Box
|
||||
sx={{
|
||||
width: {
|
||||
xs: '70vw',
|
||||
sm: '60vw',
|
||||
md: 'auto',
|
||||
}
|
||||
}}
|
||||
>
|
||||
<img
|
||||
src={image}
|
||||
alt={''}
|
||||
style={{
|
||||
width: '100%',
|
||||
objectFit: 'cover',
|
||||
cursor: 'pointer'
|
||||
}}/>
|
||||
</Box>
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '500',
|
||||
fontSize: '16px',
|
||||
color: '#161414'
|
||||
}}
|
||||
>
|
||||
{name}
|
||||
</Typography>
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '400',
|
||||
fontSize: '13px',
|
||||
color: '#979797'
|
||||
}}
|
||||
>
|
||||
{location}
|
||||
</Typography>
|
||||
</Box>
|
||||
);
|
||||
};
|
||||
|
||||
export default DestinationItem;
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from "./DestinationItem";
|
||||
@@ -0,0 +1,70 @@
|
||||
import React from "react";
|
||||
|
||||
import { Box, Container, Typography } from "@mui/material";
|
||||
|
||||
import { destinations } from "../../data";
|
||||
import DestinationItem from "../destination-item";
|
||||
|
||||
const Destinations = () => {
|
||||
return (
|
||||
<Container
|
||||
disableGutters
|
||||
maxWidth={'xl'}
|
||||
sx={{
|
||||
px: {
|
||||
xs: 2,
|
||||
sm: 5,
|
||||
md: 10,
|
||||
},
|
||||
my: 15,
|
||||
}}
|
||||
>
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '600',
|
||||
fontSize: '32px',
|
||||
color: '#161414',
|
||||
mb: 8,
|
||||
textAlign: {
|
||||
xs: 'center',
|
||||
md: 'left',
|
||||
}
|
||||
}}
|
||||
>
|
||||
Popular Destinations
|
||||
</Typography>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
flexDirection: {
|
||||
xs: 'column',
|
||||
md: 'row',
|
||||
},
|
||||
gap: {
|
||||
xs: 4,
|
||||
md: 1,
|
||||
},
|
||||
justifyContent: 'space-between',
|
||||
alignItems: {
|
||||
xs: 'center',
|
||||
md: 'flex-start'
|
||||
}
|
||||
}}
|
||||
>
|
||||
{
|
||||
destinations.map((destination) => (
|
||||
<DestinationItem
|
||||
key={destination.id}
|
||||
name={destination.name}
|
||||
location={destination.location}
|
||||
image={destination.image}
|
||||
/>
|
||||
))
|
||||
}
|
||||
</Box>
|
||||
</Container>
|
||||
);
|
||||
};
|
||||
|
||||
export default Destinations;
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from "./Destinations";
|
||||
@@ -0,0 +1,260 @@
|
||||
import React from "react";
|
||||
|
||||
import {Box, Container, Link, Typography} from "@mui/material";
|
||||
|
||||
import logo from "../../assets/footer/logo.svg";
|
||||
import facebookIcon from "../../assets/footer/facebook-icon.svg";
|
||||
import twitterIcon from "../../assets/footer/twitter-icon.svg";
|
||||
import instagramIcon from "../../assets/footer/instagram-icon.svg";
|
||||
import {footerNav} from "../../data";
|
||||
import MainButton from "../main-button/MainButton";
|
||||
import btnArrowIcon from "../../assets/footer/btn-arrow-icon.svg";
|
||||
import inputIcon from "../../assets/footer/input-icon.svg";
|
||||
|
||||
const Footer = () => {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
backgroundColor: '#F9F9F9',
|
||||
py: {
|
||||
xs: 10,
|
||||
lg: 15,
|
||||
}
|
||||
}}
|
||||
>
|
||||
<Container
|
||||
disableGutters
|
||||
maxWidth={"xl"}
|
||||
sx={{
|
||||
px: {
|
||||
xs: 2,
|
||||
sm: 5,
|
||||
md: 10,
|
||||
},
|
||||
display: 'flex',
|
||||
flexDirection: {
|
||||
xs: 'column',
|
||||
lg: 'row',
|
||||
},
|
||||
alignItems: {
|
||||
xs: 'center',
|
||||
lg: 'flex-start',
|
||||
},
|
||||
justifyContent: 'space-between',
|
||||
gap: 8,
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
maxWidth: {
|
||||
xs: 'auto',
|
||||
lg: '355px',
|
||||
},
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: {
|
||||
xs: 'center',
|
||||
lg: 'flex-start',
|
||||
}
|
||||
}}
|
||||
>
|
||||
<img
|
||||
src={logo}
|
||||
alt={""}
|
||||
/>
|
||||
<Typography
|
||||
sx={{
|
||||
mt: 3,
|
||||
mb: 4,
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '400',
|
||||
fontSize: '13px',
|
||||
lineHeight: '19.5px',
|
||||
color: '#5B5B5B',
|
||||
textAlign: {
|
||||
xs: 'center',
|
||||
lg: 'left',
|
||||
}
|
||||
}}
|
||||
>
|
||||
We always make our customers happy by providing as many choices as possible
|
||||
</Typography>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
gap: 4,
|
||||
}}
|
||||
>
|
||||
<img
|
||||
src={facebookIcon}
|
||||
alt={""}
|
||||
style={{
|
||||
cursor: 'pointer'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={twitterIcon}
|
||||
alt={""}
|
||||
style={{
|
||||
cursor: 'pointer'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={instagramIcon}
|
||||
alt={""}
|
||||
style={{
|
||||
cursor: 'pointer'
|
||||
}}
|
||||
/>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
width: {
|
||||
xs: '100%',
|
||||
md: 'auto',
|
||||
},
|
||||
gap: {
|
||||
xs: 2,
|
||||
sm: 8,
|
||||
},
|
||||
justifyContent: {
|
||||
xs: 'space-between',
|
||||
lg: 'flex-start',
|
||||
}
|
||||
}}
|
||||
>
|
||||
{footerNav.map((item) => (
|
||||
<Box
|
||||
key={item.id}
|
||||
>
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '500',
|
||||
fontSize: {
|
||||
sx: '14px',
|
||||
sm: '18px',
|
||||
},
|
||||
color: '#161414',
|
||||
md: 2.5,
|
||||
}}
|
||||
>
|
||||
{item.title}
|
||||
</Typography>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
gap: 1.5,
|
||||
}}
|
||||
>
|
||||
{item.links.map((link) => (
|
||||
<Link
|
||||
key={link}
|
||||
href={"#"}
|
||||
underline={'none'}
|
||||
color={'#5B5B5B'}
|
||||
sx={{
|
||||
width: 'fit-content',
|
||||
fontWeight: '400',
|
||||
fontSize: '13px',
|
||||
"&:hover": {
|
||||
color: '#161414',
|
||||
}
|
||||
}}
|
||||
>
|
||||
{link}
|
||||
</Link>
|
||||
))}
|
||||
</Box>
|
||||
</Box>
|
||||
))}
|
||||
</Box>
|
||||
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: {
|
||||
xs: 'center',
|
||||
lg: 'flex-start',
|
||||
},
|
||||
gap: 2.5,
|
||||
maxWidth: {
|
||||
xs: 'auto',
|
||||
lg: '388px',
|
||||
}
|
||||
}}
|
||||
>
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '500',
|
||||
fontSize: {
|
||||
xs: '14px',
|
||||
sm: '18px',
|
||||
},
|
||||
color: '#161414',
|
||||
textAlign: {
|
||||
xs: 'center',
|
||||
lg: 'left',
|
||||
}
|
||||
}}
|
||||
>
|
||||
Subscribe on our destination review newsletters
|
||||
</Typography>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
flexDirection: {
|
||||
xs: 'column',
|
||||
md: 'row',
|
||||
},
|
||||
alignItems: 'center',
|
||||
gap: 2,
|
||||
position: 'relative'
|
||||
}}
|
||||
>
|
||||
<Box>
|
||||
<img
|
||||
src={inputIcon}
|
||||
alt={""}
|
||||
style={{
|
||||
position: 'absolute',
|
||||
left: '16px',
|
||||
top: '36px',
|
||||
transform: 'translateY(-50%)',
|
||||
}}
|
||||
/>
|
||||
|
||||
<input
|
||||
placeholder={'Your email'}
|
||||
style={{
|
||||
backgroundColor: '#fff',
|
||||
height: '72px',
|
||||
padding: '16px',
|
||||
border: 'none',
|
||||
outline: 0,
|
||||
borderRadius: '12px',
|
||||
paddingLeft: '54px',
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '500',
|
||||
fontSize: '16px',
|
||||
color: '#161414',
|
||||
}}
|
||||
/>
|
||||
</Box>
|
||||
<MainButton iconImg={btnArrowIcon}/>
|
||||
</Box>
|
||||
</Box>
|
||||
</Container>
|
||||
|
||||
</Box>
|
||||
);
|
||||
};
|
||||
|
||||
export default Footer;
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from "./Footer";
|
||||
@@ -0,0 +1,62 @@
|
||||
import React from "react";
|
||||
|
||||
import { Box, Container, Typography } from "@mui/material";
|
||||
|
||||
import Navbar from "../navbar";
|
||||
import bgImage from "../../assets/main/bg-image.svg";
|
||||
import MainButton from "../main-button/MainButton";
|
||||
import SearchNav from "../search-nav/SearchNav";
|
||||
import btnGlobalIcon from "../../assets/main/btn-global-icon.svg";
|
||||
|
||||
const Hero = () => {
|
||||
return (
|
||||
<Container
|
||||
maxWidth="false"
|
||||
disableGutters
|
||||
sx={{
|
||||
p: {
|
||||
xs: 2,
|
||||
sm: 5,
|
||||
md: 2,
|
||||
},
|
||||
background: `url(${bgImage}) center center/cover`,
|
||||
minHeight: "800px",
|
||||
borderRadius: {
|
||||
xs: "0px 0px 27px 27px",
|
||||
md: "0px 0px 54px 54px",
|
||||
},
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
flexDirection: "column",
|
||||
}}
|
||||
>
|
||||
<Navbar />
|
||||
<Typography
|
||||
variant={'h1'}
|
||||
sx={{
|
||||
color: "#fff",
|
||||
marginTop: "196.5px",
|
||||
textAlign: "center",
|
||||
fontWeight: "600",
|
||||
fontSize: {
|
||||
xs: "38px",
|
||||
md: "48px",
|
||||
},
|
||||
lineHeight: "62px",
|
||||
mb: 4,
|
||||
}}
|
||||
>
|
||||
Discover the most engaging places
|
||||
</Typography>
|
||||
<MainButton text="Discover on 3D Globe" iconImg={btnGlobalIcon} />
|
||||
<SearchNav />
|
||||
</Box>
|
||||
</Container>
|
||||
);
|
||||
};
|
||||
|
||||
export default Hero;
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from "./Hero";
|
||||
@@ -0,0 +1,81 @@
|
||||
import React from "react";
|
||||
|
||||
import {Typography} from "@mui/material";
|
||||
import {Box} from "@mui/system";
|
||||
|
||||
import hotelsLocationIcon from "../../assets/hotels-restaurants/hotels-location-icon.svg";
|
||||
|
||||
const HotelRestaurantItem = ({name, location, image, ratingImage}) => {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column'
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
width: {
|
||||
xs: '70vw',
|
||||
sm: '60vw',
|
||||
md: 'auto',
|
||||
},
|
||||
display: 'flex',
|
||||
justifyContent: 'center'
|
||||
}}
|
||||
>
|
||||
<img
|
||||
src={image}
|
||||
alt={""}
|
||||
style={{
|
||||
width: '100%',
|
||||
objectFit: 'cover',
|
||||
cursor: 'pointer',
|
||||
}}/>
|
||||
</Box>
|
||||
<Typography
|
||||
sx={{
|
||||
mt: 1.25,
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '500',
|
||||
fontSize: '16px',
|
||||
color: '#161414',
|
||||
maxWidth: '252px',
|
||||
}}
|
||||
>
|
||||
{name}
|
||||
</Typography>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
flexDirection: {
|
||||
xs: 'column',
|
||||
lg: 'row',
|
||||
},
|
||||
alignItems: {
|
||||
xs: 'flex-start',
|
||||
lg: 'center'
|
||||
},
|
||||
justifyContent: 'space-between',
|
||||
gap: 1,
|
||||
mt: 1.5,
|
||||
}}
|
||||
>
|
||||
<img src={hotelsLocationIcon} alt={""} />
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '400',
|
||||
fontSize: '13px',
|
||||
color: '#979797',
|
||||
}}
|
||||
>
|
||||
{location}
|
||||
</Typography>
|
||||
<img src={ratingImage} alt={""} />
|
||||
</Box>
|
||||
</Box>
|
||||
);
|
||||
};
|
||||
|
||||
export default HotelRestaurantItem;
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from "./HotelRestaurantItem";
|
||||
@@ -0,0 +1,86 @@
|
||||
import React from "react";
|
||||
|
||||
import {Typography} from "@mui/material";
|
||||
import {Box, Container} from "@mui/system";
|
||||
|
||||
import {hotelsRestaurants} from "../../data";
|
||||
import HotelRestaurantItem from "../hotel-restaurant-item/HotelRestaurantItem";
|
||||
import SecondaryButton from "../secondary-button/SecondaryButton";
|
||||
|
||||
const HotelsAndRestaurants = () => {
|
||||
return (
|
||||
<Container
|
||||
disableGutters
|
||||
maxWidth='xl'
|
||||
sx={{
|
||||
px: {
|
||||
xs: 2,
|
||||
sm: 5,
|
||||
md: 10,
|
||||
},
|
||||
my: 15
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
flexDirection: {
|
||||
xs: 'column',
|
||||
md: 'row',
|
||||
},
|
||||
alignItems: 'center',
|
||||
justifyContent: 'space-between',
|
||||
mb: 8,
|
||||
gap: 2,
|
||||
}}
|
||||
>
|
||||
<Typography
|
||||
variant={'h2'}
|
||||
sx={{
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '600',
|
||||
fontSize: '32px',
|
||||
color: '#161414',
|
||||
textAlign: {
|
||||
xs: 'center',
|
||||
md: 'left',
|
||||
}
|
||||
}}
|
||||
>
|
||||
Hotels and Restaurants
|
||||
</Typography>
|
||||
<SecondaryButton text={"View all"}/>
|
||||
</Box>
|
||||
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
gap: 4,
|
||||
justifyContent: 'space-between',
|
||||
alignItems: {
|
||||
xs: 'center',
|
||||
md: 'flex-start',
|
||||
},
|
||||
flexDirection: {
|
||||
xs: 'column',
|
||||
md: 'row',
|
||||
}
|
||||
}}
|
||||
>
|
||||
{hotelsRestaurants.map((item) => (
|
||||
<HotelRestaurantItem
|
||||
key={item.id}
|
||||
name={item.name}
|
||||
location={item.location}
|
||||
image={item.image}
|
||||
ratingImage={item.ratingImage}
|
||||
/>
|
||||
))}
|
||||
|
||||
</Box>
|
||||
|
||||
</Container>
|
||||
);
|
||||
};
|
||||
|
||||
export default HotelsAndRestaurants;
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from "./HotelsAndRestaurants";
|
||||
@@ -0,0 +1,38 @@
|
||||
import React from "react";
|
||||
|
||||
import { Button } from "@mui/material";
|
||||
|
||||
const MainButton = ({ iconImg, text }) => {
|
||||
return (
|
||||
<Button
|
||||
variant={'contained'}
|
||||
sx={{
|
||||
width: {
|
||||
xs: "100%",
|
||||
md: "auto",
|
||||
},
|
||||
backgroundColor: '#7B61FF',
|
||||
p: {
|
||||
xs: 1.5,
|
||||
md: 3,
|
||||
},
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
gap: '8px',
|
||||
borderRadius: '12px',
|
||||
fontFamily: 'inherit',
|
||||
fontSize: 'inherit',
|
||||
fontWeight: '600',
|
||||
"&.MuiButtonBase-root:hover": {
|
||||
backgroundColor: '#7B61FF',
|
||||
},
|
||||
}}
|
||||
>
|
||||
<img src={iconImg} alt={""}/>
|
||||
{text}
|
||||
</Button>
|
||||
);
|
||||
};
|
||||
|
||||
export default MainButton;
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from "./MainButton";
|
||||
@@ -0,0 +1,211 @@
|
||||
import {useState} from "react";
|
||||
|
||||
import AppBar from "@mui/material/AppBar";
|
||||
import Container from "@mui/material/Container";
|
||||
import {Box, Drawer, Typography} from "@mui/material";
|
||||
import Link from "@mui/material/Link";
|
||||
import MenuIcon from "@mui/icons-material/Menu";
|
||||
|
||||
import logo from "../../assets/main/logo.svg";
|
||||
import userAvatar from "../../assets/main/user-avatar.svg";
|
||||
import {navItems} from "../../data.js";
|
||||
|
||||
const Navbar = () => {
|
||||
const [openMobileMenu, setOpenMobileMenu] = useState(false);
|
||||
|
||||
return (
|
||||
<AppBar position={'static'} elevation={0} color={'transparent'}>
|
||||
<Container
|
||||
maxWidth={'xl'}
|
||||
sx={{
|
||||
px: 2,
|
||||
pt: 3,
|
||||
display: 'flex',
|
||||
justifyContent: 'space-between',
|
||||
alignItems: 'center',
|
||||
gap: 2,
|
||||
}}
|
||||
disableGutters
|
||||
>
|
||||
<img src={logo} alt={'logo'} style={{cursor: 'pointer'}}/>
|
||||
<Box
|
||||
sx={{
|
||||
display: {
|
||||
xs: 'none',
|
||||
lg: 'flex',
|
||||
},
|
||||
alignItems: 'center',
|
||||
gap: '54px',
|
||||
}}
|
||||
>
|
||||
{navItems.map((navItem) => (
|
||||
<Link
|
||||
href={'#'}
|
||||
key={navItem.id}
|
||||
underline={'none'}
|
||||
color={'#fff'}
|
||||
sx={{
|
||||
fontWeight: '300',
|
||||
fontSize: '14px',
|
||||
opacity: 0.7,
|
||||
'&:hover': {
|
||||
opacity: 1,
|
||||
},
|
||||
'&:first-of-type': {
|
||||
opacity: 1,
|
||||
},
|
||||
}}
|
||||
>
|
||||
{navItem.name}
|
||||
</Link>
|
||||
))}
|
||||
</Box>
|
||||
<Box
|
||||
sx={{
|
||||
display: {
|
||||
xs: 'none',
|
||||
lg: 'flex',
|
||||
},
|
||||
alignItems: 'center',
|
||||
gap: '8px',
|
||||
}}
|
||||
>
|
||||
<Box>
|
||||
<Typography
|
||||
sx={{
|
||||
fontWeight: '400',
|
||||
fontSize: '14px',
|
||||
lineHeight: '21px',
|
||||
color: '#fff',
|
||||
opacity: '0.5',
|
||||
}}
|
||||
>
|
||||
Hello,
|
||||
</Typography>
|
||||
<Typography
|
||||
sx={{
|
||||
fontWeight: '600',
|
||||
fontSize: '14px',
|
||||
lineHeight: '21px',
|
||||
color: '#fff',
|
||||
opacity: '0.5',
|
||||
}}
|
||||
>
|
||||
Ales Nesetril
|
||||
</Typography>
|
||||
</Box>
|
||||
<img src={userAvatar} alt={'avatar'} style={{cursor: 'pointer'}}/>
|
||||
</Box>
|
||||
<MenuIcon
|
||||
sx={{
|
||||
display: {
|
||||
xs: 'block',
|
||||
lg: 'none',
|
||||
},
|
||||
cursor: 'pointer',
|
||||
color: '#fff',
|
||||
}}
|
||||
onClick={() => setOpenMobileMenu(true)}
|
||||
/>
|
||||
<Drawer
|
||||
anchor={'left'}
|
||||
open={openMobileMenu}
|
||||
onClose={() => setOpenMobileMenu(false)}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
position: 'relative',
|
||||
width: 250,
|
||||
backgroundColor: '#5243C2',
|
||||
height: '100%',
|
||||
py: 3,
|
||||
px: 1,
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
gap: 5,
|
||||
}}
|
||||
role={'presentation'}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
gap: '8px',
|
||||
}}
|
||||
>
|
||||
<Box>
|
||||
<Typography
|
||||
sx={{
|
||||
fontWeight: '400',
|
||||
fontSize: '14px',
|
||||
lineHeight: '21px',
|
||||
color: '#fff',
|
||||
opacity: '0.5',
|
||||
}}
|
||||
>
|
||||
Hello,
|
||||
</Typography>
|
||||
<Typography
|
||||
sx={{
|
||||
fontWeight: '600',
|
||||
fontSize: '14px',
|
||||
lineHeight: '21px',
|
||||
color: '#fff',
|
||||
opacity: '0.5',
|
||||
}}
|
||||
>
|
||||
Ales Nesetril
|
||||
</Typography>
|
||||
</Box>
|
||||
<img src={userAvatar} alt={'avatar'} style={{cursor: 'pointer'}}/>
|
||||
</Box>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
gap: 3,
|
||||
}}
|
||||
>
|
||||
{navItems.map((navItem) => (
|
||||
<Link
|
||||
href={'#'}
|
||||
key={navItem.id}
|
||||
underline={'none'}
|
||||
color={'#fff'}
|
||||
sx={{
|
||||
fontWeight: '300',
|
||||
fontSize: '14px',
|
||||
opacity: 0.7,
|
||||
'&:hover': {
|
||||
opacity: 1,
|
||||
},
|
||||
'&:first-of-type': {
|
||||
opacity: 1,
|
||||
},
|
||||
}}
|
||||
>
|
||||
{navItem.name}
|
||||
</Link>
|
||||
))}
|
||||
</Box>
|
||||
<Typography
|
||||
sx={{
|
||||
color: '#fff',
|
||||
fontWeight: '500',
|
||||
position: 'absolute',
|
||||
bottom: '14px',
|
||||
left: '50%',
|
||||
transform: 'translateX(-50%)',
|
||||
}}
|
||||
>
|
||||
© Nezumi
|
||||
</Typography>
|
||||
</Box>
|
||||
</Drawer>
|
||||
</Container>
|
||||
</AppBar>
|
||||
);
|
||||
};
|
||||
export default Navbar;
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from "./Navbar";
|
||||
@@ -0,0 +1,48 @@
|
||||
import React from "react";
|
||||
|
||||
import {Box, Typography} from "@mui/material";
|
||||
|
||||
const SearchNavItem = ({normalText, boldText, iconImg}) => {
|
||||
return (
|
||||
<Box sx={{
|
||||
p: {
|
||||
xs: 0.5,
|
||||
lg: 2,
|
||||
},
|
||||
my: {
|
||||
xs: 1,
|
||||
md: 0
|
||||
},
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
gap: '16px',
|
||||
}}>
|
||||
<img src={iconImg} alt={""}/>
|
||||
<Box>
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '300',
|
||||
fontSize: '14px',
|
||||
color: '#5B5B5B',
|
||||
}}
|
||||
>
|
||||
{normalText}
|
||||
</Typography>
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '500',
|
||||
fontSize: '16px',
|
||||
color: '#161414',
|
||||
}}
|
||||
>
|
||||
{boldText}
|
||||
</Typography>
|
||||
</Box>
|
||||
</Box>
|
||||
);
|
||||
};
|
||||
|
||||
export default SearchNavItem;
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from "./SearchNavItem";
|
||||
@@ -0,0 +1,61 @@
|
||||
import React from "react";
|
||||
|
||||
import {Box, Container} from "@mui/material";
|
||||
|
||||
import {searchNavItems} from "../../data";
|
||||
import MainButton from "../main-button/MainButton";
|
||||
import SearchNavItem from "../search-nav-item";
|
||||
import navBtnIcon from "../../assets/search-nav/nav-btn-icon.svg";
|
||||
|
||||
const SearchNav = () => {
|
||||
return (
|
||||
<Container
|
||||
sx={{
|
||||
mt: 23,
|
||||
padding: "0 30px 0 30px",
|
||||
maxWidth: {
|
||||
xs: "400px",
|
||||
md: "1200px",
|
||||
},
|
||||
}}
|
||||
disableGutters
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
display: "flex",
|
||||
flexDirection: {
|
||||
xs: "column",
|
||||
md: "row",
|
||||
},
|
||||
alignItems: {
|
||||
xs: "flex-start",
|
||||
md: "center",
|
||||
},
|
||||
justifyContent: "space-between",
|
||||
backgroundColor: "#fff",
|
||||
borderRadius: "12px",
|
||||
p: {
|
||||
xs: 2,
|
||||
md: 1,
|
||||
},
|
||||
md: {
|
||||
xs: 2,
|
||||
md: 0,
|
||||
},
|
||||
}}
|
||||
>
|
||||
{searchNavItems.map((item) => (
|
||||
<SearchNavItem
|
||||
key={item.id}
|
||||
normalText={item.normalText}
|
||||
boldText={item.boldText}
|
||||
iconImg={item.icon}
|
||||
/>
|
||||
))}
|
||||
<MainButton iconImg={navBtnIcon} />
|
||||
</Box>
|
||||
</Container>
|
||||
);
|
||||
};
|
||||
|
||||
export default SearchNav;
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from "./SearchNav";
|
||||
@@ -0,0 +1,39 @@
|
||||
import React from "react";
|
||||
|
||||
import { Button } from "@mui/material";
|
||||
|
||||
import btnArrowIcon from "../../assets/main/btn-arrow-icon.svg";
|
||||
|
||||
const SecondaryButton = ({ text }) => {
|
||||
return (
|
||||
<Button
|
||||
variant={'contained'}
|
||||
sx={{
|
||||
width: {
|
||||
xs: '150px',
|
||||
md: 'auto',
|
||||
},
|
||||
backgroundColor: '#F6F4FF',
|
||||
textTransform: 'none',
|
||||
p: 1.25,
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
gap: 0.5,
|
||||
borderRadius: '12px',
|
||||
fontFamily: 'inherit',
|
||||
fontSize: '16px',
|
||||
fontWeight: '400',
|
||||
color: '#5243C2',
|
||||
"&.MuiButtonBase-root:hover": {
|
||||
backgroundColor: '#F6F4FF',
|
||||
}
|
||||
}}
|
||||
>
|
||||
{text}
|
||||
<img src={btnArrowIcon} alt={""}/>
|
||||
</Button>
|
||||
);
|
||||
};
|
||||
|
||||
export default SecondaryButton;
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from "./SecondaryButton";
|
||||
@@ -0,0 +1,142 @@
|
||||
import React from "react";
|
||||
|
||||
import {Box, Typography} from "@mui/material";
|
||||
|
||||
import calendarIcon from "../../assets/travel/calendar-icon.svg";
|
||||
import userIcon from "../../assets/travel/user-icon.svg";
|
||||
import commentsIcon from "../../assets/travel/comments-icon.svg";
|
||||
|
||||
const TravelItem = ({
|
||||
text,
|
||||
image,
|
||||
location,
|
||||
calendarText,
|
||||
userText,
|
||||
commentsText,
|
||||
}) => {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
gap: 2,
|
||||
flexDirection: {
|
||||
xs: 'column',
|
||||
md: 'row',
|
||||
}
|
||||
}}
|
||||
>
|
||||
<Box>
|
||||
<img
|
||||
src={image}
|
||||
alt={""}
|
||||
style={{
|
||||
objectFit: 'cover',
|
||||
height: '100%',
|
||||
maxWidth: '100%',
|
||||
cursor: 'pointer',
|
||||
}}
|
||||
/>
|
||||
</Box>
|
||||
<Box
|
||||
sx={{
|
||||
position: 'relative',
|
||||
maxWidth: '320px',
|
||||
}}
|
||||
>
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '600',
|
||||
fontSize: '20px',
|
||||
color: '#161414',
|
||||
mb: 2,
|
||||
}}
|
||||
>
|
||||
{location}
|
||||
</Typography>
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '400',
|
||||
fontSize: '16px',
|
||||
color: '#5B5B5B',
|
||||
lineHeight: '32px',
|
||||
pb: 7,
|
||||
}}
|
||||
>
|
||||
{text}
|
||||
</Typography>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
gap: 3,
|
||||
position: 'absolute',
|
||||
bottom: 0,
|
||||
left: 0,
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
gap: 0.75,
|
||||
}}
|
||||
>
|
||||
<img src={calendarIcon} alt={""}/>
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '400',
|
||||
fontSize: '12px',
|
||||
color: '#878787',
|
||||
}}
|
||||
>
|
||||
{calendarText}
|
||||
</Typography>
|
||||
</Box>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
gap: 0.75,
|
||||
}}
|
||||
>
|
||||
<img src={userIcon} alt={""}/>
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '400',
|
||||
fontSize: '12px',
|
||||
color: '#878787',
|
||||
}}
|
||||
>
|
||||
{userText}
|
||||
</Typography>
|
||||
</Box>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
gap: 0.75,
|
||||
}}
|
||||
>
|
||||
<img src={commentsIcon} alt={""}/>
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: '400',
|
||||
fontSize: '12px',
|
||||
color: '#878787',
|
||||
}}
|
||||
>
|
||||
{commentsText}
|
||||
</Typography>
|
||||
</Box>
|
||||
</Box>
|
||||
</Box>
|
||||
</Box>
|
||||
);
|
||||
};
|
||||
|
||||
export default TravelItem;
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from "./TravelItem";
|
||||
@@ -0,0 +1,90 @@
|
||||
import React from "react";
|
||||
|
||||
import {Box, Container, Typography} from "@mui/material";
|
||||
|
||||
import {travelItems} from "../../data";
|
||||
import TravelItem from "../travel-item";
|
||||
import SecondaryButton from "../secondary-button/SecondaryButton";
|
||||
|
||||
const Travel = () => {
|
||||
return (
|
||||
<Container
|
||||
disableGutters
|
||||
maxWidth={'xl'}
|
||||
sx={{
|
||||
px: {
|
||||
xs: 2,
|
||||
sm: 5,
|
||||
md: 10,
|
||||
},
|
||||
my: 15,
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
justifyContent: 'space-between',
|
||||
mb: 8,
|
||||
flexDirection: {
|
||||
xs: "column",
|
||||
md: 'row',
|
||||
},
|
||||
alignItems: 'center',
|
||||
textAlign: {
|
||||
xs: 'center',
|
||||
md: 'left',
|
||||
},
|
||||
gap: 2,
|
||||
}}
|
||||
>
|
||||
<Typography
|
||||
sx={{
|
||||
fontFamily: 'Poppins',
|
||||
fontWeight: "600",
|
||||
fontSize: '32px',
|
||||
color: '#161414',
|
||||
width: 'fit-content',
|
||||
}}
|
||||
>
|
||||
Travel Tips and Advice
|
||||
</Typography>
|
||||
<SecondaryButton text={"View all"}/>
|
||||
</Box>
|
||||
<Box
|
||||
sx={{
|
||||
display: "flex",
|
||||
gap: {
|
||||
xs: 4,
|
||||
lg: 2,
|
||||
},
|
||||
justifyContent: {
|
||||
xs: "flex-start",
|
||||
lg: "space-between",
|
||||
},
|
||||
flexDirection: {
|
||||
xs: "column",
|
||||
lg: "row",
|
||||
},
|
||||
alignItems: {
|
||||
xs: 'center',
|
||||
lg: 'flex-start',
|
||||
},
|
||||
}}
|
||||
>
|
||||
{travelItems.map((travelItem) => (
|
||||
<TravelItem
|
||||
key={travelItem.id}
|
||||
text={travelItem.text}
|
||||
location={travelItem.location}
|
||||
image={travelItem.image}
|
||||
calendarText={travelItem.calendarText}
|
||||
userText={travelItem.userText}
|
||||
commentsText={travelItem.commentsText}
|
||||
/>
|
||||
))}
|
||||
</Box>
|
||||
</Container>
|
||||
);
|
||||
};
|
||||
|
||||
export default Travel;
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from "./Travel";
|
||||
+210
@@ -0,0 +1,210 @@
|
||||
import navLocationIcon from "./assets/search-nav/nav-location-icon.svg";
|
||||
import navBikeIcon from "./assets/search-nav/nav-bike-icon.svg";
|
||||
import navCalendarIcon from "./assets/search-nav/nav-calendar-icon.svg";
|
||||
import navGroupIcon from "./assets/search-nav/nav-group-icon.svg";
|
||||
|
||||
import bigSurImg from "./assets/destinations/big-sur.svg";
|
||||
import prescottImg from "./assets/destinations/prescott.svg";
|
||||
import fortMayersImg from "./assets/destinations/fort-mayers.svg";
|
||||
import tucsonImg from "./assets/destinations/tucson.svg";
|
||||
import stJosephImg from "./assets/destinations/st-joseph.svg";
|
||||
|
||||
import monasteroImg from "./assets/hotels-restaurants/monastero.svg";
|
||||
import grandHotelImg from "./assets/hotels-restaurants/grand-hotel.svg";
|
||||
import oberoiImg from "./assets/hotels-restaurants/oberoi.svg";
|
||||
import beverlyHillsImg from "./assets/hotels-restaurants/beverly-hills.svg";
|
||||
import ratingThree from "./assets/hotels-restaurants/rating-3.svg";
|
||||
import ratingFour from "./assets/hotels-restaurants/rating-4.svg";
|
||||
import ratingFive from "./assets/hotels-restaurants/rating-5.svg";
|
||||
|
||||
import eastVillageImg from "./assets/travel/east-village.svg";
|
||||
import brooklynImg from "./assets/travel/brooklyn.svg";
|
||||
|
||||
import sailingImg from "./assets/activities/sailing.svg";
|
||||
import climbingImg from "./assets/activities/climbing.svg";
|
||||
import skiingImg from "./assets/activities/skiing.svg";
|
||||
import hikingImg from "./assets/activities/hiking.svg";
|
||||
|
||||
export const navItems = [
|
||||
{
|
||||
id: 1,
|
||||
name: "Home",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: "Hotels",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: "Restaurants",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: "Tours",
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: "Destionations",
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
name: "Activities",
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
name: "Contact",
|
||||
},
|
||||
];
|
||||
|
||||
export const searchNavItems = [
|
||||
{
|
||||
id: 1,
|
||||
normalText: "Location",
|
||||
boldText: "Explore nearby destinations",
|
||||
icon: navLocationIcon,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
normalText: "Activity",
|
||||
boldText: "All activities",
|
||||
icon: navBikeIcon,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
normalText: "When",
|
||||
boldText: "Choose a Date",
|
||||
icon: navCalendarIcon,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
normalText: "Guests",
|
||||
boldText: "1 guest",
|
||||
icon: navGroupIcon,
|
||||
},
|
||||
];
|
||||
|
||||
export const destinations = [
|
||||
{
|
||||
id: 1,
|
||||
name: "Big Sur",
|
||||
location: "California, USA",
|
||||
image: bigSurImg,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: "Prescott",
|
||||
location: "Arizona, USA",
|
||||
image: prescottImg,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: "Fort Mayers",
|
||||
location: "Florida, USA",
|
||||
image: fortMayersImg,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: "Tucson",
|
||||
location: "Arizona, USA",
|
||||
image: tucsonImg,
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: "St. Joseph",
|
||||
location: "Michigan, USA",
|
||||
image: stJosephImg,
|
||||
},
|
||||
];
|
||||
|
||||
export const hotelsRestaurants = [
|
||||
{
|
||||
id: 1,
|
||||
name: "Monastero Santa Rosa Hotel & Spa",
|
||||
location: "Salerno, Italy",
|
||||
image: monasteroImg,
|
||||
ratingImage: ratingFive,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: "Grand Hotel Tremezzo",
|
||||
location: "Lake Como, Italy",
|
||||
image: grandHotelImg,
|
||||
ratingImage: ratingThree,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: "The Oberoi Udaivilas, Udaipur",
|
||||
location: "Udaipur, India",
|
||||
image: oberoiImg,
|
||||
ratingImage: ratingFour,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: "AKA Beverly Hills",
|
||||
location: "Los Angeles, United States",
|
||||
image: beverlyHillsImg,
|
||||
ratingImage: ratingThree,
|
||||
},
|
||||
];
|
||||
|
||||
export const travelItems = [
|
||||
{
|
||||
id: 1,
|
||||
image: eastVillageImg,
|
||||
location: "East Village Ice Cream Crawl",
|
||||
text: "We will stop at five different world-class ice cream shops on this 1.5 mile 1.5 hour tour.At each ice cream store we'll explore the story behind the business and see what makes the ice cream unique as you savor every…",
|
||||
calendarText: "Today",
|
||||
userText: "Maria Philips",
|
||||
commentsText: "2",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
image: brooklynImg,
|
||||
location: "Brooklyn Bridge cinematic photo walk",
|
||||
text: "This experience takes place at the Brooklyn Bridge Park and Brooklyn Bridge, but I’m always open to capture clients at different locations upon request for an additional charge. ",
|
||||
calendarText: "Today",
|
||||
userText: "James Calzoni",
|
||||
commentsText: "17",
|
||||
},
|
||||
];
|
||||
|
||||
export const activities = [
|
||||
{
|
||||
id: 1,
|
||||
name: "Sailing",
|
||||
image: sailingImg,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: "Climbing",
|
||||
image: climbingImg,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: "Skiing",
|
||||
image: skiingImg,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: "Hiking",
|
||||
image: hikingImg,
|
||||
},
|
||||
];
|
||||
|
||||
export const footerNav = [
|
||||
{
|
||||
id: 1,
|
||||
title: "About",
|
||||
links: ["About Us", "Features", "News", "Menu"],
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Company",
|
||||
links: ["Why 2rism", "Partner With Us", "FAQ", "Blog"],
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Support",
|
||||
links: ["Account", "Support Center", "Feedback", "Contact Us"],
|
||||
},
|
||||
];
|
||||
@@ -0,0 +1,32 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
:root {
|
||||
--primaryBtnBackground: #7b61ff;
|
||||
--secondaryBtnBackground: #f6f4ff;
|
||||
--secondaryBtnColor: #5243c2;
|
||||
--darkColor: #161414;
|
||||
--lightGrayColor: #979797;
|
||||
--midGrayColor: #878787;
|
||||
--darkGrayColor: #5b5b5b;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
|
||||
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
|
||||
sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
|
||||
monospace;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
import React from "react";
|
||||
import ReactDOM from "react-dom/client";
|
||||
import "./index.css";
|
||||
import App from "./App";
|
||||
|
||||
const root = ReactDOM.createRoot(document.getElementById("root"));
|
||||
root.render(
|
||||
<React.StrictMode>
|
||||
<App />
|
||||
</React.StrictMode>
|
||||
);
|
||||
Reference in New Issue
Block a user