ui-landing-page 6.1.0

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

@@ -0,0 +1,287 @@
+import React from "react";
+
+function FourthMedalIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="36"
+      height="36"
+      fill="none"
+      viewBox="0 0 36 36"
+    >
+      <g filter="url(#filter0_d_1247_35658)">
+        <path
+          fill="#8C7A79"
+          d="M9.82 29.174V20.75h6.51v6.16l-6.189 2.482a.234.234 0 01-.32-.217zM26.31 29.174V20.75H19.8v6.16l6.19 2.482a.234.234 0 00.32-.217z"
+        ></path>
+        <g filter="url(#filter1_d_1247_35658)">
+          <path
+            fill="url(#paint0_linear_1247_35658)"
+            d="M17.455 6.825l-8.421 4.58a1.325 1.325 0 00-.692 1.165V23.04c0 .486.265.932.692 1.164l8.42 4.581c.395.215.872.215 1.267 0l8.421-4.58c.427-.233.692-.68.692-1.165V12.57c0-.486-.265-.932-.692-1.164l-8.42-4.581a1.325 1.325 0 00-1.267 0z"
+          ></path>
+          <path
+            fill="url(#paint1_linear_1247_35658)"
+            d="M17.446 8.539l-6.932 3.771a1.32 1.32 0 00-.69 1.16v8.632c0 .483.265.928.69 1.16l6.932 3.77a1.32 1.32 0 001.262 0l6.933-3.77a1.32 1.32 0 00.69-1.16V13.47a1.32 1.32 0 00-.69-1.16L18.708 8.54a1.32 1.32 0 00-1.262 0z"
+          ></path>
+          <g filter="url(#filter2_f_1247_35658)">
+            <path
+              stroke="url(#paint2_linear_1247_35658)"
+              strokeWidth="0.078"
+              d="M17.446 8.539l-6.932 3.771a1.32 1.32 0 00-.69 1.16v8.632c0 .483.265.928.69 1.16l6.932 3.77a1.32 1.32 0 001.262 0l6.933-3.77a1.32 1.32 0 00.69-1.16V13.47a1.32 1.32 0 00-.69-1.16L18.708 8.54a1.32 1.32 0 00-1.262 0z"
+            ></path>
+          </g>
+          <g opacity="0.5">
+            <mask
+              id="mask0_1247_35658"
+              style={{ maskType: "alpha" }}
+              width="16"
+              height="18"
+              x="10"
+              y="9"
+              maskUnits="userSpaceOnUse"
+            >
+              <path
+                fill="#A6D3DE"
+                d="M17.528 9.301l-6.346 3.45c-.405.219-.657.642-.657 1.103v7.894c0 .46.252.884.657 1.104l6.346 3.449c.374.203.825.203 1.2 0l6.345-3.45c.405-.22.656-.643.656-1.103v-7.894c0-.46-.251-.884-.656-1.104l-6.346-3.449a1.256 1.256 0 00-1.2 0z"
+              ></path>
+            </mask>
+            <g mask="url(#mask0_1247_35658)">
+              <path
+                fill="url(#paint3_radial_1247_35658)"
+                d="M17.528 9.301l-6.346 3.45c-.405.219-.657.642-.657 1.103v7.894c0 .46.252.884.657 1.104l6.346 3.449c.374.203.825.203 1.2 0l6.345-3.45c.405-.22.656-.643.656-1.103v-7.894c0-.46-.251-.884-.656-1.104l-6.346-3.449a1.256 1.256 0 00-1.2 0z"
+              ></path>
+              <path
+                fill="url(#paint4_linear_1247_35658)"
+                d="M16.857 26.975l-.302-18.35H19.7l-.302 18.35h-2.541z"
+                opacity="0.5"
+              ></path>
+              <path
+                fill="url(#paint5_linear_1247_35658)"
+                d="M16.815 26.812L7.38 11.072l2.724-1.573 8.913 16.043-2.2 1.27z"
+                opacity="0.5"
+              ></path>
+              <path
+                fill="url(#paint6_linear_1247_35658)"
+                d="M16.553 25.542l8.914-16.043 2.724 1.573-9.436 15.74-2.201-1.27z"
+                opacity="0.5"
+              ></path>
+              <path
+                fill="url(#paint7_linear_1247_35658)"
+                d="M10.525 16.752H25.729V26.625999999999998H10.525z"
+              ></path>
+              <g filter="url(#filter3_i_1247_35658)">
+                <path
+                  fill="#BCB0AE"
+                  fillOpacity="0.03"
+                  d="M17.528 9.301l-6.346 3.45c-.405.219-.657.642-.657 1.103v7.894c0 .46.252.884.657 1.104l6.346 3.449c.374.203.825.203 1.2 0l6.345-3.45c.405-.22.656-.643.656-1.103v-7.894c0-.46-.251-.884-.656-1.104l-6.346-3.449a1.256 1.256 0 00-1.2 0z"
+                ></path>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+      <defs>
+        <filter
+          id="filter0_d_1247_35658"
+          width="24.17"
+          height="27.423"
+          x="6.003"
+          y="4.324"
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix"></feFlood>
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          ></feColorMatrix>
+          <feOffset></feOffset>
+          <feGaussianBlur stdDeviation="1.17"></feGaussianBlur>
+          <feColorMatrix values="0 0 0 0 0.92549 0 0 0 0 0.909804 0 0 0 0 0.913725 0 0 0 0.48 0"></feColorMatrix>
+          <feBlend
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_1247_35658"
+          ></feBlend>
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_1247_35658"
+            result="shape"
+          ></feBlend>
+        </filter>
+        <filter
+          id="filter1_d_1247_35658"
+          width="20.428"
+          height="23.375"
+          x="7.874"
+          y="6.664"
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix"></feFlood>
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          ></feColorMatrix>
+          <feOffset dy="0.624"></feOffset>
+          <feGaussianBlur stdDeviation="0.234"></feGaussianBlur>
+          <feColorMatrix values="0 0 0 0 0.475 0 0 0 0 0.425521 0 0 0 0 0.425521 0 0 0 0.35 0"></feColorMatrix>
+          <feBlend
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_1247_35658"
+          ></feBlend>
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_1247_35658"
+            result="shape"
+          ></feBlend>
+        </filter>
+        <filter
+          id="filter2_f_1247_35658"
+          width="16.631"
+          height="18.94"
+          x="9.762"
+          y="8.316"
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix"></feFlood>
+          <feBlend
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          ></feBlend>
+          <feGaussianBlur
+            result="effect1_foregroundBlur_1247_35658"
+            stdDeviation="0.012"
+          ></feGaussianBlur>
+        </filter>
+        <filter
+          id="filter3_i_1247_35658"
+          width="15.203"
+          height="17.304"
+          x="10.525"
+          y="9.149"
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix"></feFlood>
+          <feBlend
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          ></feBlend>
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          ></feColorMatrix>
+          <feOffset></feOffset>
+          <feGaussianBlur stdDeviation="0.524"></feGaussianBlur>
+          <feComposite
+            in2="hardAlpha"
+            k2="-1"
+            k3="1"
+            operator="arithmetic"
+          ></feComposite>
+          <feColorMatrix values="0 0 0 0 0.508333 0 0 0 0 0.437506 0 0 0 0 0.415139 0 0 0 1 0"></feColorMatrix>
+          <feBlend
+            in2="shape"
+            result="effect1_innerShadow_1247_35658"
+          ></feBlend>
+        </filter>
+        <linearGradient
+          id="paint0_linear_1247_35658"
+          x1="13.995"
+          x2="22.766"
+          y1="9.209"
+          y2="26.635"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#EDE9EA"></stop>
+          <stop offset="1" stopColor="#BEB5B6"></stop>
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_1247_35658"
+          x1="13.918"
+          x2="21.481"
+          y1="10.652"
+          y2="24.608"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#C3BBBB"></stop>
+          <stop offset="1" stopColor="#ECE8E9"></stop>
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_1247_35658"
+          x1="14.736"
+          x2="22.884"
+          y1="10.145"
+          y2="24.803"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#C9C2C3"></stop>
+          <stop offset="1" stopColor="#fff"></stop>
+        </linearGradient>
+        <radialGradient
+          id="paint3_radial_1247_35658"
+          cx="0"
+          cy="0"
+          r="1"
+          gradientTransform="matrix(0 8.82577 -7.60201 0 18.127 17.8)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#DFD6D5"></stop>
+          <stop offset="1" stopColor="#918888"></stop>
+        </radialGradient>
+        <linearGradient
+          id="paint4_linear_1247_35658"
+          x1="18.128"
+          x2="18.128"
+          y1="8.625"
+          y2="26.975"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#fff"></stop>
+          <stop offset="1" stopColor="#F2EDED" stopOpacity="0"></stop>
+        </linearGradient>
+        <linearGradient
+          id="paint5_linear_1247_35658"
+          x1="8.741"
+          x2="17.916"
+          y1="10.286"
+          y2="26.177"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#fff"></stop>
+          <stop offset="1" stopColor="#F2EDED" stopOpacity="0"></stop>
+        </linearGradient>
+        <linearGradient
+          id="paint6_linear_1247_35658"
+          x1="26.829"
+          x2="17.654"
+          y1="10.286"
+          y2="26.177"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#fff"></stop>
+          <stop offset="1" stopColor="#F2EDED" stopOpacity="0"></stop>
+        </linearGradient>
+        <linearGradient
+          id="paint7_linear_1247_35658"
+          x1="18.127"
+          x2="18.081"
+          y1="21.033"
+          y2="26.014"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#DEDADA" stopOpacity="0"></stop>
+          <stop offset="1" stopColor="#DECFCF"></stop>
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+}
+
+export default FourthMedalIcon;

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

@@ -0,0 +1,23 @@
+import React from "react";
+
+function GoBackIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      fill="none"
+      viewBox="0 0 24 24"
+    >
+      <path
+        stroke="#F0F0F0"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="1.5"
+        d="M14 18l-6-6 6-6"
+      ></path>
+    </svg>
+  );
+}
+
+export default GoBackIcon;

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

@@ -0,0 +1,41 @@
+import React from "react";
+
+function GoogleIcon(props: any) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      fill="none"
+      viewBox="0 0 24 24"
+      {...props}
+    >
+      <path
+        fill="#4285F4"
+        fillRule="evenodd"
+        d="M23.04 12.261c0-.815-.073-1.6-.21-2.352H12v4.448h6.19a5.29 5.29 0 01-2.296 3.471v2.886h3.717c2.174-2.002 3.429-4.95 3.429-8.453z"
+        clipRule="evenodd"
+      ></path>
+      <path
+        fill="#34A853"
+        fillRule="evenodd"
+        d="M12 23.5c3.105 0 5.708-1.03 7.61-2.786l-3.716-2.886c-1.03.69-2.347 1.098-3.894 1.098-2.995 0-5.53-2.023-6.435-4.741H1.723v2.98A11.496 11.496 0 0012 23.5z"
+        clipRule="evenodd"
+      ></path>
+      <path
+        fill="#FBBC05"
+        fillRule="evenodd"
+        d="M5.565 14.185A6.913 6.913 0 015.205 12c0-.758.13-1.495.36-2.185v-2.98H1.723A11.495 11.495 0 00.5 12c0 1.856.444 3.612 1.223 5.165l3.842-2.98z"
+        clipRule="evenodd"
+      ></path>
+      <path
+        fill="#EA4335"
+        fillRule="evenodd"
+        d="M12 5.074c1.688 0 3.204.58 4.396 1.72l3.299-3.299C17.703 1.64 15.1.5 12 .5A11.496 11.496 0 001.723 6.835l3.842 2.98C6.47 7.097 9.005 5.074 12 5.074z"
+        clipRule="evenodd"
+      ></path>
+    </svg>
+  );
+}
+
+export default GoogleIcon;