ui-landing-page 6.1.0

package/src/components/LandingPage/common/icons/LikeIcon.tsx

@@ -0,0 +1,29 @@
+import React from "react";
+
+function LikeIcon({ color = "#F0F0F0", fill = "none" }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      fill={fill}
+      viewBox="0 0 24 24"
+    >
+      <path
+        stroke={color}
+        strokeMiterlimit="10"
+        strokeWidth="1.5"
+        d="M7.48 18.35l3.1 2.4c.4.4 1.3.6 1.9.6h3.8c1.2 0 2.5-.9 2.8-2.1l2.4-7.3c.5-1.4-.4-2.6-1.9-2.6h-4c-.6 0-1.1-.5-1-1.2l.5-3.2c.2-.9-.4-1.9-1.3-2.2-.8-.3-1.8.1-2.2.7l-4.1 6.1"
+      ></path>
+      <path
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="1.5"
+        d="M2.38 18.35v-9.8c0-1.4.6-1.9 2-1.9h1c1.4 0 2 .5 2 1.9v9.8c0 1.4-.6 1.9-2 1.9h-1c-1.4 0-2-.5-2-1.9z"
+      ></path>
+    </svg>
+  );
+}
+
+export default LikeIcon;

package/src/components/LandingPage/common/icons/LogoutIcon.tsx

@@ -0,0 +1,23 @@
+import React from "react";
+
+function LogoutIcon({height=24,width=24,...rest}) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={width}
+      height={height}
+      fill="none"
+      viewBox="0 0 24 24"
+    >
+      <path
+        stroke="#FF113C"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="1.5"
+        d="M15.1 7.56c-.31-3.6-2.16-5.07-6.21-5.07h-.13c-4.47 0-6.26 1.79-6.26 6.26v6.52c0 4.47 1.79 6.26 6.26 6.26h.13c4.02 0 5.87-1.45 6.2-4.99M9 12h11.38M18.15 8.65L21.5 12l-3.35 3.35"
+      ></path>
+    </svg>
+  );
+}
+
+export default LogoutIcon;

package/src/components/LandingPage/common/icons/MailIcon.tsx

@@ -0,0 +1,32 @@
+import React from "react";
+
+const MailIcon = ({ width = "24", height = "24", color = "#BFBFBF" }) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={width}
+      height={height}
+      fill="none"
+      viewBox="0 0 24 24"
+    >
+      <path
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeMiterlimit="10"
+        strokeWidth="1.5"
+        d="M17 20.5H7c-3 0-5-1.5-5-5v-7c0-3.5 2-5 5-5h10c3 0 5 1.5 5 5v7c0 3.5-2 5-5 5z"
+      ></path>
+      <path
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeMiterlimit="10"
+        strokeWidth="1.5"
+        d="M17 9l-3.13 2.5c-1.03.82-2.72.82-3.75 0L7 9"
+      ></path>
+    </svg>
+  );
+}
+
+export default MailIcon;

package/src/components/LandingPage/common/icons/OnchainIcon.tsx

@@ -0,0 +1,97 @@
+const OnchainIcon = () => {
+  return (
+    <svg
+      width="22"
+      height="22"
+      viewBox="0 0 22 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clip-path="url(#clip0_1344_2756)">
+        <path
+          d="M6.0498 8.6178V13.3809C6.0498 13.6759 6.20697 13.9481 6.4623 14.0954L10.5873 16.4772C10.8426 16.6244 11.157 16.6244 11.4123 16.4772L15.5373 14.0954C15.7926 13.9481 15.9498 13.6755 15.9498 13.3809V8.6178C15.9498 8.32287 15.7926 8.05062 15.5373 7.90335L11.4123 5.52158C11.157 5.37432 10.8426 5.37432 10.5873 5.52158L6.4623 7.90335C6.20697 8.05062 6.0498 8.32328 6.0498 8.6178Z"
+          fill="#DCB9B9"
+        />
+        <path
+          d="M11.4125 16.4784L15.5375 14.097C15.7928 13.9498 15.95 13.6771 15.95 13.3826V8.61945C15.95 8.32451 15.7928 8.05226 15.5375 7.905L11.4125 5.52364C11.285 5.4498 11.1423 5.41309 11 5.41309V16.5894C11.1423 16.5894 11.285 16.5522 11.4125 16.4784Z"
+          fill="#BC8686"
+        />
+        <path
+          d="M11.0001 11.0007L15.8395 8.20684C15.7682 8.08351 15.6651 7.97873 15.5376 7.9049L11.4126 5.52353C11.1573 5.37627 10.8429 5.37627 10.5876 5.52353L6.46259 7.9049C6.33513 7.97873 6.23201 8.08351 6.16064 8.20684L11.0001 11.0007Z"
+          fill="#DED0D0"
+        />
+        <path
+          d="M3.67813 13.3727C3.45043 13.3727 3.26562 13.1879 3.26562 12.9602V9.04141C3.26562 8.81371 3.45043 8.62891 3.67813 8.62891C3.90583 8.62891 4.09063 8.81371 4.09063 9.04141V12.9602C4.09063 13.1879 3.90583 13.3727 3.67813 13.3727Z"
+          fill="#C4C6C6"
+        />
+        <path
+          d="M12.9599 18.7346C12.8172 18.7346 12.6782 18.6603 12.6019 18.5279C12.4884 18.3303 12.5561 18.0783 12.7537 17.9645L16.1568 16.0051C16.3544 15.8916 16.6064 15.9597 16.7203 16.1569C16.8337 16.3545 16.766 16.6065 16.5685 16.7204L13.1653 18.6797C13.1006 18.7169 13.0296 18.7346 12.9599 18.7346Z"
+          fill="#C4C6C6"
+        />
+        <path
+          d="M16.3617 6.05012C16.292 6.05012 16.2211 6.03238 16.1563 5.99526L12.7532 4.03588C12.5556 3.92203 12.4879 3.66999 12.6014 3.47241C12.7152 3.27482 12.9681 3.20717 13.1648 3.32061L16.568 5.27998C16.7656 5.39383 16.8332 5.64587 16.7198 5.84346C16.6435 5.97587 16.5049 6.05012 16.3617 6.05012Z"
+          fill="#C4C6C6"
+        />
+        <path
+          d="M18.3217 13.3727C18.094 13.3727 17.9092 13.1879 17.9092 12.9602V9.04141C17.9092 8.81371 18.094 8.62891 18.3217 8.62891C18.5494 8.62891 18.7342 8.81371 18.7342 9.04141V12.9602C18.7342 13.1879 18.5494 13.3727 18.3217 13.3727Z"
+          fill="#C4C6C6"
+        />
+        <path
+          d="M9.04043 18.7344C8.97072 18.7344 8.89977 18.7167 8.835 18.6796L5.43188 16.7202C5.23429 16.6063 5.16664 16.3543 5.28008 16.1567C5.39393 15.9595 5.64638 15.8919 5.84355 16.0049L9.24668 17.9643C9.44427 18.0781 9.51192 18.3302 9.39848 18.5278C9.32217 18.6602 9.18357 18.7344 9.04043 18.7344Z"
+          fill="#C4C6C6"
+        />
+        <path
+          d="M5.63813 6.04924C5.4954 6.04924 5.35639 5.97499 5.28008 5.84257C5.16664 5.64499 5.23429 5.39295 5.43188 5.2791L8.835 3.31972C9.03259 3.20587 9.28463 3.27435 9.39848 3.47152C9.51192 3.66911 9.44427 3.92115 9.24668 4.035L5.84355 5.99437C5.77879 6.0315 5.70784 6.04924 5.63813 6.04924Z"
+          fill="#C4C6C6"
+        />
+        <path
+          d="M11 3.5752C11.5695 3.5752 12.0312 3.11349 12.0312 2.54395C12.0312 1.9744 11.5695 1.5127 11 1.5127C10.4305 1.5127 9.96875 1.9744 9.96875 2.54395C9.96875 3.11349 10.4305 3.5752 11 3.5752Z"
+          fill="#BC8686"
+        />
+        <path
+          d="M11 20.4883C11.5695 20.4883 12.0312 20.0266 12.0312 19.457C12.0312 18.8875 11.5695 18.4258 11 18.4258C10.4305 18.4258 9.96875 18.8875 9.96875 19.457C9.96875 20.0266 10.4305 20.4883 11 20.4883Z"
+          fill="#BC8686"
+        />
+        <path
+          d="M3.67676 7.80371C4.2463 7.80371 4.70801 7.342 4.70801 6.77246C4.70801 6.20292 4.2463 5.74121 3.67676 5.74121C3.10721 5.74121 2.64551 6.20292 2.64551 6.77246C2.64551 7.342 3.10721 7.80371 3.67676 7.80371Z"
+          fill="#BC8686"
+        />
+        <path
+          d="M18.3232 16.2598C18.8928 16.2598 19.3545 15.7981 19.3545 15.2285C19.3545 14.659 18.8928 14.1973 18.3232 14.1973C17.7537 14.1973 17.292 14.659 17.292 15.2285C17.292 15.7981 17.7537 16.2598 18.3232 16.2598Z"
+          fill="#BC8686"
+        />
+        <path
+          d="M18.3232 7.80371C18.8928 7.80371 19.3545 7.342 19.3545 6.77246C19.3545 6.20292 18.8928 5.74121 18.3232 5.74121C17.7537 5.74121 17.292 6.20292 17.292 6.77246C17.292 7.342 17.7537 7.80371 18.3232 7.80371Z"
+          fill="#BC8686"
+        />
+        <path
+          d="M3.67676 16.2598C4.2463 16.2598 4.70801 15.7981 4.70801 15.2285C4.70801 14.659 4.2463 14.1973 3.67676 14.1973C3.10721 14.1973 2.64551 14.659 2.64551 15.2285C2.64551 15.7981 3.10721 16.2598 3.67676 16.2598Z"
+          fill="#BC8686"
+        />
+      </g>
+      <path
+        d="M15.9731 12.6846C16.4473 11.9259 17.5523 11.9259 18.0266 12.6846C18.3004 13.1227 18.8221 13.3388 19.3255 13.2226C20.1974 13.0215 20.9787 13.8028 20.7775 14.6746C20.6614 15.1781 20.8775 15.6997 21.3156 15.9736C22.0743 16.4478 22.0743 17.5528 21.3156 18.0271C20.8775 18.3009 20.6614 18.8226 20.7775 19.326C20.9787 20.1978 20.1974 20.9792 19.3255 20.778C18.8221 20.6619 18.3004 20.878 18.0266 21.3161C17.5523 22.0748 16.4473 22.0748 15.9731 21.3161C15.6992 20.878 15.1776 20.6619 14.6742 20.778C13.8023 20.9792 13.021 20.1978 13.2221 19.326C13.3383 18.8226 13.1222 18.3009 12.6841 18.0271C11.9254 17.5528 11.9254 16.4478 12.6841 15.9736C13.1222 15.6997 13.3383 15.1781 13.2221 14.6746C13.021 13.8028 13.8023 13.0215 14.6742 13.2226C15.1776 13.3388 15.6992 13.1227 15.9731 12.6846Z"
+        fill="#0080FF"
+      />
+      <path
+        d="M15.229 16.9995L16.4082 18.1786L18.7707 15.8203"
+        stroke="white"
+        stroke-width="0.6875"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <defs>
+        <clipPath id="clip0_1344_2756">
+          <rect
+            width="19.8"
+            height="19.8"
+            fill="white"
+            transform="translate(1.1001 1.10059)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export default OnchainIcon;

package/src/components/LandingPage/common/icons/OpenQuotesIcon.tsx

@@ -0,0 +1,17 @@
+import * as React from "react";
+const OpenQuotesIcon = (props: any) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={15}
+    height={12}
+    viewBox="0 0 15 12"
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#CE2E0E"
+      d="M14.407 0v.88c-1.21.455-2.157 1.174-2.843 2.156-.686.97-1.03 1.982-1.03 3.036 0 .227.036.395.105.503.047.072.1.108.158.108.058 0 .145-.042.261-.126.372-.276.843-.413 1.413-.413.663 0 1.25.281 1.762.844.511.55.767 1.21.767 1.976 0 .802-.296 1.51-.89 2.12-.58.61-1.29.916-2.127.916-.977 0-1.82-.413-2.53-1.24-.709-.826-1.063-1.934-1.063-3.323 0-1.617.482-3.066 1.447-4.347.965-1.282 2.489-2.312 4.57-3.09Zm-8.39 0v.88c-1.209.455-2.157 1.174-2.843 2.156-.686.97-1.029 1.982-1.029 3.036 0 .227.035.395.105.503.047.072.099.108.157.108.058 0 .145-.042.262-.126.372-.276.843-.413 1.412-.413.663 0 1.25.281 1.762.844.512.55.767 1.21.767 1.976 0 .802-.296 1.51-.89 2.12-.58.61-1.29.916-2.127.916-.977 0-1.82-.413-2.529-1.24C.354 9.934 0 8.827 0 7.438 0 5.82.483 4.371 1.448 3.09 2.413 1.808 3.936.778 6.018 0Z"
+    />
+  </svg>
+);
+export default OpenQuotesIcon;

package/src/components/LandingPage/common/icons/PhoneIcon.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+
+const PhoneIcon = ({ width = "24", height = "24", color = "#BFBFBF" }) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={width}
+      height={height}
+      fill="none"
+      viewBox="0 0 24 24"
+    >
+      <path
+        stroke={color}
+        strokeMiterlimit="10"
+        strokeWidth="1.5"
+        d="M21.97 18.33c0 .36-.08.73-.25 1.09-.17.36-.39.7-.68 1.02-.49.54-1.03.93-1.64 1.18-.6.25-1.25.38-1.95.38-1.02 0-2.11-.24-3.26-.73s-2.3-1.15-3.44-1.98a28.75 28.75 0 01-3.28-2.8 28.414 28.414 0 01-2.79-3.27c-.82-1.14-1.48-2.28-1.96-3.41C2.24 8.67 2 7.58 2 6.54c0-.68.12-1.33.36-1.93.24-.61.62-1.17 1.15-1.67C4.15 2.31 4.85 2 5.59 2c.28 0 .56.06.81.18.26.12.49.3.67.56l2.32 3.27c.18.25.31.48.4.7.09.21.14.42.14.61 0 .24-.07.48-.21.71-.13.23-.32.47-.56.71l-.76.79c-.11.11-.16.24-.16.4 0 .08.01.15.03.23.03.08.06.14.08.2.18.33.49.76.93 1.28.45.52.93 1.05 1.45 1.58.54.53 1.06 1.02 1.59 1.47.52.44.95.74 1.29.92.05.02.11.05.18.08.08.03.16.04.25.04.17 0 .3-.06.41-.17l.76-.75c.25-.25.49-.44.72-.56.23-.14.46-.21.71-.21.19 0 .39.04.61.13.22.09.45.22.7.39l3.31 2.35c.26.18.44.39.55.64.1.25.16.5.16.78z"
+      ></path>
+    </svg>
+  );
+}
+
+export default PhoneIcon;

package/src/components/LandingPage/common/icons/PlayIcon.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+const PlayIcon = ({ ...rest }) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="40"
+      height="40"
+      fill="none"
+      viewBox="0 0 40 40"
+      {...rest}
+    >
+      <path
+        fill="#F0F0F0"
+        d="M8.334 20v-5.934c0-7.366 5.217-10.383 11.6-6.7l5.15 2.967 5.15 2.967c6.383 3.683 6.383 9.716 0 13.4l-5.15 2.966-5.15 2.967c-6.383 3.683-11.6.667-11.6-6.7V20z"
+      ></path>
+    </svg>
+  );
+}
+
+export default PlayIcon;

package/src/components/LandingPage/common/icons/PressureClockIcon.tsx

@@ -0,0 +1,32 @@
+import React from "react";
+
+function PressureClockIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="32"
+      height="32"
+      fill="none"
+      viewBox="0 0 32 32"
+    >
+      <path
+        stroke="#D9D9D9"
+        strokeWidth="1.333"
+        d="M29.333 16c0 7.364-5.97 13.333-13.333 13.333-7.364 0-13.334-5.97-13.334-13.333C2.666 8.636 8.636 2.666 16 2.666S29.333 8.636 29.333 16z"
+      ></path>
+      <path
+        stroke="#D9D9D9"
+        strokeLinecap="round"
+        strokeWidth="1.333"
+        d="M25.333 25.333l-2-2m2-16.666l-2 2M6.667 25.332l2-2m-2-16.666l2 2m-6 7.333h2.666m21.334 0h2.666M16 5.333V2.666"
+      ></path>
+      <path
+        stroke="#D9D9D9"
+        strokeWidth="1.333"
+        d="M18.371 19.152a4 4 0 10-5.656-5.657c-.595.594-1.01 1.828-1.296 3.128-.427 1.945-.641 2.917.133 3.693.774.773 1.747.56 3.691.13 1.301-.285 2.533-.7 3.128-1.294z"
+      ></path>
+    </svg>
+  );
+}
+
+export default PressureClockIcon;

package/src/components/LandingPage/common/icons/ProfileIcon.tsx

@@ -0,0 +1,30 @@
+import React from "react";
+
+function ProfileIcon(props: any) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="32"
+      height="32"
+      fill="none"
+      viewBox="0 0 32 32"
+      {...props}
+    >
+      <path
+        stroke="#F0F0F0"
+        strokeLinecap="round"
+        strokeWidth="1.333"
+        d="M7.333 26s4.667-2 6-3.333c1.334-1.334-2.666-1.334-2.666-8C10.667 8 16 8 16 8s5.334 0 5.334 6.667c0 6.666-4 6.666-2.667 8C20 24 24.667 26 24.667 26"
+      ></path>
+      <path
+        fillRule="evenodd"
+        stroke="#F0F0F0"
+        strokeWidth="1.333"
+        d="M16 29.333c7.364 0 13.333-5.97 13.333-13.333 0-7.364-5.97-13.333-13.333-13.333C8.636 2.667 2.666 8.637 2.666 16c0 7.364 5.97 13.333 13.334 13.333z"
+        clipRule="evenodd"
+      ></path>
+    </svg>
+  );
+}
+
+export default ProfileIcon;

package/src/components/LandingPage/common/icons/ReadingBookIcon.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+const ReadingBookIcon = (props: any) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={25}
+    height={24}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#fff"
+      fillRule="evenodd"
+      d="M12.102 18.636a.75.75 0 0 0 .398.11.75.75 0 0 0 .398-.11l1.135-.681a8.308 8.308 0 0 1 7.36-.59c.89.356 1.857-.3 1.857-1.257V4.45c0-.578-.352-1.097-.889-1.312a10.7 10.7 0 0 0-9.48.76l-.381.226-.382-.23a10.7 10.7 0 0 0-9.48-.76A1.413 1.413 0 0 0 1.75 4.45v11.66c0 .957.967 1.612 1.857 1.256a8.308 8.308 0 0 1 7.36.59l1.135.68ZM3.25 4.508v11.387a9.808 9.808 0 0 1 8.489.774l.011.006V5.425l-.403-.242a9.201 9.201 0 0 0-8.097-.675Zm10.011 12.16-.011.007V5.425l.403-.242a9.2 9.2 0 0 1 8.097-.675v11.387a9.809 9.809 0 0 0-8.489.774v-.001Z"
+      clipRule="evenodd"
+    />
+    <path
+      fill="#fff"
+      d="M9.775 19.042a6.5 6.5 0 0 0-6.55 0l-.103.06a.749.749 0 0 0 .187 1.374.751.751 0 0 0 .569-.078l.103-.06a5 5 0 0 1 5.038 0l1.088.634a4.75 4.75 0 0 0 4.786 0l1.088-.634a5 5 0 0 1 5.038 0l.103.06a.75.75 0 0 0 .756-1.296l-.103-.06a6.5 6.5 0 0 0-6.55 0l-1.087.634a3.25 3.25 0 0 1-3.276 0l-1.087-.634Z"
+    />
+  </svg>
+);
+export default ReadingBookIcon;

package/src/components/LandingPage/common/icons/ScaleIcon.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+
+function ScaleIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="32"
+      height="32"
+      fill="none"
+      viewBox="0 0 32 32"
+    >
+      <path
+        stroke="#BFBFBF"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M23 3H9a6 6 0 00-6 6v14a6 6 0 006 6h14a6 6 0 006-6V9a6 6 0 00-6-6z"
+      ></path>
+      <path
+        stroke="#BFBFBF"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M23.56 10.516C22.169 9.25 19.652 7.593 16 7.593c-3.652 0-6.169 1.656-7.56 2.923a1.971 1.971 0 00-.174 2.734l1.895 2.23a1.483 1.483 0 001.91.296c.906-.559 2.327-1.23 3.93-1.23 1.603 0 3.024.671 3.93 1.23a1.483 1.483 0 001.91-.296l1.893-2.23a1.971 1.971 0 00-.174-2.734z"
+      ></path>
+    </svg>
+  );
+}
+
+export default ScaleIcon;