tours and tour pages

2026-09-09 11:18:34 +03:30
parent 85dfe6b433
commit 99e5413fee
11 changed files with 6130 additions and 13 deletions
--- a/tourdetailsinfo.html
+++ b/tourdetailsinfo.html
@@ -0,0 +1,118 @@
+<div className="w-[416px] h-[308px]">
+  <div className="w-[416px] h-[308px] absolute left-[987.5px] top-[581.5px] rounded-3xl bg-white border border-black/10" />
+  <div className="flex justify-start items-center w-96 absolute left-[1004px] top-[598px] 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 clip-path="url(#clip0_117_5025)">
+        <circle cx="7.99967" cy="8.00004" r="6.66667" stroke="black" stroke-width="1.5" />
+        <path d="M8 11.3334V7.33337" stroke="black" 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="black"
+        />
+      </g>
+      <defs>
+        <clippath id="clip0_117_5025">
+          <rect width={16} height={16} fill="white" />
+        </clippath>
+      </defs>
+    </svg>
+    <p className="flex-grow-0 flex-shrink-0 text-base font-medium text-left text-black">
+      Tour Details
+    </p>
+  </div>
+  <div className="flex justify-between items-center w-[400px] absolute left-[996px] top-[636px] p-4 rounded-3xl bg-white border border-black/10 border-dashed">
+    <div className="flex-grow-0 flex-shrink-0 w-[147px] h-14">
+      <div className="flex flex-col justify-start items-start absolute left-[17px] top-[17px]">
+        <p className="flex-grow-0 flex-shrink-0 opacity-30 text-xs font-medium text-left text-black">
+          From
+        </p>
+        <div className="flex justify-center items-center flex-grow-0 flex-shrink-0 relative">
+          <p className="flex-grow-0 flex-shrink-0 text-[32px] text-left text-black">$30</p>
+        </div>
+      </div>
+      <p className="absolute left-[70px] top-[52px] opacity-30 text-xs font-medium text-left text-black">
+        USD / Per person
+      </p>
+    </div>
+    <div className="flex justify-center items-center flex-grow-0 flex-shrink-0 w-[170px] h-12 relative gap-2 px-6 rounded-[40px] bg-black">
+      <p className="flex-grow-0 flex-shrink-0 text-base font-bold text-left text-white">
+        Check Availability
+      </p>
+    </div>
+  </div>
+  <div className="flex justify-start items-center w-[400px] h-[70px] absolute left-[996px] top-[734px] gap-2 p-6 rounded-2xl 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 w-[400px] h-[70px] absolute left-[996px] top-[812px] gap-2 p-6 rounded-2xl bg-[#34c759]/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="#34C759"
+        stroke-width="1.5"
+      />
+      <path
+        d="M6.33301 8.26663L7.28539 9.33329L9.66634 6.66663"
+        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]">
+        Reserve now, pay later!
+      </p>
+      <p className="flex-grow-0 flex-shrink-0 text-base font-medium text-left text-black">
+        Secure your spot today
+      </p>
+    </div>
+  </div>
+</div>;