vargha/TourWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tours and tour pages

Browse Source
This commit is contained in:
vargha1
2026-09-09 11:18:34 +03:30
parent 85dfe6b433
commit 99e5413fee
11 changed files with 6130 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

774
tourdetailscontent.html Normal file
View File

@@ -0,0 +1,774 @@
<div className="flex flex-col justify-start items-start w-[856px] gap-8">
<div className="flex justify-between items-center self-stretch flex-grow-0 flex-shrink-0 relative">
<p className="flex-grow-0 flex-shrink-0 text-[40px] text-left text-black">London Tour</p>
<div className="flex justify-start items-center flex-grow-0 flex-shrink-0 relative gap-6">
<div className="flex justify-center items-center flex-grow-0 flex-shrink-0 relative gap-1 rounded-[40px]">
<svg
width={12}
height={12}
viewBox="0 0 12 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0"
preserveAspectRatio="xMidYMid meet"
>
<path
d="M4.21205 2.06452C4.94362 0.701462 5.30941 0.0199316 5.87277 0.000393684C6.43613 -0.0191442 6.82396 0.636249 7.59964 1.94704L7.80031 2.28615C8.02074 2.65864 8.13095 2.84488 8.29997 2.96443C8.46899 3.08397 8.67769 3.12328 9.09509 3.20191L9.4751 3.27349C10.9439 3.55018 11.6784 3.68853 11.8616 4.2361C12.0448 4.78366 11.5555 5.37782 10.5768 6.56613L10.3236 6.87356C10.0455 7.21124 9.90649 7.38008 9.84606 7.58508C9.78563 7.79009 9.81067 8.00806 9.86075 8.44399L9.90634 8.84087C10.0826 10.3749 10.1707 11.142 9.72055 11.4999C9.27043 11.8579 8.58018 11.5697 7.19966 10.9933L6.84251 10.8442C6.45021 10.6804 6.25406 10.5985 6.04769 10.6057C5.84132 10.6128 5.6481 10.7082 5.26165 10.899L4.90982 11.0727C3.54988 11.7441 2.86992 12.0799 2.40851 11.7535C1.9471 11.4272 2.00982 10.6549 2.13527 9.11038L2.16772 8.71079C2.20337 8.27189 2.2212 8.05243 2.15408 7.85185C2.08696 7.65127 1.9425 7.49226 1.65359 7.17424L1.39055 6.88472C0.373843 5.76561 -0.134512 5.20605 0.0304441 4.64641C0.1954 4.08677 0.924422 3.89767 2.38246 3.51947L2.75968 3.42163C3.17401 3.31416 3.38117 3.26042 3.54606 3.1293C3.71095 2.99817 3.8149 2.8045 4.02279 2.41716L4.21205 2.06452Z"
fill="#FFCC00"
/>
</svg>
<div className="flex justify-start items-center flex-grow-0 flex-shrink-0 relative gap-0.5">
<p className="flex-grow-0 flex-shrink-0 text-base font-medium text-left text-black">
4.8
</p>
<p className="flex-grow-0 flex-shrink-0 opacity-30 text-xs font-medium text-left text-black">
/5
</p>
</div>
</div>
<svg
width={1}
height={24}
viewBox="0 0 1 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0"
preserveAspectRatio="none"
>
<line x1="0.5" y1={24} x2="0.499999" y2="2.18557e-8" stroke="black" stroke-opacity="0.1" />
</svg>
<div className="flex justify-start items-center flex-grow-0 flex-shrink-0 relative gap-2">
<svg
width={16}
height={16}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0 w-4 h-4 relative"
preserveAspectRatio="xMidYMid meet"
>
<g opacity="0.5">
<path
d="M2.66699 6.76224C2.66699 3.76396 5.05481 1.33337 8.00033 1.33337C10.9458 1.33337 13.3337 3.76396 13.3337 6.76224C13.3337 9.73702 11.6314 13.2083 8.97561 14.4497C8.3565 14.7391 7.64415 14.7391 7.02504 14.4497C4.36921 13.2083 2.66699 9.73702 2.66699 6.76224Z"
stroke="black"
stroke-width="1.5"
/>
<circle cx={8} cy="6.66663" r={2} stroke="black" stroke-width="1.5" />
</g>
</svg>
<p className="flex-grow-0 flex-shrink-0 text-base font-medium text-left text-black">
London
</p>
</div>
<svg
width={1}
height={24}
viewBox="0 0 1 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0"
preserveAspectRatio="none"
>
<line x1="0.5" y1={24} x2="0.499999" y2="2.18557e-8" stroke="black" stroke-opacity="0.1" />
</svg>
<div className="flex justify-start items-center flex-grow-0 flex-shrink-0 relative gap-2">
<svg
width={16}
height={16}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0 w-4 h-4 relative"
preserveAspectRatio="xMidYMid meet"
>
<g opacity="0.5">
<circle cx="7.99967" cy="4.00004" r="2.66667" stroke="black" stroke-width="1.5" />
<ellipse
cx="7.99967"
cy="11.3333"
rx="4.66667"
ry="2.66667"
stroke="black"
stroke-width="1.5"
/>
</g>
</svg>
<p className="flex-grow-0 flex-shrink-0 text-base font-medium text-left text-black">
from Mr. Bill
</p>
</div>
</div>
</div>
<div className="flex justify-start items-center self-stretch flex-grow-0 flex-shrink-0 gap-2">
<div className="flex justify-start items-center flex-grow relative gap-2 p-6 rounded-3xl bg-[#2cafc2]/5 backdrop-blur-[20px]">
<svg
width={16}
height={16}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0 w-4 h-4 relative"
preserveAspectRatio="xMidYMid meet"
>
<g clip-path="url(#clip0_117_4920)">
<path
d="M1.33366 8.00004C1.33366 11.6819 4.31843 14.6667 8.00033 14.6667C11.6822 14.6667 14.667 11.6819 14.667 8.00004C14.667 4.31814 11.6822 1.33337 8.00033 1.33337"
stroke="#2CAFC2"
stroke-width="1.5"
stroke-linecap="round"
/>
<path
d="M8 6V8.66667H10.6667"
stroke="#2CAFC2"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<circle
cx="7.99967"
cy="8.00004"
r="6.66667"
stroke="#2CAFC2"
stroke-width="1.5"
stroke-linecap="round"
stroke-dasharray="0.5 3.5"
/>
</g>
<defs>
<clippath id="clip0_117_4920">
<rect width={16} height={16} fill="white" />
</clippath>
</defs>
</svg>
<div className="flex flex-col justify-center items-start flex-grow-0 flex-shrink-0 relative">
<p className="flex-grow-0 flex-shrink-0 text-xs font-medium text-left text-[#2cafc2]">
Duration
</p>
<p className="flex-grow-0 flex-shrink-0 text-base font-medium text-left text-black">
1h 30m
</p>
</div>
</div>
<div className="flex justify-start items-center flex-grow relative gap-2 p-6 rounded-3xl bg-[#2cafc2]/5 backdrop-blur-[20px]">
<svg
width={16}
height={16}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0 w-4 h-4 relative"
preserveAspectRatio="xMidYMid meet"
>
<circle cx="7.99967" cy="4.00004" r="2.66667" stroke="#2CAFC2" stroke-width="1.5" />
<ellipse
cx="7.99967"
cy="11.3333"
rx="4.66667"
ry="2.66667"
stroke="#2CAFC2"
stroke-width="1.5"
/>
</svg>
<div className="flex flex-col justify-center items-start flex-grow-0 flex-shrink-0 relative">
<p className="flex-grow-0 flex-shrink-0 text-xs font-medium text-left text-[#2cafc2]">
Max Travelers
</p>
<p className="flex-grow-0 flex-shrink-0 text-base font-medium text-left text-black">
15 people
</p>
</div>
</div>
<div className="flex justify-start items-center flex-grow relative gap-2 p-6 rounded-3xl bg-[#2cafc2]/5 backdrop-blur-[20px]">
<svg
width={16}
height={16}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0 w-4 h-4 relative"
preserveAspectRatio="xMidYMid meet"
>
<path
d="M2 6.94448C2 4.81275 2 3.74689 2.25168 3.38831C2.50335 3.02973 3.50555 2.68668 5.50994 2.00057L5.89182 1.86985C6.93666 1.5122 7.45907 1.33337 8 1.33337C8.54093 1.33337 9.06335 1.5122 10.1082 1.86985L10.4901 2.00057C12.4945 2.68668 13.4966 3.02973 13.7483 3.38831C14 3.74689 14 4.81275 14 6.94448C14 7.26647 14 7.61565 14 7.99428C14 11.753 11.174 13.577 9.40096 14.3516C8.91999 14.5617 8.67951 14.6667 8 14.6667C7.32049 14.6667 7.08001 14.5617 6.59904 14.3516C4.82597 13.577 2 11.753 2 7.99428C2 7.61565 2 7.26647 2 6.94448Z"
stroke="#2CAFC2"
stroke-width="1.5"
/>
<path
d="M6.33301 8.26663L7.28539 9.33329L9.66634 6.66663"
stroke="#2CAFC2"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<div className="flex flex-col justify-center items-start flex-grow-0 flex-shrink-0 relative">
<p className="flex-grow-0 flex-shrink-0 text-xs font-medium text-left text-[#2cafc2]">
Free Cancellation
</p>
<p className="flex-grow-0 flex-shrink-0 text-base font-medium text-left text-black">
Up to 24 hrs
</p>
</div>
</div>
<div className="flex justify-start items-center flex-grow relative gap-2 p-6 rounded-3xl bg-[#2cafc2]/5 backdrop-blur-[20px]">
<svg
width={16}
height={16}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0 w-4 h-4 relative"
preserveAspectRatio="xMidYMid meet"
>
<g clip-path="url(#clip0_117_4935)">
<path
d="M1.66699 4.33329C1.66699 3.07621 1.66699 2.44767 2.05752 2.05715C2.44804 1.66663 3.07658 1.66663 4.33366 1.66663C5.59074 1.66663 6.21928 1.66663 6.6098 2.05715C7.00033 2.44767 7.00033 3.07621 7.00033 4.33329C7.00033 5.59037 7.00033 6.21891 6.6098 6.60944C6.21928 6.99996 5.59074 6.99996 4.33366 6.99996C3.07658 6.99996 2.44804 6.99996 2.05752 6.60944C1.66699 6.21891 1.66699 5.59037 1.66699 4.33329Z"
stroke="#2CAFC2"
stroke-width="1.5"
/>
<path
d="M9 11.6667C9 10.4096 9 9.78105 9.39052 9.39052C9.78105 9 10.4096 9 11.6667 9C12.9237 9 13.5523 9 13.9428 9.39052C14.3333 9.78105 14.3333 10.4096 14.3333 11.6667C14.3333 12.9237 14.3333 13.5523 13.9428 13.9428C13.5523 14.3333 12.9237 14.3333 11.6667 14.3333C10.4096 14.3333 9.78105 14.3333 9.39052 13.9428C9 13.5523 9 12.9237 9 11.6667Z"
stroke="#2CAFC2"
stroke-width="1.5"
/>
<path
d="M1.66699 11.6667C1.66699 10.4096 1.66699 9.78105 2.05752 9.39052C2.44804 9 3.07658 9 4.33366 9C5.59074 9 6.21928 9 6.6098 9.39052C7.00033 9.78105 7.00033 10.4096 7.00033 11.6667C7.00033 12.9237 7.00033 13.5523 6.6098 13.9428C6.21928 14.3333 5.59074 14.3333 4.33366 14.3333C3.07658 14.3333 2.44804 14.3333 2.05752 13.9428C1.66699 13.5523 1.66699 12.9237 1.66699 11.6667Z"
stroke="#2CAFC2"
stroke-width="1.5"
/>
<path
d="M9 4.33329C9 3.07621 9 2.44767 9.39052 2.05715C9.78105 1.66663 10.4096 1.66663 11.6667 1.66663C12.9237 1.66663 13.5523 1.66663 13.9428 2.05715C14.3333 2.44767 14.3333 3.07621 14.3333 4.33329C14.3333 5.59037 14.3333 6.21891 13.9428 6.60944C13.5523 6.99996 12.9237 6.99996 11.6667 6.99996C10.4096 6.99996 9.78105 6.99996 9.39052 6.60944C9 6.21891 9 5.59037 9 4.33329Z"
stroke="#2CAFC2"
stroke-width="1.5"
/>
</g>
<defs>
<clippath id="clip0_117_4935">
<rect width={16} height={16} rx={5} fill="white" />
</clippath>
</defs>
</svg>
<div className="flex flex-col justify-center items-start flex-grow-0 flex-shrink-0 relative">
<p className="flex-grow-0 flex-shrink-0 text-xs font-medium text-left text-[#2cafc2]">
Category
</p>
<p className="flex-grow-0 flex-shrink-0 text-base font-medium text-left text-black">
Best Conversion
</p>
</div>
</div>
</div>
<div className="flex flex-col justify-start items-start self-stretch flex-grow-0 flex-shrink-0 relative gap-2">
<p className="self-stretch flex-grow-0 flex-shrink-0 w-[856px] text-base font-bold text-left text-black">
Overview
</p>
<p className="self-stretch flex-grow-0 flex-shrink-0 w-[856px] opacity-70 text-base font-medium text-justify text-black">
<span className="self-stretch flex-grow-0 flex-shrink-0 w-[856px] opacity-70 text-base font-medium text-justify text-black">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliquaLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliquaLorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliquaLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliquaLorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliquaLorem
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua
</span>
<br />
<br />
<span className="self-stretch flex-grow-0 flex-shrink-0 w-[856px] opacity-70 text-base font-medium text-justify text-black">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliquaLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliquaLorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua
</span>
</p>
</div>
<div className="flex flex-col justify-start items-start self-stretch flex-grow-0 flex-shrink-0 relative gap-2">
<p className="self-stretch flex-grow-0 flex-shrink-0 w-[856px] text-base font-bold text-left text-black">
Gallery
</p>
<div className="flex-grow-0 flex-shrink-0 w-[856px] h-[399px]">
<img
src="rectangle-4.png"
className="w-[350px] h-[399px] absolute left-[-0.5px] top-[29.5px] rounded-3xl object-cover"
/>
<div className="flex justify-start items-center w-[490px] absolute left-[366px] top-[30px] gap-4">
<img src="rectangle-5.png" className="flex-grow h-[193.59px] rounded-2xl object-none" />
<img src="rectangle-6.png" className="flex-grow h-[193.59px] rounded-2xl object-none" />
</div>
<div className="flex justify-start items-center w-[490px] absolute left-[366px] top-[235px] gap-4">
<img src="rectangle-5-2.png" className="flex-grow h-[193.59px] rounded-2xl object-cover" />
<img src="rectangle-6-2.png" className="flex-grow h-[193.59px] rounded-2xl object-none" />
</div>
</div>
</div>
<div className="flex justify-start items-start self-stretch flex-grow-0 flex-shrink-0 gap-[27px]">
<div className="flex flex-col justify-start items-start flex-grow relative gap-4">
<p className="self-stretch flex-grow-0 flex-shrink-0 w-[414.5px] text-base font-bold text-left text-black">
Whats included
</p>
<div className="flex justify-start items-center self-stretch flex-grow-0 flex-shrink-0 relative gap-4">
<div className="flex justify-center items-center flex-grow-0 flex-shrink-0 w-6 h-6 relative gap-2 p-2 rounded-[40px] bg-[#34c759]/10">
<svg
width={11}
height={9}
viewBox="0 0 11 9"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0"
preserveAspectRatio="xMidYMid meet"
>
<path
d="M0.75 4.95L3.32143 7.75L9.75 0.75"
stroke="#34C759"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<p className="flex-grow w-[374.5px] opacity-70 text-base font-medium text-justify text-black">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
</p>
</div>
<div className="flex justify-start items-center self-stretch flex-grow-0 flex-shrink-0 relative gap-4">
<div className="flex justify-center items-center flex-grow-0 flex-shrink-0 w-6 h-6 relative gap-2 p-2 rounded-[40px] bg-[#34c759]/10">
<svg
width={11}
height={9}
viewBox="0 0 11 9"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0"
preserveAspectRatio="xMidYMid meet"
>
<path
d="M0.75 4.95L3.32143 7.75L9.75 0.75"
stroke="#34C759"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<p className="flex-grow w-[374.5px] opacity-70 text-base font-medium text-justify text-black">
ed do eiusmod tempor incididunt ut labore et dolo
</p>
</div>
<div className="flex justify-start items-center self-stretch flex-grow-0 flex-shrink-0 relative gap-4">
<div className="flex justify-center items-center flex-grow-0 flex-shrink-0 w-6 h-6 relative gap-2 p-2 rounded-[40px] bg-[#34c759]/10">
<svg
width={11}
height={9}
viewBox="0 0 11 9"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0"
preserveAspectRatio="xMidYMid meet"
>
<path
d="M0.75 4.95L3.32143 7.75L9.75 0.75"
stroke="#34C759"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<p className="flex-grow w-[374.5px] opacity-70 text-base font-medium text-justify text-black">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
</p>
</div>
<div className="flex justify-start items-center self-stretch flex-grow-0 flex-shrink-0 relative gap-4">
<div className="flex justify-center items-center flex-grow-0 flex-shrink-0 w-6 h-6 relative gap-2 p-2 rounded-[40px] bg-[#34c759]/10">
<svg
width={11}
height={9}
viewBox="0 0 11 9"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0"
preserveAspectRatio="xMidYMid meet"
>
<path
d="M0.75 4.95L3.32143 7.75L9.75 0.75"
stroke="#34C759"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<p className="flex-grow w-[374.5px] opacity-70 text-base font-medium text-justify text-black">
ed do eiusmod tempor incididunt ut labore et dolo
</p>
</div>
</div>
<div className="flex flex-col justify-start items-start flex-grow relative gap-4">
<p className="self-stretch flex-grow-0 flex-shrink-0 w-[414.5px] text-base font-bold text-left text-black">
Whats Not included
</p>
<div className="flex justify-start items-center self-stretch flex-grow-0 flex-shrink-0 relative gap-4">
<div className="flex justify-center items-center flex-grow-0 flex-shrink-0 w-6 h-6 relative gap-2 p-2 rounded-[40px] bg-[#ff383c]/10">
<svg
width={11}
height={11}
viewBox="0 0 11 11"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0"
preserveAspectRatio="xMidYMid meet"
>
<path
d="M9.74996 0.750036L0.75 9.75M0.749962 0.75L9.74992 9.74996"
stroke="#FF383C"
stroke-width="1.5"
stroke-linecap="round"
/>
</svg>
</div>
<p className="flex-grow w-[374.5px] opacity-70 text-base font-medium text-justify text-black">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
</p>
</div>
<div className="flex justify-start items-center self-stretch flex-grow-0 flex-shrink-0 relative gap-4">
<div className="flex justify-center items-center flex-grow-0 flex-shrink-0 w-6 h-6 relative gap-2 p-2 rounded-[40px] bg-[#ff383c]/10">
<svg
width={11}
height={11}
viewBox="0 0 11 11"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0"
preserveAspectRatio="xMidYMid meet"
>
<path
d="M9.74996 0.750036L0.75 9.75M0.749962 0.75L9.74992 9.74996"
stroke="#FF383C"
stroke-width="1.5"
stroke-linecap="round"
/>
</svg>
</div>
<p className="flex-grow w-[374.5px] opacity-70 text-base font-medium text-justify text-black">
ed do eiusmod tempor incididunt ut labore et dolo
</p>
</div>
<div className="flex justify-start items-center self-stretch flex-grow-0 flex-shrink-0 relative gap-4">
<div className="flex justify-center items-center flex-grow-0 flex-shrink-0 w-6 h-6 relative gap-2 p-2 rounded-[40px] bg-[#ff383c]/10">
<svg
width={11}
height={11}
viewBox="0 0 11 11"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0"
preserveAspectRatio="xMidYMid meet"
>
<path
d="M9.74996 0.750036L0.75 9.75M0.749962 0.75L9.74992 9.74996"
stroke="#FF383C"
stroke-width="1.5"
stroke-linecap="round"
/>
</svg>
</div>
<p className="flex-grow w-[374.5px] opacity-70 text-base font-medium text-justify text-black">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
</p>
</div>
</div>
</div>
<div className="flex flex-col justify-start items-start self-stretch flex-grow-0 flex-shrink-0 relative gap-2">
<p className="self-stretch flex-grow-0 flex-shrink-0 w-[856px] text-base font-bold text-left text-black">
Good to know
</p>
<div className="flex justify-start items-center self-stretch flex-grow-0 flex-shrink-0 gap-2">
<div className="flex justify-start items-center flex-grow relative gap-3 px-4 py-6 rounded-3xl bg-[#2cafc2]/5 backdrop-blur-[20px]">
<svg
width={16}
height={16}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0 w-4 h-4 relative"
preserveAspectRatio="xMidYMid meet"
>
<g clip-path="url(#clip0_117_4989)">
<circle cx="7.99967" cy="7.99992" r="6.66667" stroke="#2CAFC2" stroke-width="1.5" />
<path
d="M8 11.3333V7.33325"
stroke="#2CAFC2"
stroke-width="1.5"
stroke-linecap="round"
/>
<circle
cx="0.666667"
cy="0.666667"
r="0.666667"
transform="matrix(1 0 0 -1 7.33301 6)"
fill="#2CAFC2"
/>
</g>
<defs>
<clippath id="clip0_117_4989">
<rect width={16} height={16} fill="white" />
</clippath>
</defs>
</svg>
<p className="flex-grow w-[220px] text-base font-medium text-left text-black">
Public transportation options are available nearby
</p>
</div>
<div className="flex justify-start items-center flex-grow relative gap-3 px-4 py-6 rounded-3xl bg-[#2cafc2]/5 backdrop-blur-[20px]">
<svg
width={16}
height={16}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0 w-4 h-4 relative"
preserveAspectRatio="xMidYMid meet"
>
<g clip-path="url(#clip0_117_4992)">
<circle cx="7.99967" cy="7.99992" r="6.66667" stroke="#2CAFC2" stroke-width="1.5" />
<path
d="M8 11.3333V7.33325"
stroke="#2CAFC2"
stroke-width="1.5"
stroke-linecap="round"
/>
<circle
cx="0.666667"
cy="0.666667"
r="0.666667"
transform="matrix(1 0 0 -1 7.33301 6)"
fill="#2CAFC2"
/>
</g>
<defs>
<clippath id="clip0_117_4992">
<rect width={16} height={16} fill="white" />
</clippath>
</defs>
</svg>
<p className="flex-grow w-[220px] text-base font-medium text-left text-black">
Infants are required to sit on an adultu2019s lap
</p>
</div>
<div className="flex justify-start items-center flex-grow relative gap-3 px-4 py-6 rounded-3xl bg-[#2cafc2]/5 backdrop-blur-[20px]">
<svg
width={16}
height={16}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0 w-4 h-4 relative"
preserveAspectRatio="xMidYMid meet"
>
<g clip-path="url(#clip0_117_4995)">
<circle cx="7.99967" cy="7.99992" r="6.66667" stroke="#2CAFC2" stroke-width="1.5" />
<path
d="M8 11.3333V7.33325"
stroke="#2CAFC2"
stroke-width="1.5"
stroke-linecap="round"
/>
<circle
cx="0.666667"
cy="0.666667"
r="0.666667"
transform="matrix(1 0 0 -1 7.33301 6)"
fill="#2CAFC2"
/>
</g>
<defs>
<clippath id="clip0_117_4995">
<rect width={16} height={16} fill="white" />
</clippath>
</defs>
</svg>
<p className="flex-grow w-[220px] text-base font-medium text-left text-black">
Not recommended for travelers with spinal injuries
</p>
</div>
</div>
<div className="flex justify-start items-center self-stretch flex-grow-0 flex-shrink-0 gap-2">
<div className="flex justify-start items-center flex-grow relative gap-3 px-4 py-6 rounded-3xl bg-[#2cafc2]/5 backdrop-blur-[20px]">
<svg
width={16}
height={16}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0 w-4 h-4 relative"
preserveAspectRatio="xMidYMid meet"
>
<g clip-path="url(#clip0_117_4999)">
<circle cx="7.99967" cy="7.99992" r="6.66667" stroke="#2CAFC2" stroke-width="1.5" />
<path
d="M8 11.3333V7.33325"
stroke="#2CAFC2"
stroke-width="1.5"
stroke-linecap="round"
/>
<circle
cx="0.666667"
cy="0.666667"
r="0.666667"
transform="matrix(1 0 0 -1 7.33301 6)"
fill="#2CAFC2"
/>
</g>
<defs>
<clippath id="clip0_117_4999">
<rect width={16} height={16} fill="white" />
</clippath>
</defs>
</svg>
<p className="flex-grow w-[220px] text-base font-medium text-left text-black">
Not recommended for travelers with spinal injuries
</p>
</div>
<div className="flex justify-start items-center flex-grow relative gap-3 px-4 py-6 rounded-3xl bg-[#2cafc2]/5 backdrop-blur-[20px]">
<svg
width={16}
height={16}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0 w-4 h-4 relative"
preserveAspectRatio="xMidYMid meet"
>
<g clip-path="url(#clip0_117_5002)">
<circle cx="7.99967" cy="7.99992" r="6.66667" stroke="#2CAFC2" stroke-width="1.5" />
<path
d="M8 11.3333V7.33325"
stroke="#2CAFC2"
stroke-width="1.5"
stroke-linecap="round"
/>
<circle
cx="0.666667"
cy="0.666667"
r="0.666667"
transform="matrix(1 0 0 -1 7.33301 6)"
fill="#2CAFC2"
/>
</g>
<defs>
<clippath id="clip0_117_5002">
<rect width={16} height={16} fill="white" />
</clippath>
</defs>
</svg>
<p className="flex-grow w-[220px] text-base font-medium text-left text-black">
Public transportation options are available nearby
</p>
</div>
<div className="flex justify-start items-center flex-grow relative gap-3 px-4 py-6 rounded-3xl bg-[#2cafc2]/5 backdrop-blur-[20px]">
<svg
width={16}
height={16}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0 w-4 h-4 relative"
preserveAspectRatio="xMidYMid meet"
>
<g clip-path="url(#clip0_117_5005)">
<circle cx="7.99967" cy="7.99992" r="6.66667" stroke="#2CAFC2" stroke-width="1.5" />
<path
d="M8 11.3333V7.33325"
stroke="#2CAFC2"
stroke-width="1.5"
stroke-linecap="round"
/>
<circle
cx="0.666667"
cy="0.666667"
r="0.666667"
transform="matrix(1 0 0 -1 7.33301 6)"
fill="#2CAFC2"
/>
</g>
<defs>
<clippath id="clip0_117_5005">
<rect width={16} height={16} fill="white" />
</clippath>
</defs>
</svg>
<p className="flex-grow w-[220px] text-base font-medium text-left text-black">
Infants are required to sit on an adultu2019s lap
</p>
</div>
</div>
</div>
<div className="flex flex-col justify-start items-start self-stretch flex-grow-0 flex-shrink-0 gap-4">
<div className="flex flex-col justify-start items-start self-stretch flex-grow-0 flex-shrink-0 relative gap-2">
<p className="self-stretch flex-grow-0 flex-shrink-0 w-[856px] text-base font-bold text-left text-black">
Cancellation Policy
</p>
<p className="self-stretch flex-grow-0 flex-shrink-0 w-[856px] opacity-70 text-base font-medium text-justify text-black">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
</p>
</div>
<div className="flex justify-start items-start self-stretch flex-grow-0 flex-shrink-0 gap-4">
<div className="flex justify-start items-center flex-grow h-[70px] relative gap-4 p-6 rounded-2xl bg-[#34c759]/5 backdrop-blur-[20px]">
<svg
width={11}
height={9}
viewBox="0 0 11 9"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0"
preserveAspectRatio="xMidYMid meet"
>
<path
d="M0.75 4.95L3.32143 7.75L9.75 0.75"
stroke="#34C759"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<div className="flex flex-col justify-center items-start flex-grow-0 flex-shrink-0 relative">
<p className="flex-grow-0 flex-shrink-0 text-xs font-medium text-left text-[#34c759]">
100% Refund
</p>
<p className="flex-grow-0 flex-shrink-0 text-base font-medium text-left text-black">
24 hours or more before the start time
</p>
</div>
</div>
<div className="flex justify-start items-center flex-grow h-[70px] relative gap-2 p-6 rounded-2xl bg-[#ff383c]/5 backdrop-blur-[20px]">
<svg
width={11}
height={11}
viewBox="0 0 11 11"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="flex-grow-0 flex-shrink-0"
preserveAspectRatio="xMidYMid meet"
>
<path
d="M9.74996 0.750036L0.75 9.75M0.749962 0.75L9.74992 9.74996"
stroke="#FF383C"
stroke-width="1.5"
stroke-linecap="round"
/>
</svg>
<div className="flex flex-col justify-center items-start flex-grow-0 flex-shrink-0 relative">
<p className="flex-grow-0 flex-shrink-0 text-xs font-medium text-left text-[#ff383c]">
0% Refund
</p>
<p className="flex-grow-0 flex-shrink-0 text-base font-medium text-left text-black">
Less than 24 hours before the start time
</p>
</div>
</div>
</div>
</div>
</div>;