ui-landing-page 6.1.0

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

@@ -0,0 +1,30 @@
+interface Props {
+  width?: number;
+  height?: number;
+}
+
+const TickIconGreen = ({ width = 20, height = 20 }: Props) => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8.13352 2.15351C8.9958 0.774038 11.0049 0.774038 11.8671 2.15351C12.365 2.95006 13.3135 3.34294 14.2288 3.13176C15.814 2.76605 17.2346 4.18666 16.8689 5.77181C16.6577 6.68714 17.0506 7.63562 17.8471 8.13352C19.2266 8.9958 19.2266 11.0049 17.8471 11.8671C17.0506 12.365 16.6577 13.3135 16.8689 14.2288C17.2346 15.814 15.814 17.2346 14.2288 16.8689C13.3135 16.6577 12.365 17.0506 11.8671 17.8471C11.0049 19.2266 8.9958 19.2266 8.13352 17.8471C7.63562 17.0506 6.68714 16.6577 5.77181 16.8689C4.18666 17.2346 2.76605 15.814 3.13176 14.2288C3.34294 13.3135 2.95006 12.365 2.15351 11.8671C0.774038 11.0049 0.774038 8.9958 2.15351 8.13352C2.95006 7.63562 3.34294 6.68714 3.13176 5.77181C2.76605 4.18666 4.18666 2.76605 5.77182 3.13176C6.68714 3.34294 7.63562 2.95006 8.13352 2.15351Z"
+        fill="#34C759"
+      />
+      <path
+        d="M6.45801 9.99993L8.81634 12.3583L13.5413 7.6416"
+        stroke="white"
+        stroke-width="1.25"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+  );
+};
+
+export default TickIconGreen;

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

@@ -0,0 +1,22 @@
+import React from "react";
+
+function TouchIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="32"
+      height="32"
+      fill="none"
+      viewBox="0 0 32 32"
+    >
+      <path
+        fill="#F0F0F0"
+        fillRule="evenodd"
+        d="M18.147 13.298l-1 .668v-4.35a1.115 1.115 0 10-2.23 0v5.84l-2 1.337v-3.128a6 6 0 117.587-1.233 3.115 3.115 0 012.663 1.98 3.115 3.115 0 014.441 2.819v3.807a9.463 9.463 0 01-9.461 9.462c-1.258 0-2.35-.17-3.34-.582-.995-.414-1.826-1.046-2.596-1.883-1.35-1.467-2.606-3.682-4.286-6.647l-.518-.913 1.675-1.12c.018.045.04.09.064.131l.464.818.002.003c1.748 3.083 2.884 5.085 4.07 6.374.618.67 1.22 1.11 1.893 1.39.68.282 1.494.429 2.572.429a7.46 7.46 0 007.461-7.462v-3.807a1.115 1.115 0 10-2.23 0 1 1 0 11-2 0v-1.693a1.115 1.115 0 10-2.231 0 1 1 0 01-2 0v-1.572l1-.668zm1-2.366a4 4 0 10-6.23.15V9.616a3.115 3.115 0 116.23 0v1.317zm-4.23 4.525l2.23-1.49-2.23 1.49zm-4.018 2.684l-1.817 1.215L10.9 18.14zm1.675-1.119l-1.675 1.12a1.116 1.116 0 01.192.252l1.976 3.173a1 1 0 001.85-.529v-5.581l-2 1.337-.343.228a3.116 3.116 0 00-5.167 3.453l1.675-1.12a1.115 1.115 0 011.817-1.214l1.675-1.12v.001zm0 0l.342-.228v.747l-.12-.194a3.126 3.126 0 00-.222-.325z"
+        clipRule="evenodd"
+      ></path>
+    </svg>
+  );
+}
+
+export default TouchIcon;

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

@@ -0,0 +1,23 @@
+import React from "react";
+
+function WaterDropIcon(props: any) {
+  return (
+    <svg
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M21.3332 17.8467C21.3363 19.4705 20.7058 21.0314 19.5758 22.1974C18.9476 22.8443 18.1808 23.3403 17.3332 23.6481M25.3332 18.2561C25.3332 9.48675 15.9998 2.66675 15.9998 2.66675C15.9998 2.66675 6.6665 9.48675 6.6665 18.2561C6.6665 20.8401 7.64917 23.3187 9.39984 25.1467C11.1505 26.9734 13.5252 28.0001 15.9998 28.0001C18.4758 28.0001 20.8492 26.9734 22.5998 25.1467C24.3505 23.3187 25.3332 20.8401 25.3332 18.2561Z"
+        stroke="#F0F0F0"
+        strokeWidth="1.33333"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export default WaterDropIcon;

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

@@ -0,0 +1,37 @@
+import React from "react";
+
+function WaterIcon(props: any) {
+  return (
+    <svg
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M20.2665 29.3333H11.7332C11.0719 29.337 10.4328 29.0948 9.94002 28.6538C9.44725 28.2127 9.13593 27.6043 9.0665 26.9467L6.6665 4H25.3332L22.9198 26.9467C22.8506 27.602 22.5412 28.2086 22.0513 28.6493C21.5613 29.09 20.9255 29.3337 20.2665 29.3333Z"
+        stroke="#F0F0F0"
+        strokeWidth="1.33333"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M8.6665 17.3333C9.82048 16.4679 10.5574 16 11.9998 16C13.4423 16 14.8459 16.4679 15.9998 17.3333C17.1538 18.1988 18.5574 18.6667 19.9998 18.6667C21.4423 18.6667 22.1792 18.1988 23.3332 17.3333"
+        stroke="#F0F0F0"
+        strokeWidth="1.33333"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M16 13.3333C15.4696 13.3333 14.9609 13.1086 14.5858 12.7085C14.2107 12.3084 14 11.7658 14 11.2C14 10.2661 14.6775 9.5192 15.2733 8.83467L16 8L16.7267 8.83467C17.3225 9.51947 18 10.2664 18 11.2C18 11.7658 17.7893 12.3084 17.4142 12.7085C17.0391 13.1086 16.5304 13.3333 16 13.3333Z"
+        stroke="#F0F0F0"
+        strokeWidth="1.33333"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export default WaterIcon;

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

@@ -0,0 +1,36 @@
+import React from "react";
+
+function WeightIcon(props: any) {
+  return (
+    <svg
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M22 6.66675H27.2C27.4122 6.66675 27.6157 6.75103 27.7657 6.90106C27.9157 7.05109 28 7.25457 28 7.46675V27.2001C28 27.4123 27.9157 27.6157 27.7657 27.7658C27.6157 27.9158 27.4122 28.0001 27.2 28.0001H4.8C4.58783 28.0001 4.38434 27.9158 4.23431 27.7658C4.08429 27.6157 4 27.4123 4 27.2001V7.46675C4 7.25457 4.08429 7.05109 4.23431 6.90106C4.38434 6.75103 4.58783 6.66675 4.8 6.66675H10"
+        stroke="#F0F0F0"
+        strokeWidth="1.33333"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M15.9999 10.6667L14.6666 7.33341M21.7052 8.43875L21.9786 6.79875C21.993 6.71135 21.993 6.62215 21.9786 6.53475L21.7039 4.89475C21.6001 4.27255 21.2792 3.70728 20.798 3.29936C20.3169 2.89145 19.7067 2.6673 19.0759 2.66675H12.9252C12.294 2.66667 11.6832 2.89053 11.2015 3.2985C10.7198 3.70647 10.3984 4.2721 10.2946 4.89475L10.0212 6.53475C10.0066 6.62214 10.0066 6.71136 10.0212 6.79875L10.2946 8.43875C10.3984 9.0614 10.7198 9.62702 11.2015 10.035C11.6832 10.443 12.294 10.6668 12.9252 10.6667H19.0746C19.7058 10.6668 20.3166 10.443 20.7983 10.035C21.28 9.62702 21.6014 9.0614 21.7052 8.43875Z"
+        stroke="#F0F0F0"
+        strokeWidth="1.33333"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M13.3335 20L18.6668 20"
+        stroke="#F0F0F0"
+        strokeWidth="1.33333"
+        strokeLinecap="round"
+      />
+    </svg>
+  );
+}
+
+export default WeightIcon;