SQuiz/frontPanel
3
0
Fork 0
Code Issues 18 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix: console errors

Browse Source
This commit is contained in:
IlyaDoronin 2023-10-31 14:29:15 +03:00
parent 71f749e892
commit c7a670baf2
43 changed files with 2275 additions and 1058 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
src/assets/LandingPict/calendarIcon.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function CalendarIcon({color}:Props) { export default function CalendarIcon({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,16 +15,64 @@ export default function CalendarIcon({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
width="36"
height="36"
viewBox="0 0 36 36"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="Group 22"> <g id="Group 22">
<rect id="Border" width="36" height="36" rx="6" fill="#7E2AEA"/> <rect id="Border" width="36" height="36" rx="6" fill="#7E2AEA" />
<g id="Group 21"> <g id="Group 21">
<path id="Vector" d="M25.5 9.75H10.5C10.0858 9.75 9.75 10.0858 9.75 10.5V25.5C9.75 25.9142 10.0858 26.25 10.5 26.25H25.5C25.9142 26.25 26.25 25.9142 26.25 25.5V10.5C26.25 10.0858 25.9142 9.75 25.5 9.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path
<path id="Vector_2" d="M22.5 8.25V11.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> id="Vector"
<path id="Vector_3" d="M13.5 8.25V11.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> d="M25.5 9.75H10.5C10.0858 9.75 9.75 10.0858 9.75 10.5V25.5C9.75 25.9142 10.0858 26.25 10.5 26.25H25.5C25.9142 26.25 26.25 25.9142 26.25 25.5V10.5C26.25 10.0858 25.9142 9.75 25.5 9.75Z"
<path id="Vector_4" d="M9.75 14.25H26.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> stroke="white"
<path id="Vector_5" d="M14.625 18H17.25L15.75 19.875C15.9969 19.8746 16.24 19.9351 16.4579 20.0512C16.6757 20.1672 16.8616 20.3353 16.999 20.5404C17.1363 20.7455 17.2209 20.9814 17.2453 21.2271C17.2696 21.4727 17.2329 21.7206 17.1385 21.9487C17.0441 22.1768 16.8949 22.378 16.704 22.5346C16.5132 22.6912 16.2866 22.7983 16.0445 22.8463C15.8024 22.8944 15.5521 22.8819 15.3159 22.81C15.0798 22.7382 14.865 22.6091 14.6906 22.4344" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> strokeWidth="1.5"
<path id="Vector_6" d="M19.5 19.125L21 18V22.875" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> strokeLinecap="round"
strokeLinejoin="round"
/>
<path
id="Vector_2"
d="M22.5 8.25V11.25"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
id="Vector_3"
d="M13.5 8.25V11.25"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
id="Vector_4"
d="M9.75 14.25H26.25"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
id="Vector_5"
d="M14.625 18H17.25L15.75 19.875C15.9969 19.8746 16.24 19.9351 16.4579 20.0512C16.6757 20.1672 16.8616 20.3353 16.999 20.5404C17.1363 20.7455 17.2209 20.9814 17.2453 21.2271C17.2696 21.4727 17.2329 21.7206 17.1385 21.9487C17.0441 22.1768 16.8949 22.378 16.704 22.5346C16.5132 22.6912 16.2866 22.7983 16.0445 22.8463C15.8024 22.8944 15.5521 22.8819 15.3159 22.81C15.0798 22.7382 14.865 22.6091 14.6906 22.4344"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
id="Vector_6"
d="M19.5 19.125L21 18V22.875"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g> </g>
</g> </g>
</svg> </svg>

613
src/assets/LandingPict/notebook.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function Notebook({color}:Props) { export default function Notebook({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,176 +15,521 @@ export default function Notebook({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="279" height="171" viewBox="0 0 279 171" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<path d="M123.717 1.39258V3.94582L126.959 3.94582C127.348 3.94582 127.663 4.26075 127.663 4.64924V6.96329C127.663 7.60426 128.182 8.12386 128.823 8.12386L150.642 8.12386C151.283 8.12386 151.802 7.60426 151.802 6.96329V4.64924C151.802 4.26075 152.117 3.94582 152.506 3.94582L155.284 3.94582V1.39258L123.717 1.39258Z" fill="black"/> width="279"
<circle cx="139.409" cy="4.55077" r="1.06935" transform="rotate(-180 139.409 4.55077)" fill="url(#paint0_linear_3_590)"/> height="171"
<circle cx="139.385" cy="4.52608" r="0.580283" fill="url(#paint1_radial_3_590)"/> viewBox="0 0 279 171"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M123.717 1.39258V3.94582L126.959 3.94582C127.348 3.94582 127.663 4.26075 127.663 4.64924V6.96329C127.663 7.60426 128.182 8.12386 128.823 8.12386L150.642 8.12386C151.283 8.12386 151.802 7.60426 151.802 6.96329V4.64924C151.802 4.26075 152.117 3.94582 152.506 3.94582L155.284 3.94582V1.39258L123.717 1.39258Z"
fill="black"
/>
<circle
cx="139.409"
cy="4.55077"
r="1.06935"
transform="rotate(-180 139.409 4.55077)"
fill="url(#paint0_linear_3_590)"
/>
<circle
cx="139.385"
cy="4.52608"
r="0.580283"
fill="url(#paint1_radial_3_590)"
/>
<g filter="url(#filter0_f_3_590)"> <g filter="url(#filter0_f_3_590)">
<path d="M139.383 4.17799C139.291 4.17799 139.202 4.2269 139.137 4.31396C139.072 4.40102 139.035 4.5191 139.035 4.64222C139.035 4.76534 139.072 4.88342 139.137 4.97048C139.202 5.05754 139.291 5.10645 139.383 5.10645L139.383 4.64222L139.383 4.17799Z" fill="url(#paint2_linear_3_590)"/> <path
d="M139.383 4.17799C139.291 4.17799 139.202 4.2269 139.137 4.31396C139.072 4.40102 139.035 4.5191 139.035 4.64222C139.035 4.76534 139.072 4.88342 139.137 4.97048C139.202 5.05754 139.291 5.10645 139.383 5.10645L139.383 4.64222L139.383 4.17799Z"
fill="url(#paint2_linear_3_590)"
/>
</g> </g>
<g filter="url(#filter1_f_3_590)"> <g filter="url(#filter1_f_3_590)">
<circle cx="139.384" cy="4.29403" r="0.116057" fill="#50326D"/> <circle cx="139.384" cy="4.29403" r="0.116057" fill="#50326D" />
</g> </g>
<g filter="url(#filter2_f_3_590)"> <g filter="url(#filter2_f_3_590)">
<path d="M139.501 5.10643C139.624 5.10643 139.742 5.05752 139.829 4.97046C139.916 4.8834 139.965 4.76533 139.965 4.6422C139.965 4.51908 139.916 4.40101 139.829 4.31395C139.742 4.22689 139.624 4.17798 139.501 4.17798L139.501 4.6422L139.501 5.10643Z" fill="url(#paint3_linear_3_590)"/> <path
d="M139.501 5.10643C139.624 5.10643 139.742 5.05752 139.829 4.97046C139.916 4.8834 139.965 4.76533 139.965 4.6422C139.965 4.51908 139.916 4.40101 139.829 4.31395C139.742 4.22689 139.624 4.17798 139.501 4.17798L139.501 4.6422L139.501 5.10643Z"
fill="url(#paint3_linear_3_590)"
/>
</g> </g>
<g filter="url(#filter3_f_3_590)"> <g filter="url(#filter3_f_3_590)">
<ellipse cx="139.5" cy="4.75815" rx="0.232113" ry="0.116057" fill="url(#paint4_linear_3_590)"/> <ellipse
cx="139.5"
cy="4.75815"
rx="0.232113"
ry="0.116057"
fill="url(#paint4_linear_3_590)"
/>
</g> </g>
<path d="M117.914 159.462H139.501V162.711H121.164C119.369 162.711 117.914 161.257 117.914 159.462Z" fill="url(#paint5_radial_3_590)"/> <path
<path d="M117.914 159.462H139.501V162.711H121.164C119.369 162.711 117.914 161.257 117.914 159.462Z" fill="url(#paint6_linear_3_590)"/> d="M117.914 159.462H139.501V162.711H121.164C119.369 162.711 117.914 161.257 117.914 159.462Z"
<path d="M161.088 159.462H139.501V162.712H157.838C159.633 162.712 161.088 161.257 161.088 159.462Z" fill="url(#paint7_radial_3_590)"/> fill="url(#paint5_radial_3_590)"
<path d="M161.088 159.462H139.501V162.712H157.838C159.633 162.712 161.088 161.257 161.088 159.462Z" fill="url(#paint8_linear_3_590)"/> />
<path d="M249.523 169.443L248.826 168.747H264.958L264.262 169.443H249.523Z" fill="url(#paint9_linear_3_590)"/> <path
<rect x="249.521" y="169.443" width="14.8552" height="0.232113" rx="0.116057" fill="#2A2A2A"/> d="M117.914 159.462H139.501V162.711H121.164C119.369 162.711 117.914 161.257 117.914 159.462Z"
<path d="M249.754 169.675H264.145L263.813 170.165C263.725 170.294 263.58 170.371 263.424 170.371H250.474C250.319 170.371 250.173 170.294 250.086 170.165L249.754 169.675Z" fill="url(#paint10_linear_3_590)"/> fill="url(#paint6_linear_3_590)"
<path d="M14.6241 169.443L13.9277 168.747H30.0596L29.3633 169.443H14.6241Z" fill="url(#paint11_linear_3_590)"/> />
<rect x="14.625" y="169.443" width="14.6231" height="0.232113" rx="0.116057" fill="#2A2A2A"/> <path
<path d="M14.8555 169.675H29.0144L28.6894 170.162C28.6024 170.293 28.456 170.371 28.2992 170.371H15.5707C15.4139 170.371 15.2675 170.293 15.1805 170.162L14.8555 169.675Z" fill="url(#paint12_linear_3_590)"/> d="M161.088 159.462H139.501V162.712H157.838C159.633 162.712 161.088 161.257 161.088 159.462Z"
<path d="M21.9376 6.79972C21.9376 3.23858 24.8245 0.35171 28.3857 0.35171L250.613 0.35171C254.174 0.35171 257.061 3.23858 257.061 6.79973V159.11L21.9376 159.11L21.9376 6.79972Z" stroke="url(#paint13_linear_3_590)" stroke-width="0.70342"/> fill="url(#paint7_radial_3_590)"
<path d="M22.633 6.79261C22.633 3.61996 25.2049 1.048 28.3776 1.048L250.619 1.048C253.792 1.048 256.364 3.61994 256.364 6.7926V159.11L22.633 159.11L22.633 6.79261Z" fill="black" stroke="#2D2E31" stroke-width="0.70342"/> />
<rect x="22.9805" y="153.891" width="233.042" height="5.57072" fill="url(#paint14_linear_3_590)"/> <path
d="M161.088 159.462H139.501V162.712H157.838C159.633 162.712 161.088 161.257 161.088 159.462Z"
fill="url(#paint8_linear_3_590)"
/>
<path
d="M249.523 169.443L248.826 168.747H264.958L264.262 169.443H249.523Z"
fill="url(#paint9_linear_3_590)"
/>
<rect
x="249.521"
y="169.443"
width="14.8552"
height="0.232113"
rx="0.116057"
fill="#2A2A2A"
/>
<path
d="M249.754 169.675H264.145L263.813 170.165C263.725 170.294 263.58 170.371 263.424 170.371H250.474C250.319 170.371 250.173 170.294 250.086 170.165L249.754 169.675Z"
fill="url(#paint10_linear_3_590)"
/>
<path
d="M14.6241 169.443L13.9277 168.747H30.0596L29.3633 169.443H14.6241Z"
fill="url(#paint11_linear_3_590)"
/>
<rect
x="14.625"
y="169.443"
width="14.6231"
height="0.232113"
rx="0.116057"
fill="#2A2A2A"
/>
<path
d="M14.8555 169.675H29.0144L28.6894 170.162C28.6024 170.293 28.456 170.371 28.2992 170.371H15.5707C15.4139 170.371 15.2675 170.293 15.1805 170.162L14.8555 169.675Z"
fill="url(#paint12_linear_3_590)"
/>
<path
d="M21.9376 6.79972C21.9376 3.23858 24.8245 0.35171 28.3857 0.35171L250.613 0.35171C254.174 0.35171 257.061 3.23858 257.061 6.79973V159.11L21.9376 159.11L21.9376 6.79972Z"
stroke="url(#paint13_linear_3_590)"
strokeWidth="0.70342"
/>
<path
d="M22.633 6.79261C22.633 3.61996 25.2049 1.048 28.3776 1.048L250.619 1.048C253.792 1.048 256.364 3.61994 256.364 6.7926V159.11L22.633 159.11L22.633 6.79261Z"
fill="black"
stroke="#2D2E31"
strokeWidth="0.70342"
/>
<rect
x="22.9805"
y="153.891"
width="233.042"
height="5.57072"
fill="url(#paint14_linear_3_590)"
/>
<g filter="url(#filter4_iii_3_590)"> <g filter="url(#filter4_iii_3_590)">
<path d="M0 159.462L279 159.462V164.057C279 166.647 276.9 168.746 274.311 168.746L4.68946 168.746C2.09954 168.746 0 166.647 0 164.057L0 159.462Z" fill="#D1D2D4"/> <path
<path d="M0 159.462L279 159.462V164.057C279 166.647 276.9 168.746 274.311 168.746L4.68946 168.746C2.09954 168.746 0 166.647 0 164.057L0 159.462Z" fill="url(#paint15_linear_3_590)"/> d="M0 159.462L279 159.462V164.057C279 166.647 276.9 168.746 274.311 168.746L4.68946 168.746C2.09954 168.746 0 166.647 0 164.057L0 159.462Z"
fill="#D1D2D4"
/>
<path
d="M0 159.462L279 159.462V164.057C279 166.647 276.9 168.746 274.311 168.746L4.68946 168.746C2.09954 168.746 0 166.647 0 164.057L0 159.462Z"
fill="url(#paint15_linear_3_590)"
/>
</g> </g>
<mask id="mask0_3_590" <mask
id="mask0_3_590"
// style="mask-type:alpha" // style="mask-type:alpha"
maskUnits="userSpaceOnUse" x="26" y="10" width="227" height="144"> maskUnits="userSpaceOnUse"
<rect x="26.0039" y="10.0527" width="226.184" height="143.839" fill="#D9D9D9"/> x="26"
y="10"
width="227"
height="144"
>
<rect
x="26.0039"
y="10.0527"
width="226.184"
height="143.839"
fill="#D9D9D9"
/>
</mask> </mask>
<g mask="url(#mask0_3_590)"> <g mask="url(#mask0_3_590)">
<rect x="26.0039" y="10.0525" width="226.184" height="143.839" fill="#F0F1F6"/> <rect
x="26.0039"
y="10.0525"
width="226.184"
height="143.839"
fill="#F0F1F6"
/>
</g> </g>
<defs> <defs>
<filter id="filter0_f_3_590" x="138.709" y="3.85232" width="0.998971" height="1.57978" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <filter
<feFlood flood-opacity="0" result="BackgroundImageFix"/> id="filter0_f_3_590"
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> x="138.709"
<feGaussianBlur stdDeviation="0.162829" result="effect1_foregroundBlur_3_590"/> y="3.85232"
width="0.998971"
height="1.57978"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation="0.162829"
result="effect1_foregroundBlur_3_590"
/>
</filter> </filter>
<filter id="filter1_f_3_590" x="138.125" y="3.0356" width="2.51719" height="2.51694" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <filter
<feFlood flood-opacity="0" result="BackgroundImageFix"/> id="filter1_f_3_590"
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> x="138.125"
<feGaussianBlur stdDeviation="0.571191" result="effect1_foregroundBlur_3_590"/> y="3.0356"
width="2.51719"
height="2.51694"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation="0.571191"
result="effect1_foregroundBlur_3_590"
/>
</filter> </filter>
<filter id="filter2_f_3_590" x="139.174" y="3.85232" width="1.11616" height="1.57978" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <filter
<feFlood flood-opacity="0" result="BackgroundImageFix"/> id="filter2_f_3_590"
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> x="139.174"
<feGaussianBlur stdDeviation="0.162829" result="effect1_foregroundBlur_3_590"/> y="3.85232"
width="1.11616"
height="1.57978"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation="0.162829"
result="effect1_foregroundBlur_3_590"
/>
</filter> </filter>
<filter id="filter3_f_3_590" x="138.887" y="4.2613" width="1.22643" height="0.993766" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <filter
<feFlood flood-opacity="0" result="BackgroundImageFix"/> id="filter3_f_3_590"
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> x="138.887"
<feGaussianBlur stdDeviation="0.190397" result="effect1_foregroundBlur_3_590"/> y="4.2613"
width="1.22643"
height="0.993766"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation="0.190397"
result="effect1_foregroundBlur_3_590"
/>
</filter> </filter>
<filter id="filter4_iii_3_590" x="0" y="156.648" width="279" height="12.0981" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <filter
<feFlood flood-opacity="0" result="BackgroundImageFix"/> id="filter4_iii_3_590"
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> x="0"
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> y="156.648"
<feOffset dy="-3.98605"/> width="279"
<feGaussianBlur stdDeviation="1.40684"/> height="12.0981"
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> filterUnits="userSpaceOnUse"
<feColorMatrix type="matrix" values="0 0 0 0 0.502066 0 0 0 0 0.502766 0 0 0 0 0.504167 0 0 0 1 0"/> color-interpolation-filters="sRGB"
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3_590"/> >
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feFlood flood-opacity="0" result="BackgroundImageFix" />
<feOffset dy="-1.40684"/> <feBlend
<feGaussianBlur stdDeviation="0.586183"/> mode="normal"
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> in="SourceGraphic"
<feColorMatrix type="matrix" values="0 0 0 0 0.900764 0 0 0 0 0.904549 0 0 0 0 0.908333 0 0 0 1 0"/> in2="BackgroundImageFix"
<feBlend mode="normal" in2="effect1_innerShadow_3_590" result="effect2_innerShadow_3_590"/> result="shape"
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> />
<feOffset dy="-0.234473"/> <feColorMatrix
<feGaussianBlur stdDeviation="0.35171"/> in="SourceAlpha"
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> type="matrix"
<feColorMatrix type="matrix" values="0 0 0 0 0.616667 0 0 0 0 0.616667 0 0 0 0 0.616667 0 0 0 1 0"/> values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
<feBlend mode="normal" in2="effect2_innerShadow_3_590" result="effect3_innerShadow_3_590"/> result="hardAlpha"
/>
<feOffset dy="-3.98605" />
<feGaussianBlur stdDeviation="1.40684" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.502066 0 0 0 0 0.502766 0 0 0 0 0.504167 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_3_590"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="-1.40684" />
<feGaussianBlur stdDeviation="0.586183" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.900764 0 0 0 0 0.904549 0 0 0 0 0.908333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_3_590"
result="effect2_innerShadow_3_590"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="-0.234473" />
<feGaussianBlur stdDeviation="0.35171" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.616667 0 0 0 0 0.616667 0 0 0 0 0.616667 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_3_590"
result="effect3_innerShadow_3_590"
/>
</filter> </filter>
<linearGradient id="paint0_linear_3_590" x1="138.529" y1="3.98464" x2="140.227" y2="4.99109" gradientUnits="userSpaceOnUse"> <linearGradient
<stop stop-color="#222222"/> id="paint0_linear_3_590"
<stop offset="1" stop-color="#0B0B0B"/> x1="138.529"
y1="3.98464"
x2="140.227"
y2="4.99109"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#222222" />
<stop offset="1" stop-color="#0B0B0B" />
</linearGradient> </linearGradient>
<radialGradient id="paint1_radial_3_590" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(139.385 4.47333) rotate(37.875) scale(0.601477 0.605921)"> <radialGradient
<stop stop-color="#152457"/> id="paint1_radial_3_590"
<stop offset="1"/> cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(139.385 4.47333) rotate(37.875) scale(0.601477 0.605921)"
>
<stop stop-color="#152457" />
<stop offset="1" />
</radialGradient> </radialGradient>
<linearGradient id="paint2_linear_3_590" x1="139.122" y1="4.28115" x2="139.417" y2="5.07777" gradientUnits="userSpaceOnUse"> <linearGradient
<stop stop-color="#20569B"/> id="paint2_linear_3_590"
<stop offset="0.677083" stop-color="#061127"/> x1="139.122"
y1="4.28115"
x2="139.417"
y2="5.07777"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#20569B" />
<stop offset="0.677083" stop-color="#061127" />
</linearGradient> </linearGradient>
<linearGradient id="paint3_linear_3_590" x1="139.849" y1="5.00327" x2="139.615" y2="4.16228" gradientUnits="userSpaceOnUse"> <linearGradient
<stop stop-color="#3D6495"/> id="paint3_linear_3_590"
<stop offset="0.71875" stop-color="#061127"/> x1="139.849"
y1="5.00327"
x2="139.615"
y2="4.16228"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#3D6495" />
<stop offset="0.71875" stop-color="#061127" />
</linearGradient> </linearGradient>
<linearGradient id="paint4_linear_3_590" x1="139.809" y1="4.83552" x2="139.7" y2="4.56205" gradientUnits="userSpaceOnUse"> <linearGradient
<stop stop-color="#3291AF"/> id="paint4_linear_3_590"
<stop offset="1" stop-color="#3291AF" stop-opacity="0"/> x1="139.809"
y1="4.83552"
x2="139.7"
y2="4.56205"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#3291AF" />
<stop offset="1" stop-color="#3291AF" stop-opacity="0" />
</linearGradient> </linearGradient>
<radialGradient id="paint5_radial_3_590" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(128.707 159.462) rotate(90) scale(4.52621 30.0669)"> <radialGradient
<stop stop-color="white"/> id="paint5_radial_3_590"
<stop offset="1" stop-color="#D9D9D9"/> cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(128.707 159.462) rotate(90) scale(4.52621 30.0669)"
>
<stop stop-color="white" />
<stop offset="1" stop-color="#D9D9D9" />
</radialGradient> </radialGradient>
<linearGradient id="paint6_linear_3_590" x1="118.32" y1="161.551" x2="122.556" y2="159.462" gradientUnits="userSpaceOnUse"> <linearGradient
<stop offset="0.00209588" stop-color="#242424"/> id="paint6_linear_3_590"
<stop offset="0.34936" stop-color="#EFEFEF"/> x1="118.32"
y1="161.551"
x2="122.556"
y2="159.462"
gradientUnits="userSpaceOnUse"
>
<stop offset="0.00209588" stop-color="#242424" />
<stop offset="0.34936" stop-color="#EFEFEF" />
</linearGradient> </linearGradient>
<radialGradient id="paint7_radial_3_590" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(150.295 159.462) rotate(90) scale(4.52621 30.0669)"> <radialGradient
<stop stop-color="white"/> id="paint7_radial_3_590"
<stop offset="1" stop-color="#D9D9D9"/> cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(150.295 159.462) rotate(90) scale(4.52621 30.0669)"
>
<stop stop-color="white" />
<stop offset="1" stop-color="#D9D9D9" />
</radialGradient> </radialGradient>
<linearGradient id="paint8_linear_3_590" x1="160.682" y1="161.551" x2="156.446" y2="159.462" gradientUnits="userSpaceOnUse"> <linearGradient
<stop offset="0.00209588" stop-color="#242424"/> id="paint8_linear_3_590"
<stop offset="0.34936" stop-color="#EFEFEF"/> x1="160.682"
y1="161.551"
x2="156.446"
y2="159.462"
gradientUnits="userSpaceOnUse"
>
<stop offset="0.00209588" stop-color="#242424" />
<stop offset="0.34936" stop-color="#EFEFEF" />
</linearGradient> </linearGradient>
<linearGradient id="paint9_linear_3_590" x1="248.826" y1="168.863" x2="264.842" y2="168.863" gradientUnits="userSpaceOnUse"> <linearGradient
<stop stop-color="#D1D2D4"/> id="paint9_linear_3_590"
<stop offset="0.063237" stop-color="#818181"/> x1="248.826"
<stop offset="0.507008" stop-color="#D0D0D0"/> y1="168.863"
<stop offset="0.864583" stop-color="#818181"/> x2="264.842"
<stop offset="1" stop-color="#D1D2D4"/> y2="168.863"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#D1D2D4" />
<stop offset="0.063237" stop-color="#818181" />
<stop offset="0.507008" stop-color="#D0D0D0" />
<stop offset="0.864583" stop-color="#818181" />
<stop offset="1" stop-color="#D1D2D4" />
</linearGradient> </linearGradient>
<linearGradient id="paint10_linear_3_590" x1="249.99" y1="169.907" x2="264.145" y2="169.907" gradientUnits="userSpaceOnUse"> <linearGradient
<stop stop-color="#4D4D4D"/> id="paint10_linear_3_590"
<stop offset="0.156699" stop-color="#292929"/> x1="249.99"
<stop offset="0.501829" stop-color="#6A6A6A"/> y1="169.907"
<stop offset="0.884758" stop-color="#2E2D2D"/> x2="264.145"
<stop offset="1" stop-color="#4D4D4D"/> y2="169.907"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#4D4D4D" />
<stop offset="0.156699" stop-color="#292929" />
<stop offset="0.501829" stop-color="#6A6A6A" />
<stop offset="0.884758" stop-color="#2E2D2D" />
<stop offset="1" stop-color="#4D4D4D" />
</linearGradient> </linearGradient>
<linearGradient id="paint11_linear_3_590" x1="13.9277" y1="168.863" x2="29.9435" y2="168.863" gradientUnits="userSpaceOnUse"> <linearGradient
<stop stop-color="#D1D2D4"/> id="paint11_linear_3_590"
<stop offset="0.063237" stop-color="#818181"/> x1="13.9277"
<stop offset="0.507008" stop-color="#D0D0D0"/> y1="168.863"
<stop offset="0.864583" stop-color="#818181"/> x2="29.9435"
<stop offset="1" stop-color="#D1D2D4"/> y2="168.863"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#D1D2D4" />
<stop offset="0.063237" stop-color="#818181" />
<stop offset="0.507008" stop-color="#D0D0D0" />
<stop offset="0.864583" stop-color="#818181" />
<stop offset="1" stop-color="#D1D2D4" />
</linearGradient> </linearGradient>
<linearGradient id="paint12_linear_3_590" x1="15.0876" y1="169.907" x2="29.0144" y2="169.907" gradientUnits="userSpaceOnUse"> <linearGradient
<stop stop-color="#4D4D4D"/> id="paint12_linear_3_590"
<stop offset="0.156699" stop-color="#292929"/> x1="15.0876"
<stop offset="0.501829" stop-color="#6A6A6A"/> y1="169.907"
<stop offset="0.884758" stop-color="#2E2D2D"/> x2="29.0144"
<stop offset="1" stop-color="#4D4D4D"/> y2="169.907"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#4D4D4D" />
<stop offset="0.156699" stop-color="#292929" />
<stop offset="0.501829" stop-color="#6A6A6A" />
<stop offset="0.884758" stop-color="#2E2D2D" />
<stop offset="1" stop-color="#4D4D4D" />
</linearGradient> </linearGradient>
<linearGradient id="paint13_linear_3_590" x1="16.9437" y1="-2.17555e-06" x2="77.177" y2="59.8852" gradientUnits="userSpaceOnUse"> <linearGradient
<stop stop-color="#A8A8A8"/> id="paint13_linear_3_590"
<stop offset="1" stop-color="#737475"/> x1="16.9437"
y1="-2.17555e-06"
x2="77.177"
y2="59.8852"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#A8A8A8" />
<stop offset="1" stop-color="#737475" />
</linearGradient> </linearGradient>
<linearGradient id="paint14_linear_3_590" x1="139.501" y1="153.891" x2="139.501" y2="159.462" gradientUnits="userSpaceOnUse"> <linearGradient
<stop stop-color="#2D2D2D"/> id="paint14_linear_3_590"
<stop offset="1"/> x1="139.501"
y1="153.891"
x2="139.501"
y2="159.462"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#2D2D2D" />
<stop offset="1" />
</linearGradient> </linearGradient>
<linearGradient id="paint15_linear_3_590" x1="0" y1="164.104" x2="279" y2="164.104" gradientUnits="userSpaceOnUse"> <linearGradient
<stop stop-color="#A9AAAC"/> id="paint15_linear_3_590"
<stop offset="0.0205416" stop-color="#F2F2F2" stop-opacity="0.921875"/> x1="0"
<stop offset="0.0339099" stop-color="#787879"/> y1="164.104"
<stop offset="0.124814" stop-color="#D6D6D6" stop-opacity="0.606575"/> x2="279"
<stop offset="0.515625" stop-color="#E4E4E4" stop-opacity="0"/> y2="164.104"
<stop offset="0.864583" stop-color="#D7D7D7" stop-opacity="0.666378"/> gradientUnits="userSpaceOnUse"
<stop offset="0.973923" stop-color="#848484"/> >
<stop offset="0.992314" stop-color="#F4F4F4"/> <stop stop-color="#A9AAAC" />
<stop offset="1" stop-color="#BFBFBF"/> <stop
offset="0.0205416"
stop-color="#F2F2F2"
stop-opacity="0.921875"
/>
<stop offset="0.0339099" stop-color="#787879" />
<stop
offset="0.124814"
stop-color="#D6D6D6"
stop-opacity="0.606575"
/>
<stop offset="0.515625" stop-color="#E4E4E4" stop-opacity="0" />
<stop
offset="0.864583"
stop-color="#D7D7D7"
stop-opacity="0.666378"
/>
<stop offset="0.973923" stop-color="#848484" />
<stop offset="0.992314" stop-color="#F4F4F4" />
<stop offset="1" stop-color="#BFBFBF" />
</linearGradient> </linearGradient>
</defs> </defs>
</svg> </svg>
</Box> </Box>
); );
} }

110
src/assets/LandingPict/youtobeIcon.tsx
View File

@ -1,57 +1,109 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
width?: string; width?: string;
} }
export default function YoutobeIcon({color, width}:Props) { export default function YoutobeIcon({ color, width }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
height: "75px", height: "75px",
width: {width} || "120px", width: { width } || "120px",
display: "flex", display: "flex",
alignItems: "center", alignItems: "center",
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="120" height="75" viewBox="0 0 120 75" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<g clip-path="url(#clip0_105_15)"> width="120"
<rect width="120" height="75" fill="none"/> height="75"
viewBox="0 0 120 75"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_105_15)">
<rect width="120" height="75" fill="none" />
<g filter="url(#filter0_ddd_105_15)"> <g filter="url(#filter0_ddd_105_15)">
<rect width="120" height="75" rx="12" fill="#FB5607"/> <rect width="120" height="75" rx="12" fill="#FB5607" />
</g> </g>
<path d="M84 37L48 16.2154V57.7846L84 37Z" fill="white"/> <path d="M84 37L48 16.2154V57.7846L84 37Z" fill="white" />
</g> </g>
<defs> <defs>
<filter id="filter0_ddd_105_15" x="-17.869" y="0" width="155.738" height="115.205" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <filter
<feFlood flood-opacity="0" result="BackgroundImageFix"/> id="filter0_ddd_105_15"
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> x="-17.869"
<feOffset dy="6.6501"/> y="0"
<feGaussianBlur stdDeviation="2.66004"/> width="155.738"
<feColorMatrix type="matrix" values="0 0 0 0 0.494118 0 0 0 0 0.164706 0 0 0 0 0.917647 0 0 0 0.0282725 0"/> height="115.205"
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_105_15"/> filterUnits="userSpaceOnUse"
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> color-interpolation-filters="sRGB"
<feOffset dy="12.5216"/> >
<feGaussianBlur stdDeviation="5.00862"/> <feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix type="matrix" values="0 0 0 0 0.494118 0 0 0 0 0.164706 0 0 0 0 0.917647 0 0 0 0.035 0"/> <feColorMatrix
<feBlend mode="normal" in2="effect1_dropShadow_105_15" result="effect2_dropShadow_105_15"/> in="SourceAlpha"
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> type="matrix"
<feOffset dy="22.3363"/> values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
<feGaussianBlur stdDeviation="8.93452"/> result="hardAlpha"
<feColorMatrix type="matrix" values="0 0 0 0 0.494118 0 0 0 0 0.164706 0 0 0 0 0.917647 0 0 0 0.0417275 0"/> />
<feBlend mode="normal" in2="effect2_dropShadow_105_15" result="effect3_dropShadow_105_15"/> <feOffset dy="6.6501" />
<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_105_15" result="shape"/> <feGaussianBlur stdDeviation="2.66004" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.494118 0 0 0 0 0.164706 0 0 0 0 0.917647 0 0 0 0.0282725 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_105_15"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="12.5216" />
<feGaussianBlur stdDeviation="5.00862" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.494118 0 0 0 0 0.164706 0 0 0 0 0.917647 0 0 0 0.035 0"
/>
<feBlend
mode="normal"
in2="effect1_dropShadow_105_15"
result="effect2_dropShadow_105_15"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="22.3363" />
<feGaussianBlur stdDeviation="8.93452" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.494118 0 0 0 0 0.164706 0 0 0 0 0.917647 0 0 0 0.0417275 0"
/>
<feBlend
mode="normal"
in2="effect2_dropShadow_105_15"
result="effect3_dropShadow_105_15"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect3_dropShadow_105_15"
result="shape"
/>
</filter> </filter>
<clipPath id="clip0_105_15"> <clipPath id="clip0_105_15">
<rect width="120" height="75" fill="white"/> <rect width="120" height="75" fill="white" />
</clipPath> </clipPath>
</defs> </defs>
</svg> </svg>
</Box> </Box>
); );
} }

2
src/assets/icons/ContactFormIcon/NameIcon.tsx
View File

@ -25,7 +25,7 @@ export default function NameIcon({ color }: Props) {
<path <path
d="M6.5 8.375C8.57107 8.375 10.25 6.69607 10.25 4.625C10.25 2.55393 8.57107 0.875 6.5 0.875C4.42893 0.875 2.75 2.55393 2.75 4.625C2.75 6.69607 4.42893 8.375 6.5 8.375Z" d="M6.5 8.375C8.57107 8.375 10.25 6.69607 10.25 4.625C10.25 2.55393 8.57107 0.875 6.5 0.875C4.42893 0.875 2.75 2.55393 2.75 4.625C2.75 6.69607 4.42893 8.375 6.5 8.375Z"
stroke={color} stroke={color}
stroke-miterlimit="10" strokeMiterlimit="10"
/> />
<path <path
d="M0.8125 11.6568C1.38844 10.659 2.21689 9.83044 3.21458 9.25436C4.21227 8.67828 5.34403 8.375 6.49609 8.375C7.64816 8.375 8.77992 8.67828 9.77761 9.25436C10.7753 9.83044 11.6037 10.659 12.1797 11.6568" d="M0.8125 11.6568C1.38844 10.659 2.21689 9.83044 3.21458 9.25436C4.21227 8.67828 5.34403 8.375 6.49609 8.375C7.64816 8.375 8.77992 8.67828 9.77761 9.25436C10.7753 9.83044 11.6037 10.659 12.1797 11.6568"

4
src/assets/icons/DomenIcon.tsx
View File

@ -31,7 +31,7 @@ export default function DomenIcon({ color, bgcolor }: Props) {
d="M18.3906 26.8906C23.3612 26.8906 27.3906 22.8612 27.3906 17.8906C27.3906 12.9201 23.3612 8.89062 18.3906 8.89062C13.4201 8.89062 9.39062 12.9201 9.39062 17.8906C9.39062 22.8612 13.4201 26.8906 18.3906 26.8906Z" d="M18.3906 26.8906C23.3612 26.8906 27.3906 22.8612 27.3906 17.8906C27.3906 12.9201 23.3612 8.89062 18.3906 8.89062C13.4201 8.89062 9.39062 12.9201 9.39062 17.8906C9.39062 22.8612 13.4201 26.8906 18.3906 26.8906Z"
stroke={color} stroke={color}
strokeWidth="1.5" strokeWidth="1.5"
stroke-miterlimit="10" strokeMiterlimit="10"
/> />
<path <path
d="M9.39062 17.8906H27.3906" d="M9.39062 17.8906H27.3906"
@ -44,7 +44,7 @@ export default function DomenIcon({ color, bgcolor }: Props) {
d="M18.3906 26.6453C20.4617 26.6453 22.1406 22.725 22.1406 17.8891C22.1406 13.0531 20.4617 9.13281 18.3906 9.13281C16.3196 9.13281 14.6406 13.0531 14.6406 17.8891C14.6406 22.725 16.3196 26.6453 18.3906 26.6453Z" d="M18.3906 26.6453C20.4617 26.6453 22.1406 22.725 22.1406 17.8891C22.1406 13.0531 20.4617 9.13281 18.3906 9.13281C16.3196 9.13281 14.6406 13.0531 14.6406 17.8891C14.6406 22.725 16.3196 26.6453 18.3906 26.6453Z"
stroke={color} stroke={color}
strokeWidth="1.5" strokeWidth="1.5"
stroke-miterlimit="10" strokeMiterlimit="10"
/> />
</svg> </svg>
</Box> </Box>

30
src/assets/icons/PenaLogoIcon.tsx
View File

@ -1,16 +1,34 @@
import { FC, SVGProps } from "react"; import { FC, SVGProps } from "react";
export const PenaLogoIcon: FC<SVGProps<SVGSVGElement>> = (props) => ( export const PenaLogoIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
<svg {...props} xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 101 39" fill="none"> <svg
<g clip-path="url(#clip0_1219_7368)"> {...props}
xmlns="http://www.w3.org/2000/svg"
height="1em"
viewBox="0 0 101 39"
fill="none"
>
<g clipPath="url(#clip0_1219_7368)">
<path <path
fill-rule="evenodd" fillRule="evenodd"
clip-rule="evenodd" clipRule="evenodd"
d="M14.5445 1.86361C10.4361 1.38772 7.60178 5.80079 4.9654 8.99079C2.65174 11.7903 0.929012 14.9524 0.728914 18.5804C0.516027 22.4402 1.21619 26.46 3.84576 29.2908C6.55435 32.2068 10.6117 34.0492 14.5445 33.4535C18.1507 32.9073 19.7464 28.9471 22.4312 26.4758C25.3464 23.7924 30.7777 22.5443 30.7023 18.5804C30.6269 14.6104 24.8948 13.8333 22.1367 10.9798C19.2798 8.02414 18.6256 2.33634 14.5445 1.86361Z" d="M14.5445 1.86361C10.4361 1.38772 7.60178 5.80079 4.9654 8.99079C2.65174 11.7903 0.929012 14.9524 0.728914 18.5804C0.516027 22.4402 1.21619 26.46 3.84576 29.2908C6.55435 32.2068 10.6117 34.0492 14.5445 33.4535C18.1507 32.9073 19.7464 28.9471 22.4312 26.4758C25.3464 23.7924 30.7777 22.5443 30.7023 18.5804C30.6269 14.6104 24.8948 13.8333 22.1367 10.9798C19.2798 8.02414 18.6256 2.33634 14.5445 1.86361Z"
fill="#7E2AEA" fill="#7E2AEA"
/> />
<ellipse cx="24.765" cy="31.9447" rx="2.26694" ry="2.26694" fill="#7E2AEA" /> <ellipse
<ellipse cx="22.4984" cy="6.79328" rx="0.863596" ry="0.863596" fill="#7E2AEA" /> cx="24.765"
cy="31.9447"
rx="2.26694"
ry="2.26694"
fill="#7E2AEA"
/>
<ellipse
cx="22.4984"
cy="6.79328"
rx="0.863596"
ry="0.863596"
fill="#7E2AEA"
/>
<path <path
d="M36.3118 17.6519C36.06 15.2038 34.9082 12.9364 33.0798 11.2892C31.2514 9.64197 28.8765 8.73224 26.4155 8.73634C26.0661 8.7365 25.7169 8.75477 25.3694 8.7911C22.9224 9.04804 20.6573 10.202 19.0108 12.0303C17.3643 13.8586 16.4532 16.2319 16.4531 18.6923V18.6923V32.9152H20.72V26.8705C22.3883 28.0311 24.3726 28.6516 26.4048 28.6483C26.7543 28.6482 27.1034 28.6299 27.4509 28.5936C28.7512 28.4569 30.0119 28.0655 31.1609 27.4416C32.3099 26.8177 33.3248 25.9737 34.1476 24.9576C34.9704 23.9415 35.585 22.7733 35.9564 21.5196C36.3277 20.266 36.4485 18.9515 36.3118 17.6512V17.6519ZM30.8317 22.2744C30.363 22.8566 29.7834 23.34 29.1266 23.6967C28.4697 24.0534 27.7486 24.2762 27.005 24.3523C26.8056 24.373 26.6053 24.3835 26.4048 24.3836C25.1144 24.3824 23.8628 23.9426 22.8553 23.1363C21.8478 22.33 21.1443 21.2051 20.8604 19.9463C20.5764 18.6876 20.7289 17.3696 21.2926 16.2089C21.8564 15.0482 22.7981 14.1136 23.963 13.5585C25.1279 13.0035 26.4469 12.8609 27.7036 13.1543C28.9602 13.4477 30.0797 14.1596 30.8784 15.1731C31.6772 16.1866 32.1076 17.4415 32.0991 18.7319C32.0906 20.0223 31.6437 21.2714 30.8317 22.2744Z" d="M36.3118 17.6519C36.06 15.2038 34.9082 12.9364 33.0798 11.2892C31.2514 9.64197 28.8765 8.73224 26.4155 8.73634C26.0661 8.7365 25.7169 8.75477 25.3694 8.7911C22.9224 9.04804 20.6573 10.202 19.0108 12.0303C17.3643 13.8586 16.4532 16.2319 16.4531 18.6923V18.6923V32.9152H20.72V26.8705C22.3883 28.0311 24.3726 28.6516 26.4048 28.6483C26.7543 28.6482 27.1034 28.6299 27.4509 28.5936C28.7512 28.4569 30.0119 28.0655 31.1609 27.4416C32.3099 26.8177 33.3248 25.9737 34.1476 24.9576C34.9704 23.9415 35.585 22.7733 35.9564 21.5196C36.3277 20.266 36.4485 18.9515 36.3118 17.6512V17.6519ZM30.8317 22.2744C30.363 22.8566 29.7834 23.34 29.1266 23.6967C28.4697 24.0534 27.7486 24.2762 27.005 24.3523C26.8056 24.373 26.6053 24.3835 26.4048 24.3836C25.1144 24.3824 23.8628 23.9426 22.8553 23.1363C21.8478 22.33 21.1443 21.2051 20.8604 19.9463C20.5764 18.6876 20.7289 17.3696 21.2926 16.2089C21.8564 15.0482 22.7981 14.1136 23.963 13.5585C25.1279 13.0035 26.4469 12.8609 27.7036 13.1543C28.9602 13.4477 30.0797 14.1596 30.8784 15.1731C31.6772 16.1866 32.1076 17.4415 32.0991 18.7319C32.0906 20.0223 31.6437 21.2714 30.8317 22.2744Z"
fill="currentColor" fill="currentColor"

2
src/assets/icons/VkIcon.tsx
View File

@ -31,7 +31,7 @@ export default function VkIcon({ color, bgcolor }: Props) {
d="M19.9324 24.087V20.4741C22.3592 20.8441 23.1264 22.7539 24.6716 24.087H28.611C27.6261 21.8882 26.1566 19.9406 24.3125 18.3901C25.7272 16.4422 27.229 14.6085 27.9635 11.8281H24.3833C22.9794 13.9556 22.2395 16.4476 19.9324 18.0909V11.8281H14.7361L15.9767 13.3625V18.8309C13.9635 18.5969 12.6032 14.9132 11.1287 11.8281H7.39062C8.75091 15.996 11.6129 25.1426 19.9324 24.087Z" d="M19.9324 24.087V20.4741C22.3592 20.8441 23.1264 22.7539 24.6716 24.087H28.611C27.6261 21.8882 26.1566 19.9406 24.3125 18.3901C25.7272 16.4422 27.229 14.6085 27.9635 11.8281H24.3833C22.9794 13.9556 22.2395 16.4476 19.9324 18.0909V11.8281H14.7361L15.9767 13.3625V18.8309C13.9635 18.5969 12.6032 14.9132 11.1287 11.8281H7.39062C8.75091 15.996 11.6129 25.1426 19.9324 24.087Z"
stroke={color} stroke={color}
strokeWidth="1.5" strokeWidth="1.5"
stroke-miterlimit="10" strokeMiterlimit="10"
/> />
</svg> </svg>
</Box> </Box>

12
src/assets/icons/questionsPage/addEmoji.tsx
View File

@ -37,9 +37,9 @@ export default function AddEmoji() {
<path <path
d="M20 31C21.0949 30.9993 22.1837 30.8371 23.2313 30.5187L31 20C31 17.8244 30.3549 15.6977 29.1462 13.8887C27.9375 12.0798 26.2195 10.6699 24.2095 9.83733C22.1995 9.00477 19.9878 8.78693 17.854 9.21137C15.7202 9.6358 13.7602 10.6835 12.2218 12.2218C10.6835 13.7602 9.6358 15.7202 9.21137 17.854C8.78693 19.9878 9.00477 22.1995 9.83733 24.2095C10.6699 26.2195 12.0798 27.9375 13.8887 29.1462C15.6977 30.3549 17.8244 31 20 31Z" d="M20 31C21.0949 30.9993 22.1837 30.8371 23.2313 30.5187L31 20C31 17.8244 30.3549 15.6977 29.1462 13.8887C27.9375 12.0798 26.2195 10.6699 24.2095 9.83733C22.1995 9.00477 19.9878 8.78693 17.854 9.21137C15.7202 9.6358 13.7602 10.6835 12.2218 12.2218C10.6835 13.7602 9.6358 15.7202 9.21137 17.854C8.78693 19.9878 9.00477 22.1995 9.83733 24.2095C10.6699 26.2195 12.0798 27.9375 13.8887 29.1462C15.6977 30.3549 17.8244 31 20 31Z"
stroke="#7E2AEA" stroke="#7E2AEA"
stroke-width="2" strokeWidth="2"
stroke-linecap="round" strokeLinecap="round"
stroke-linejoin="round" strokeLinejoin="round"
/> />
<path <path
d="M15.875 19.084C16.6344 19.084 17.25 18.4684 17.25 17.709C17.25 16.9496 16.6344 16.334 15.875 16.334C15.1156 16.334 14.5 16.9496 14.5 17.709C14.5 18.4684 15.1156 19.084 15.875 19.084Z" d="M15.875 19.084C16.6344 19.084 17.25 18.4684 17.25 17.709C17.25 16.9496 16.6344 16.334 15.875 16.334C15.1156 16.334 14.5 16.9496 14.5 17.709C14.5 18.4684 15.1156 19.084 15.875 19.084Z"
@ -52,9 +52,9 @@ export default function AddEmoji() {
<path <path
d="M24.7677 22.75C24.2831 23.5849 23.5878 24.2778 22.7512 24.7595C21.9147 25.2412 20.9663 25.4947 20.001 25.4947C19.0357 25.4947 18.0874 25.2412 17.2508 24.7595C16.4143 24.2778 15.719 23.5849 15.2344 22.75" d="M24.7677 22.75C24.2831 23.5849 23.5878 24.2778 22.7512 24.7595C21.9147 25.2412 20.9663 25.4947 20.001 25.4947C19.0357 25.4947 18.0874 25.2412 17.2508 24.7595C16.4143 24.2778 15.719 23.5849 15.2344 22.75"
stroke="#7E2AEA" stroke="#7E2AEA"
stroke-width="2" strokeWidth="2"
stroke-linecap="round" strokeLinecap="round"
stroke-linejoin="round" strokeLinejoin="round"
/> />
</svg> </svg>
</Box> </Box>

8
src/assets/icons/questionsPage/answerGroup.tsx
View File

@ -20,22 +20,22 @@ export default function AnswerGroup({ color, sx }: Props) {
<path <path
d="M1 20V2C1 1.44772 1.44772 1 2 1H22C22.5523 1 23 1.44772 23 2V20C23 20.5523 22.5523 21 22 21H2C1.44772 21 1 20.5523 1 20Z" d="M1 20V2C1 1.44772 1.44772 1 2 1H22C22.5523 1 23 1.44772 23 2V20C23 20.5523 22.5523 21 22 21H2C1.44772 21 1 20.5523 1 20Z"
stroke={color} stroke={color}
stroke-width="1.5" strokeWidth="1.5"
/> />
<path <path
d="M3 6V4.5C3 3.94772 3.44772 3.5 4 3.5H10C10.5523 3.5 11 3.94772 11 4.5V6C11 6.55228 10.5523 7 10 7H4C3.44772 7 3 6.55228 3 6Z" d="M3 6V4.5C3 3.94772 3.44772 3.5 4 3.5H10C10.5523 3.5 11 3.94772 11 4.5V6C11 6.55228 10.5523 7 10 7H4C3.44772 7 3 6.55228 3 6Z"
stroke={color} stroke={color}
stroke-width="1.5" strokeWidth="1.5"
/> />
<path <path
d="M13 6V4.5C13 3.94772 13.4477 3.5 14 3.5H20C20.5523 3.5 21 3.94772 21 4.5V6C21 6.55228 20.5523 7 20 7H14C13.4477 7 13 6.55228 13 6Z" d="M13 6V4.5C13 3.94772 13.4477 3.5 14 3.5H20C20.5523 3.5 21 3.94772 21 4.5V6C21 6.55228 20.5523 7 20 7H14C13.4477 7 13 6.55228 13 6Z"
stroke={color} stroke={color}
stroke-width="1.5" strokeWidth="1.5"
/> />
<path <path
d="M3 12.5V11C3 10.4477 3.44772 10 4 10H20C20.5523 10 21 10.4477 21 11V12.5C21 13.0523 20.5523 13.5 20 13.5H4C3.44772 13.5 3 13.0523 3 12.5Z" d="M3 12.5V11C3 10.4477 3.44772 10 4 10H20C20.5523 10 21 10.4477 21 11V12.5C21 13.0523 20.5523 13.5 20 13.5H4C3.44772 13.5 3 13.0523 3 12.5Z"
stroke={color} stroke={color}
stroke-width="1.5" strokeWidth="1.5"
/> />
</svg> </svg>
</Box> </Box>

12
src/assets/icons/questionsPage/image.tsx
View File

@ -30,16 +30,16 @@ const Image: FC<Iprops> = ({ onClick, sx }) => {
<path <path
d="M24.9583 1H2.04167C1.46637 1 1 1.44772 1 2V20C1 20.5523 1.46637 21 2.04167 21H24.9583C25.5336 21 26 20.5523 26 20V2C26 1.44772 25.5336 1 24.9583 1Z" d="M24.9583 1H2.04167C1.46637 1 1 1.44772 1 2V20C1 20.5523 1.46637 21 2.04167 21H24.9583C25.5336 21 26 20.5523 26 20V2C26 1.44772 25.5336 1 24.9583 1Z"
stroke="#7E2AEA" stroke="#7E2AEA"
stroke-width="2" strokeWidth="2"
stroke-linecap="round" strokeLinecap="round"
stroke-linejoin="round" strokeLinejoin="round"
/> />
<path <path
d="M1 15.9035L7.54948 9.31272C7.64641 9.21368 7.76194 9.13502 7.88936 9.08133C8.01677 9.02765 8.15353 9 8.29167 9C8.4298 9 8.56656 9.02765 8.69398 9.08133C8.82139 9.13502 8.93693 9.21368 9.03385 9.31272L14.8411 15.1567C14.9381 15.2557 15.0536 15.3343 15.181 15.388C15.3084 15.4417 15.4452 15.4694 15.5833 15.4694C15.7215 15.4694 15.8582 15.4417 15.9856 15.388C16.1131 15.3343 16.2286 15.2557 16.3255 15.1567L19.0078 12.4574C19.1047 12.3584 19.2203 12.2797 19.3477 12.2261C19.4751 12.1724 19.6119 12.1447 19.75 12.1447C19.8881 12.1447 20.0249 12.1724 20.1523 12.2261C20.2797 12.2797 20.3953 12.3584 20.4922 12.4574L26 18" d="M1 15.9035L7.54948 9.31272C7.64641 9.21368 7.76194 9.13502 7.88936 9.08133C8.01677 9.02765 8.15353 9 8.29167 9C8.4298 9 8.56656 9.02765 8.69398 9.08133C8.82139 9.13502 8.93693 9.21368 9.03385 9.31272L14.8411 15.1567C14.9381 15.2557 15.0536 15.3343 15.181 15.388C15.3084 15.4417 15.4452 15.4694 15.5833 15.4694C15.7215 15.4694 15.8582 15.4417 15.9856 15.388C16.1131 15.3343 16.2286 15.2557 16.3255 15.1567L19.0078 12.4574C19.1047 12.3584 19.2203 12.2797 19.3477 12.2261C19.4751 12.1724 19.6119 12.1447 19.75 12.1447C19.8881 12.1447 20.0249 12.1724 20.1523 12.2261C20.2797 12.2797 20.3953 12.3584 20.4922 12.4574L26 18"
stroke="#7E2AEA" stroke="#7E2AEA"
stroke-width="2" strokeWidth="2"
stroke-linecap="round" strokeLinecap="round"
stroke-linejoin="round" strokeLinejoin="round"
/> />
<path <path
d="M16.5 9C17.3284 9 18 8.32843 18 7.5C18 6.67157 17.3284 6 16.5 6C15.6716 6 15 6.67157 15 7.5C15 8.32843 15.6716 9 16.5 9Z" d="M16.5 9C17.3284 9 18 8.32843 18 7.5C18 6.67157 17.3284 6 16.5 6C15.6716 6 15 6.67157 15 7.5C15 8.32843 15.6716 9 16.5 9Z"

4
src/assets/icons/questionsPage/lightbulbIcon.tsx
View File

@ -37,8 +37,8 @@ export default function LightbulbIcon({ color }: Props) {
strokeLinejoin="round" strokeLinejoin="round"
/> />
<path <path
fill-rule="evenodd" fillRule="evenodd"
clip-rule="evenodd" clipRule="evenodd"
d="M7.01801 17.4102C7.68288 18.7637 8.6471 19.9482 9.83761 20.8739C10.1972 21.1572 10.4884 21.5177 10.6896 21.9289C10.8909 22.34 10.997 22.7912 11.0001 23.2489V23.9989C11.0001 24.2641 11.1055 24.5185 11.293 24.706C11.4805 24.8935 11.7349 24.9989 12.0001 24.9989H20.0001C20.2653 24.9989 20.5197 24.8935 20.7072 24.706C20.8948 24.5185 21.0001 24.2641 21.0001 23.9989V23.2489C21.001 22.7877 21.1073 22.3328 21.311 21.919C21.5146 21.5052 21.8102 21.1435 22.1751 20.8614C23.827 19.5644 25.0285 17.7803 25.6094 15.7621C26.1904 13.7439 26.1211 11.594 25.4115 9.6173C24.7019 7.64064 23.388 5.93756 21.6561 4.74961C19.9242 3.56166 17.8622 2.94913 15.7626 2.9989C10.3376 3.1239 5.97511 7.6364 6.00011 13.0614C6.00504 14.5694 6.35313 16.0566 7.01801 17.4102ZM17.1464 6.31013C16.7108 6.23629 16.2978 6.52956 16.2239 6.96517C16.1501 7.40078 16.4434 7.81378 16.879 7.88762C17.9379 8.06713 18.915 8.57088 19.6754 9.32936C20.4358 10.0878 20.9421 11.0636 21.1243 12.1221C21.1992 12.5575 21.613 12.8497 22.0484 12.7748C22.4838 12.6998 22.7761 12.2861 22.7011 11.8507C22.4627 10.4657 21.8003 9.18896 20.8053 8.19655C19.8104 7.20413 18.5319 6.545 17.1464 6.31013Z" d="M7.01801 17.4102C7.68288 18.7637 8.6471 19.9482 9.83761 20.8739C10.1972 21.1572 10.4884 21.5177 10.6896 21.9289C10.8909 22.34 10.997 22.7912 11.0001 23.2489V23.9989C11.0001 24.2641 11.1055 24.5185 11.293 24.706C11.4805 24.8935 11.7349 24.9989 12.0001 24.9989H20.0001C20.2653 24.9989 20.5197 24.8935 20.7072 24.706C20.8948 24.5185 21.0001 24.2641 21.0001 23.9989V23.2489C21.001 22.7877 21.1073 22.3328 21.311 21.919C21.5146 21.5052 21.8102 21.1435 22.1751 20.8614C23.827 19.5644 25.0285 17.7803 25.6094 15.7621C26.1904 13.7439 26.1211 11.594 25.4115 9.6173C24.7019 7.64064 23.388 5.93756 21.6561 4.74961C19.9242 3.56166 17.8622 2.94913 15.7626 2.9989C10.3376 3.1239 5.97511 7.6364 6.00011 13.0614C6.00504 14.5694 6.35313 16.0566 7.01801 17.4102ZM17.1464 6.31013C16.7108 6.23629 16.2978 6.52956 16.2239 6.96517C16.1501 7.40078 16.4434 7.81378 16.879 7.88762C17.9379 8.06713 18.915 8.57088 19.6754 9.32936C20.4358 10.0878 20.9421 11.0636 21.1243 12.1221C21.1992 12.5575 21.613 12.8497 22.0484 12.7748C22.4838 12.6998 22.7761 12.2861 22.7011 11.8507C22.4627 10.4657 21.8003 9.18896 20.8053 8.19655C19.8104 7.20413 18.5319 6.545 17.1464 6.31013Z"
fill={color} fill={color}
/> />

141
src/pages/Landing/FooterLanding.tsx
View File

@ -1,83 +1,134 @@
import React from 'react'; import React from "react";
import Box from "@mui/material/Box"; import Box from "@mui/material/Box";
import Typography from '@mui/material/Typography'; import Typography from "@mui/material/Typography";
import Button from "@mui/material/Button"; import Button from "@mui/material/Button";
import PenaLogo from "../../ui_kit/PenaLogo"; import PenaLogo from "../../ui_kit/PenaLogo";
import SectionStyled from './SectionStyled'; import SectionStyled from "./SectionStyled";
import {styled} from "@mui/material/styles"; import { styled } from "@mui/material/styles";
import {useMediaQuery, useTheme} from "@mui/material"; import { useMediaQuery, useTheme } from "@mui/material";
export default function Component() { export default function Component() {
const theme = useTheme(); const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints.down(600)); const isMobile = useMediaQuery(theme.breakpoints.down(600));
const isTablet = useMediaQuery(theme.breakpoints.down(1000)) const isTablet = useMediaQuery(theme.breakpoints.down(1000));
return( return (
<SectionStyled tag={'footer'} bg={'#252734'} mwidth={'1160px'} <SectionStyled
tag={"footer"}
bg={"#252734"}
mwidth={"1160px"}
sxsect={{ sxsect={{
justifyContent: 'space-around', justifyContent: "space-around",
}} }}
sxcont={{ sxcont={{
display: 'flex', display: "flex",
alignItems: 'flex-start', alignItems: "flex-start",
flexDirection: 'column', flexDirection: "column",
minHeight: '236px', minHeight: "236px",
padding: isMobile ? '40px 16px 74px 16px' : isTablet ? '56px 40px' : '56px 0px', padding: isMobile
boxSizing: 'border-box', ? "40px 16px 74px 16px"
}}> : isTablet
? "56px 40px"
: "56px 0px",
boxSizing: "border-box",
}}
>
<Box <Box
sx={{ sx={{
display: 'flex', display: "flex",
height: '50%', height: "50%",
alignItems: "center", alignItems: "center",
width: "100%", width: "100%",
flexWrap: 'wrap', flexWrap: "wrap",
gap: isMobile ? "65px" : "120px" gap: isMobile ? "65px" : "120px",
}} }}
> >
<Box <Box
sx={{ sx={{
width: '170px', width: "170px",
height: '48px', height: "48px",
backgroundSize: 'contain', backgroundSize: "contain",
marginTop: isMobile ? undefined : isTablet ? '15px' : 0 marginTop: isMobile ? undefined : isTablet ? "15px" : 0,
}} }}
> >
<svg width="124" height="48" viewBox="0 0 124 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9015 2.29269C12.8451 1.70698 9.35663 7.13845 6.11187 11.0646C3.26427 14.5102 1.144 18.402 0.897728 22.8672C0.635712 27.6177 1.49746 32.5651 4.73385 36.0493C8.06749 39.6381 13.0612 41.9057 17.9015 41.1726C22.3399 40.5003 24.3038 35.6263 27.6082 32.5846C31.1962 29.2819 37.8808 27.7458 37.7881 22.8672C37.6952 17.9811 30.6403 17.0247 27.2457 13.5127C23.7296 9.87488 22.9244 2.87452 17.9015 2.29269Z" fill="#7E2AEA"/> width="124"
<ellipse cx="30.4815" cy="39.3174" rx="2.79008" ry="2.79008" fill="#7E2AEA"/> height="48"
<circle cx="27.6918" cy="8.36074" r="1.06289" fill="#7E2AEA"/> viewBox="0 0 124 48"
<path d="M44.6914 21.725C44.3815 18.712 42.964 15.9213 40.7136 13.894C38.4632 11.8666 35.5403 10.7469 32.5114 10.752C32.0814 10.7522 31.6516 10.7747 31.2239 10.8194C28.2122 11.1356 25.4243 12.5558 23.3979 14.8061C21.3715 17.0563 20.2501 19.9773 20.25 23.0055V23.0055V40.5105H25.5015V33.0709C27.5548 34.4993 29.997 35.2631 32.4983 35.259C32.9283 35.2589 33.3581 35.2364 33.7858 35.1916C35.3861 35.0234 36.9377 34.5417 38.3519 33.7738C39.7661 33.006 41.0152 31.9671 42.0279 30.7166C43.0405 29.466 43.797 28.0282 44.254 26.4852C44.711 24.9423 44.8596 23.3245 44.6914 21.7241V21.725ZM37.9467 27.4141C37.3698 28.1307 36.6565 28.7258 35.8481 29.1648C35.0397 29.6038 34.1522 29.878 33.237 29.9716C32.9916 29.9971 32.745 30.01 32.4983 30.0101C30.9101 30.0087 29.3696 29.4673 28.1296 28.475C26.8896 27.4826 26.0238 26.0982 25.6743 24.5489C25.3249 22.9996 25.5125 21.3776 26.2063 19.949C26.9002 18.5204 28.0591 17.3701 29.4929 16.687C30.9267 16.0038 32.5501 15.8284 34.0967 16.1895C35.6433 16.5506 37.0212 17.4267 38.0042 18.6741C38.9873 19.9215 39.517 21.466 39.5066 23.0542C39.4961 24.6424 38.9461 26.1798 37.9467 27.4141Z" fill="#F2F3F7"/> fill="none"
<path d="M58.3944 10.7529C57.9643 10.7531 57.5346 10.7756 57.1069 10.8203C53.9863 11.149 51.1108 12.6622 49.0728 15.0482C47.0349 17.4341 45.99 20.511 46.1534 23.6445C46.3168 26.7781 47.676 29.7296 49.9511 31.8906C52.2261 34.0517 55.2434 35.2577 58.3813 35.26C58.8113 35.2598 59.241 35.2373 59.6688 35.1926C61.9187 34.9531 64.0589 34.0972 65.8536 32.7192C67.6482 31.3412 69.0277 29.4945 69.8401 27.3827H63.8542L63.8297 27.4133C63.063 28.3611 62.0621 29.0922 60.9261 29.5344C59.7901 29.9766 58.5583 30.1146 57.3527 29.9347C56.147 29.7547 55.0092 29.2632 54.0517 28.5086C53.0943 27.754 52.3505 26.7625 51.8939 25.6322H70.3617C70.7505 23.8431 70.7342 21.9897 70.3138 20.2078C69.8934 18.4259 69.0797 16.7606 67.9323 15.3339C66.7848 13.9073 65.3327 12.7554 63.6824 11.9628C62.032 11.1701 60.2252 10.7567 58.3944 10.7529V10.7529ZM51.8939 20.3807C52.3719 19.204 53.1603 18.1791 54.175 17.4152C55.1897 16.6512 56.3927 16.177 57.6557 16.043C57.9011 16.0175 58.1477 16.0046 58.3944 16.0044C59.7892 16.0021 61.1528 16.4178 62.3091 17.1978C63.4655 17.9779 64.3615 19.0865 64.8818 20.3807H51.8939Z" fill="#F2F3F7"/> xmlns="http://www.w3.org/2000/svg"
<path d="M83.3332 10.752C81.3261 10.7488 79.3571 11.3007 77.6441 12.3467V10.752H72.3926V35.259H77.6441V21.6926C77.6441 20.1838 78.2435 18.7367 79.3104 17.6698C80.3773 16.6029 81.8244 16.0035 83.3332 16.0035C84.8421 16.0035 86.2891 16.6029 87.3561 17.6698C88.423 18.7367 89.0224 20.1838 89.0224 21.6926V35.259H94.2739V21.6926C94.2739 18.791 93.1212 16.0082 91.0694 13.9564C89.0177 11.9046 86.2349 10.752 83.3332 10.752Z" fill="#F2F3F7"/> >
<path d="M120.533 24.5723V10.753H115.282V12.9411C113.229 11.512 110.786 10.7482 108.285 10.753C107.855 10.7531 107.425 10.7756 106.998 10.8203C103.877 11.149 101.001 12.6622 98.9635 15.0482C96.9255 17.4341 95.8806 20.511 96.044 23.6446C96.2074 26.7781 97.5667 29.7296 99.8417 31.8907C102.117 34.0517 105.134 35.2577 108.272 35.26C108.702 35.2598 109.132 35.2373 109.559 35.1926C112.612 34.8802 115.433 33.4262 117.459 31.1218C119.032 33.2274 121.312 34.6963 123.879 35.26V29.7547C122.883 29.3034 122.037 28.5746 121.444 27.6556C120.851 26.7366 120.535 25.6662 120.533 24.5723ZM113.72 27.4134C113.143 28.1298 112.43 28.7247 111.622 29.1637C110.813 29.6027 109.926 29.8771 109.011 29.9709C108.765 29.9963 108.519 30.0092 108.272 30.0094C106.478 30.0093 104.752 29.3205 103.451 28.0851C102.15 26.8497 101.373 25.162 101.28 23.3702C101.187 21.5784 101.785 19.8193 102.951 18.4559C104.117 17.0925 105.763 16.2287 107.547 16.043C107.792 16.0175 108.039 16.0046 108.285 16.0045C109.607 16.0056 110.902 16.3809 112.019 17.0871C113.137 17.7933 114.032 18.8015 114.6 19.9949C115.169 21.1884 115.388 22.5185 115.232 23.8313C115.077 25.1441 114.552 26.386 113.72 27.4134Z" fill="#F2F3F7"/> <path
<path d="M101.904 37.9189V40.8434C102.395 40.2683 102.983 39.9807 103.667 39.9807C104.018 39.9807 104.334 40.0459 104.616 40.1761C104.899 40.3063 105.11 40.4727 105.251 40.6752C105.396 40.8778 105.494 41.1021 105.544 41.348C105.599 41.594 105.626 41.9756 105.626 42.4929V45.8731H104.101V42.8293C104.101 42.2252 104.072 41.8418 104.014 41.679C103.956 41.5162 103.853 41.3878 103.705 41.2938C103.56 41.1961 103.378 41.1473 103.157 41.1473C102.904 41.1473 102.678 41.2088 102.479 41.3318C102.28 41.4547 102.133 41.641 102.039 41.8906C101.949 42.1366 101.904 42.5019 101.904 42.9866V45.8731H100.379V37.9189H101.904Z" fill="#F2F3F7"/> fillRule="evenodd"
<path d="M110.97 45.8731V45.0104C110.76 45.3179 110.484 45.5603 110.14 45.7375C109.8 45.9147 109.44 46.0034 109.06 46.0034C108.673 46.0034 108.326 45.9184 108.018 45.7484C107.711 45.5783 107.488 45.3396 107.351 45.0321C107.214 44.7247 107.145 44.2997 107.145 43.7571V40.111H108.67V42.7587C108.67 43.569 108.697 44.0664 108.751 44.2508C108.809 44.4317 108.912 44.5764 109.06 44.6849C109.208 44.7898 109.397 44.8422 109.624 44.8422C109.885 44.8422 110.118 44.7717 110.324 44.6306C110.531 44.486 110.672 44.3087 110.748 44.0989C110.824 43.8855 110.862 43.3664 110.862 42.5417V40.111H112.386V45.8731H110.97Z" fill="#F2F3F7"/> clipRule="evenodd"
<path d="M113.905 45.8731V37.9189H115.43V40.7838C115.9 40.2484 116.457 39.9807 117.101 39.9807C117.803 39.9807 118.383 40.2358 118.843 40.7458C119.302 41.2522 119.532 41.981 119.532 42.9324C119.532 43.9162 119.297 44.674 118.827 45.2058C118.36 45.7375 117.792 46.0034 117.123 46.0034C116.794 46.0034 116.468 45.922 116.146 45.7592C115.828 45.5928 115.553 45.3487 115.322 45.0267V45.8731H113.905ZM115.419 42.8673C115.419 43.4641 115.513 43.9054 115.701 44.1912C115.965 44.5963 116.316 44.7988 116.754 44.7988C117.09 44.7988 117.376 44.656 117.611 44.3702C117.85 44.0808 117.969 43.6269 117.969 43.0083C117.969 42.35 117.85 41.8762 117.611 41.5868C117.372 41.2938 117.067 41.1473 116.694 41.1473C116.329 41.1473 116.025 41.2902 115.783 41.5759C115.54 41.8581 115.419 42.2885 115.419 42.8673Z" fill="#F2F3F7"/> d="M17.9015 2.29269C12.8451 1.70698 9.35663 7.13845 6.11187 11.0646C3.26427 14.5102 1.144 18.402 0.897728 22.8672C0.635712 27.6177 1.49746 32.5651 4.73385 36.0493C8.06749 39.6381 13.0612 41.9057 17.9015 41.1726C22.3399 40.5003 24.3038 35.6263 27.6082 32.5846C31.1962 29.2819 37.8808 27.7458 37.7881 22.8672C37.6952 17.9811 30.6403 17.0247 27.2457 13.5127C23.7296 9.87488 22.9244 2.87452 17.9015 2.29269Z"
fill="#7E2AEA"
/>
<ellipse
cx="30.4815"
cy="39.3174"
rx="2.79008"
ry="2.79008"
fill="#7E2AEA"
/>
<circle cx="27.6918" cy="8.36074" r="1.06289" fill="#7E2AEA" />
<path
d="M44.6914 21.725C44.3815 18.712 42.964 15.9213 40.7136 13.894C38.4632 11.8666 35.5403 10.7469 32.5114 10.752C32.0814 10.7522 31.6516 10.7747 31.2239 10.8194C28.2122 11.1356 25.4243 12.5558 23.3979 14.8061C21.3715 17.0563 20.2501 19.9773 20.25 23.0055V23.0055V40.5105H25.5015V33.0709C27.5548 34.4993 29.997 35.2631 32.4983 35.259C32.9283 35.2589 33.3581 35.2364 33.7858 35.1916C35.3861 35.0234 36.9377 34.5417 38.3519 33.7738C39.7661 33.006 41.0152 31.9671 42.0279 30.7166C43.0405 29.466 43.797 28.0282 44.254 26.4852C44.711 24.9423 44.8596 23.3245 44.6914 21.7241V21.725ZM37.9467 27.4141C37.3698 28.1307 36.6565 28.7258 35.8481 29.1648C35.0397 29.6038 34.1522 29.878 33.237 29.9716C32.9916 29.9971 32.745 30.01 32.4983 30.0101C30.9101 30.0087 29.3696 29.4673 28.1296 28.475C26.8896 27.4826 26.0238 26.0982 25.6743 24.5489C25.3249 22.9996 25.5125 21.3776 26.2063 19.949C26.9002 18.5204 28.0591 17.3701 29.4929 16.687C30.9267 16.0038 32.5501 15.8284 34.0967 16.1895C35.6433 16.5506 37.0212 17.4267 38.0042 18.6741C38.9873 19.9215 39.517 21.466 39.5066 23.0542C39.4961 24.6424 38.9461 26.1798 37.9467 27.4141Z"
fill="#F2F3F7"
/>
<path
d="M58.3944 10.7529C57.9643 10.7531 57.5346 10.7756 57.1069 10.8203C53.9863 11.149 51.1108 12.6622 49.0728 15.0482C47.0349 17.4341 45.99 20.511 46.1534 23.6445C46.3168 26.7781 47.676 29.7296 49.9511 31.8906C52.2261 34.0517 55.2434 35.2577 58.3813 35.26C58.8113 35.2598 59.241 35.2373 59.6688 35.1926C61.9187 34.9531 64.0589 34.0972 65.8536 32.7192C67.6482 31.3412 69.0277 29.4945 69.8401 27.3827H63.8542L63.8297 27.4133C63.063 28.3611 62.0621 29.0922 60.9261 29.5344C59.7901 29.9766 58.5583 30.1146 57.3527 29.9347C56.147 29.7547 55.0092 29.2632 54.0517 28.5086C53.0943 27.754 52.3505 26.7625 51.8939 25.6322H70.3617C70.7505 23.8431 70.7342 21.9897 70.3138 20.2078C69.8934 18.4259 69.0797 16.7606 67.9323 15.3339C66.7848 13.9073 65.3327 12.7554 63.6824 11.9628C62.032 11.1701 60.2252 10.7567 58.3944 10.7529V10.7529ZM51.8939 20.3807C52.3719 19.204 53.1603 18.1791 54.175 17.4152C55.1897 16.6512 56.3927 16.177 57.6557 16.043C57.9011 16.0175 58.1477 16.0046 58.3944 16.0044C59.7892 16.0021 61.1528 16.4178 62.3091 17.1978C63.4655 17.9779 64.3615 19.0865 64.8818 20.3807H51.8939Z"
fill="#F2F3F7"
/>
<path
d="M83.3332 10.752C81.3261 10.7488 79.3571 11.3007 77.6441 12.3467V10.752H72.3926V35.259H77.6441V21.6926C77.6441 20.1838 78.2435 18.7367 79.3104 17.6698C80.3773 16.6029 81.8244 16.0035 83.3332 16.0035C84.8421 16.0035 86.2891 16.6029 87.3561 17.6698C88.423 18.7367 89.0224 20.1838 89.0224 21.6926V35.259H94.2739V21.6926C94.2739 18.791 93.1212 16.0082 91.0694 13.9564C89.0177 11.9046 86.2349 10.752 83.3332 10.752Z"
fill="#F2F3F7"
/>
<path
d="M120.533 24.5723V10.753H115.282V12.9411C113.229 11.512 110.786 10.7482 108.285 10.753C107.855 10.7531 107.425 10.7756 106.998 10.8203C103.877 11.149 101.001 12.6622 98.9635 15.0482C96.9255 17.4341 95.8806 20.511 96.044 23.6446C96.2074 26.7781 97.5667 29.7296 99.8417 31.8907C102.117 34.0517 105.134 35.2577 108.272 35.26C108.702 35.2598 109.132 35.2373 109.559 35.1926C112.612 34.8802 115.433 33.4262 117.459 31.1218C119.032 33.2274 121.312 34.6963 123.879 35.26V29.7547C122.883 29.3034 122.037 28.5746 121.444 27.6556C120.851 26.7366 120.535 25.6662 120.533 24.5723ZM113.72 27.4134C113.143 28.1298 112.43 28.7247 111.622 29.1637C110.813 29.6027 109.926 29.8771 109.011 29.9709C108.765 29.9963 108.519 30.0092 108.272 30.0094C106.478 30.0093 104.752 29.3205 103.451 28.0851C102.15 26.8497 101.373 25.162 101.28 23.3702C101.187 21.5784 101.785 19.8193 102.951 18.4559C104.117 17.0925 105.763 16.2287 107.547 16.043C107.792 16.0175 108.039 16.0046 108.285 16.0045C109.607 16.0056 110.902 16.3809 112.019 17.0871C113.137 17.7933 114.032 18.8015 114.6 19.9949C115.169 21.1884 115.388 22.5185 115.232 23.8313C115.077 25.1441 114.552 26.386 113.72 27.4134Z"
fill="#F2F3F7"
/>
<path
d="M101.904 37.9189V40.8434C102.395 40.2683 102.983 39.9807 103.667 39.9807C104.018 39.9807 104.334 40.0459 104.616 40.1761C104.899 40.3063 105.11 40.4727 105.251 40.6752C105.396 40.8778 105.494 41.1021 105.544 41.348C105.599 41.594 105.626 41.9756 105.626 42.4929V45.8731H104.101V42.8293C104.101 42.2252 104.072 41.8418 104.014 41.679C103.956 41.5162 103.853 41.3878 103.705 41.2938C103.56 41.1961 103.378 41.1473 103.157 41.1473C102.904 41.1473 102.678 41.2088 102.479 41.3318C102.28 41.4547 102.133 41.641 102.039 41.8906C101.949 42.1366 101.904 42.5019 101.904 42.9866V45.8731H100.379V37.9189H101.904Z"
fill="#F2F3F7"
/>
<path
d="M110.97 45.8731V45.0104C110.76 45.3179 110.484 45.5603 110.14 45.7375C109.8 45.9147 109.44 46.0034 109.06 46.0034C108.673 46.0034 108.326 45.9184 108.018 45.7484C107.711 45.5783 107.488 45.3396 107.351 45.0321C107.214 44.7247 107.145 44.2997 107.145 43.7571V40.111H108.67V42.7587C108.67 43.569 108.697 44.0664 108.751 44.2508C108.809 44.4317 108.912 44.5764 109.06 44.6849C109.208 44.7898 109.397 44.8422 109.624 44.8422C109.885 44.8422 110.118 44.7717 110.324 44.6306C110.531 44.486 110.672 44.3087 110.748 44.0989C110.824 43.8855 110.862 43.3664 110.862 42.5417V40.111H112.386V45.8731H110.97Z"
fill="#F2F3F7"
/>
<path
d="M113.905 45.8731V37.9189H115.43V40.7838C115.9 40.2484 116.457 39.9807 117.101 39.9807C117.803 39.9807 118.383 40.2358 118.843 40.7458C119.302 41.2522 119.532 41.981 119.532 42.9324C119.532 43.9162 119.297 44.674 118.827 45.2058C118.36 45.7375 117.792 46.0034 117.123 46.0034C116.794 46.0034 116.468 45.922 116.146 45.7592C115.828 45.5928 115.553 45.3487 115.322 45.0267V45.8731H113.905ZM115.419 42.8673C115.419 43.4641 115.513 43.9054 115.701 44.1912C115.965 44.5963 116.316 44.7988 116.754 44.7988C117.09 44.7988 117.376 44.656 117.611 44.3702C117.85 44.0808 117.969 43.6269 117.969 43.0083C117.969 42.35 117.85 41.8762 117.611 41.5868C117.372 41.2938 117.067 41.1473 116.694 41.1473C116.329 41.1473 116.025 41.2902 115.783 41.5759C115.54 41.8581 115.419 42.2885 115.419 42.8673Z"
fill="#F2F3F7"
/>
</svg> </svg>
<Typography color={"#727074"} fontSize={"14px"}>ООО Пена © 2023</Typography> <Typography color={"#727074"} fontSize={"14px"}>
ООО Пена © 2023
</Typography>
</Box> </Box>
<Box <Box
sx={{ sx={{
display: 'flex', display: "flex",
width: '457px', width: "457px",
flexWrap: 'wrap', flexWrap: "wrap",
}} }}
> >
<Box <Box
sx={{ sx={{
display: 'flex', display: "flex",
flexDirection: 'column', flexDirection: "column",
'button':{color: '#F2F3F7', textTransform: 'none'}, button: { color: "#F2F3F7", textTransform: "none" },
}} }}
> >
<Button variant="text" sx={{fontSize: "16px", fontWeight: 500, color: "white"}} href={"https://docs.pena.digital/docs"}> <Button
variant="text"
sx={{ fontSize: "16px", fontWeight: 500, color: "white" }}
href={"https://docs.pena.digital/docs"}
>
Пользовательское соглашение Пользовательское соглашение
</Button> </Button>
</Box> </Box>
</Box> </Box>
</Box> </Box>
</SectionStyled> </SectionStyled>
) );
} }

33
src/pages/Landing/images/icons/DoneIcon.tsx
View File

File diff suppressed because one or more lines are too long

51
src/pages/Landing/images/icons/Group133.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,16 +15,39 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M25.8191 22.2188H10.2095C9.81766 22.2188 9.5 22.3035 9.5 22.408V25.8137C9.5 25.9182 9.81766 26.0029 10.2095 26.0029H25.8191C26.2109 26.0029 26.5286 25.9182 26.5286 25.8137V22.408C26.5286 22.3035 26.2109 22.2188 25.8191 22.2188Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> height="36"
<circle cx="11.4443" cy="24.167" r="0.807589" fill="white"/> viewBox="0 0 36 36"
<path d="M25.8191 16.1016H10.2095C9.81766 16.1016 9.5 16.1863 9.5 16.2908V19.6965C9.5 19.801 9.81766 19.8857 10.2095 19.8857H25.8191C26.2109 19.8857 26.5286 19.801 26.5286 19.6965V16.2908C26.5286 16.1863 26.2109 16.1016 25.8191 16.1016Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> fill="none"
<circle cx="11.4443" cy="18.0498" r="0.807589" fill="white"/> xmlns="http://www.w3.org/2000/svg"
<path d="M25.8191 10H10.2095C9.81766 10 9.5 10.0847 9.5 10.1892V13.5949C9.5 13.6994 9.81766 13.7841 10.2095 13.7841H25.8191C26.2109 13.7841 26.5286 13.6994 26.5286 13.5949V10.1892C26.5286 10.0847 26.2109 10 25.8191 10Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> >
<circle cx="11.4443" cy="11.9482" r="0.807589" fill="white"/> <rect width="36" height="36" rx="6" fill="#7E2AEA" />
</svg> <path
d="M25.8191 22.2188H10.2095C9.81766 22.2188 9.5 22.3035 9.5 22.408V25.8137C9.5 25.9182 9.81766 26.0029 10.2095 26.0029H25.8191C26.2109 26.0029 26.5286 25.9182 26.5286 25.8137V22.408C26.5286 22.3035 26.2109 22.2188 25.8191 22.2188Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<circle cx="11.4443" cy="24.167" r="0.807589" fill="white" />
<path
d="M25.8191 16.1016H10.2095C9.81766 16.1016 9.5 16.1863 9.5 16.2908V19.6965C9.5 19.801 9.81766 19.8857 10.2095 19.8857H25.8191C26.2109 19.8857 26.5286 19.801 26.5286 19.6965V16.2908C26.5286 16.1863 26.2109 16.1016 25.8191 16.1016Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<circle cx="11.4443" cy="18.0498" r="0.807589" fill="white" />
<path
d="M25.8191 10H10.2095C9.81766 10 9.5 10.0847 9.5 10.1892V13.5949C9.5 13.6994 9.81766 13.7841 10.2095 13.7841H25.8191C26.2109 13.7841 26.5286 13.6994 26.5286 13.5949V10.1892C26.5286 10.0847 26.2109 10 25.8191 10Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<circle cx="11.4443" cy="11.9482" r="0.807589" fill="white" />
</svg>
</Box> </Box>
);
) }
};

41
src/pages/Landing/images/icons/Group134.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,14 +15,31 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M16.5624 10.3047H9.80706C9.63748 10.3047 9.5 10.6421 9.5 11.0584V24.6249C9.5 25.0411 9.63748 25.3786 9.80706 25.3786H16.5624C16.732 25.3786 16.8695 25.0411 16.8695 24.6249V11.0584C16.8695 10.6421 16.732 10.3047 16.5624 10.3047Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> height="36"
<circle cx="11.3918" cy="12.2004" r="0.786375" fill="white"/> viewBox="0 0 36 36"
<path d="M26.1913 10.3047H19.436C19.2664 10.3047 19.1289 10.6421 19.1289 11.0584V24.6249C19.1289 25.0411 19.2664 25.3786 19.436 25.3786H26.1913C26.3609 25.3786 26.4984 25.0411 26.4984 24.6249V11.0584C26.4984 10.6421 26.3609 10.3047 26.1913 10.3047Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> fill="none"
<circle cx="21.0208" cy="12.2004" r="0.786375" fill="white"/> xmlns="http://www.w3.org/2000/svg"
</svg> >
<rect width="36" height="36" rx="6" fill="#7E2AEA" />
<path
d="M16.5624 10.3047H9.80706C9.63748 10.3047 9.5 10.6421 9.5 11.0584V24.6249C9.5 25.0411 9.63748 25.3786 9.80706 25.3786H16.5624C16.732 25.3786 16.8695 25.0411 16.8695 24.6249V11.0584C16.8695 10.6421 16.732 10.3047 16.5624 10.3047Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<circle cx="11.3918" cy="12.2004" r="0.786375" fill="white" />
<path
d="M26.1913 10.3047H19.436C19.2664 10.3047 19.1289 10.6421 19.1289 11.0584V24.6249C19.1289 25.0411 19.2664 25.3786 19.436 25.3786H26.1913C26.3609 25.3786 26.4984 25.0411 26.4984 24.6249V11.0584C26.4984 10.6421 26.3609 10.3047 26.1913 10.3047Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<circle cx="21.0208" cy="12.2004" r="0.786375" fill="white" />
</svg>
</Box> </Box>
);
) }
};

61
src/pages/Landing/images/icons/Group135.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,18 +15,47 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M16.9408 21.9531H10.1112C9.93977 21.9531 9.80078 22.0325 9.80078 22.1305V25.3235C9.80078 25.4215 9.93977 25.5009 10.1112 25.5009H16.9408C17.1122 25.5009 17.2512 25.4215 17.2512 25.3235V22.1305C17.2512 22.0325 17.1122 21.9531 16.9408 21.9531Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> height="36"
<circle cx="11.6243" cy="23.7728" r="0.757156" fill="white"/> viewBox="0 0 36 36"
<path d="M16.9408 16.2266H10.1112C9.93977 16.2266 9.80078 16.306 9.80078 16.404V19.597C9.80078 19.695 9.93977 19.7744 10.1112 19.7744H16.9408C17.1122 19.7744 17.2512 19.695 17.2512 19.597V16.404C17.2512 16.306 17.1122 16.2266 16.9408 16.2266Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> fill="none"
<circle cx="11.6243" cy="18.0462" r="0.757156" fill="white"/> xmlns="http://www.w3.org/2000/svg"
<path d="M16.9408 10.5H10.1112C9.93977 10.5 9.80078 10.5794 9.80078 10.6774V13.8704C9.80078 13.9684 9.93977 14.0478 10.1112 14.0478H16.9408C17.1122 14.0478 17.2512 13.9684 17.2512 13.8704V10.6774C17.2512 10.5794 17.1122 10.5 16.9408 10.5Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> >
<circle cx="11.6243" cy="12.3197" r="0.757156" fill="white"/> <rect width="36" height="36" rx="6" fill="#7E2AEA" />
<path d="M26.2297 10.5H19.7253C19.5621 10.5 19.4297 10.8358 19.4297 11.25V24.75C19.4297 25.1642 19.5621 25.5 19.7253 25.5H26.2297C26.3929 25.5 26.5253 25.1642 26.5253 24.75V11.25C26.5253 10.8358 26.3929 10.5 26.2297 10.5Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path
<circle cx="21.097" cy="12.3197" r="0.757156" fill="white"/> d="M16.9408 21.9531H10.1112C9.93977 21.9531 9.80078 22.0325 9.80078 22.1305V25.3235C9.80078 25.4215 9.93977 25.5009 10.1112 25.5009H16.9408C17.1122 25.5009 17.2512 25.4215 17.2512 25.3235V22.1305C17.2512 22.0325 17.1122 21.9531 16.9408 21.9531Z"
</svg> stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<circle cx="11.6243" cy="23.7728" r="0.757156" fill="white" />
<path
d="M16.9408 16.2266H10.1112C9.93977 16.2266 9.80078 16.306 9.80078 16.404V19.597C9.80078 19.695 9.93977 19.7744 10.1112 19.7744H16.9408C17.1122 19.7744 17.2512 19.695 17.2512 19.597V16.404C17.2512 16.306 17.1122 16.2266 16.9408 16.2266Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<circle cx="11.6243" cy="18.0462" r="0.757156" fill="white" />
<path
d="M16.9408 10.5H10.1112C9.93977 10.5 9.80078 10.5794 9.80078 10.6774V13.8704C9.80078 13.9684 9.93977 14.0478 10.1112 14.0478H16.9408C17.1122 14.0478 17.2512 13.9684 17.2512 13.8704V10.6774C17.2512 10.5794 17.1122 10.5 16.9408 10.5Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<circle cx="11.6243" cy="12.3197" r="0.757156" fill="white" />
<path
d="M26.2297 10.5H19.7253C19.5621 10.5 19.4297 10.8358 19.4297 11.25V24.75C19.4297 25.1642 19.5621 25.5 19.7253 25.5H26.2297C26.3929 25.5 26.5253 25.1642 26.5253 24.75V11.25C26.5253 10.8358 26.3929 10.5 26.2297 10.5Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<circle cx="21.097" cy="12.3197" r="0.757156" fill="white" />
</svg>
</Box> </Box>
);
) }
};

47
src/pages/Landing/images/icons/Group136.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,14 +15,37 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M18 26C18.7963 25.9995 19.5881 25.8815 20.35 25.65L26 18C26 16.4178 25.5308 14.871 24.6518 13.5554C23.7727 12.2398 22.5233 11.2145 21.0615 10.609C19.5997 10.0035 17.9911 9.84504 16.4393 10.1537C14.8874 10.4624 13.462 11.2243 12.3431 12.3431C11.2243 13.462 10.4624 14.8874 10.1537 16.4393C9.84504 17.9911 10.0035 19.5997 10.609 21.0615C11.2145 22.5233 12.2398 23.7727 13.5554 24.6518C14.871 25.5308 16.4178 26 18 26Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> height="36"
<path d="M15 17.3359C15.5523 17.3359 16 16.8882 16 16.3359C16 15.7837 15.5523 15.3359 15 15.3359C14.4477 15.3359 14 15.7837 14 16.3359C14 16.8882 14.4477 17.3359 15 17.3359Z" fill="white"/> viewBox="0 0 36 36"
<path d="M21 17.3359C21.5523 17.3359 22 16.8882 22 16.3359C22 15.7837 21.5523 15.3359 21 15.3359C20.4477 15.3359 20 15.7837 20 16.3359C20 16.8882 20.4477 17.3359 21 17.3359Z" fill="white"/> fill="none"
<path d="M21.4685 20C21.1161 20.6072 20.6104 21.1111 20.002 21.4614C19.3936 21.8117 18.7039 21.9961 18.0018 21.9961C17.2998 21.9961 16.6101 21.8117 16.0017 21.4614C15.3933 21.1111 14.8876 20.6072 14.5352 20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> xmlns="http://www.w3.org/2000/svg"
</svg> >
<rect width="36" height="36" rx="6" fill="#7E2AEA" />
<path
d="M18 26C18.7963 25.9995 19.5881 25.8815 20.35 25.65L26 18C26 16.4178 25.5308 14.871 24.6518 13.5554C23.7727 12.2398 22.5233 11.2145 21.0615 10.609C19.5997 10.0035 17.9911 9.84504 16.4393 10.1537C14.8874 10.4624 13.462 11.2243 12.3431 12.3431C11.2243 13.462 10.4624 14.8874 10.1537 16.4393C9.84504 17.9911 10.0035 19.5997 10.609 21.0615C11.2145 22.5233 12.2398 23.7727 13.5554 24.6518C14.871 25.5308 16.4178 26 18 26Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M15 17.3359C15.5523 17.3359 16 16.8882 16 16.3359C16 15.7837 15.5523 15.3359 15 15.3359C14.4477 15.3359 14 15.7837 14 16.3359C14 16.8882 14.4477 17.3359 15 17.3359Z"
fill="white"
/>
<path
d="M21 17.3359C21.5523 17.3359 22 16.8882 22 16.3359C22 15.7837 21.5523 15.3359 21 15.3359C20.4477 15.3359 20 15.7837 20 16.3359C20 16.8882 20.4477 17.3359 21 17.3359Z"
fill="white"
/>
<path
d="M21.4685 20C21.1161 20.6072 20.6104 21.1111 20.002 21.4614C19.3936 21.8117 18.7039 21.9961 18.0018 21.9961C17.2998 21.9961 16.6101 21.8117 16.0017 21.4614C15.3933 21.1111 14.8876 20.6072 14.5352 20"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</Box> </Box>
);
) }
};

45
src/pages/Landing/images/icons/Group137.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,13 +15,36 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M25.3333 10.3047H10.6667C10.2985 10.3047 10 10.6412 10 11.0563V24.5858C10 25.0009 10.2985 25.3374 10.6667 25.3374H25.3333C25.7015 25.3374 26 25.0009 26 24.5858V11.0563C26 10.6412 25.7015 10.3047 25.3333 10.3047Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> height="36"
<path d="M12.9102 13.2109H23.8192" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> viewBox="0 0 36 36"
<path d="M12.9102 16.125H20.1829" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> fill="none"
</svg> xmlns="http://www.w3.org/2000/svg"
>
<rect width="36" height="36" rx="6" fill="#7E2AEA" />
<path
d="M25.3333 10.3047H10.6667C10.2985 10.3047 10 10.6412 10 11.0563V24.5858C10 25.0009 10.2985 25.3374 10.6667 25.3374H25.3333C25.7015 25.3374 26 25.0009 26 24.5858V11.0563C26 10.6412 25.7015 10.3047 25.3333 10.3047Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.9102 13.2109H23.8192"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.9102 16.125H20.1829"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</Box> </Box>
);
) }
};

77
src/pages/Landing/images/icons/Group138.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,17 +15,64 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M25.3332 10.3984H10.6667C10.2985 10.3984 10 10.735 10 11.1501V24.6794C10 25.0945 10.2985 25.431 10.6667 25.431H25.3332C25.7014 25.431 25.9999 25.0945 25.9999 24.6794V11.1501C25.9999 10.735 25.7014 10.3984 25.3332 10.3984Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> height="36"
<path d="M10.7266 15.7344H25.9992" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> viewBox="0 0 36 36"
<path d="M12.1797 20.8281H20.1796" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> fill="none"
<path d="M12.1797 18.6406H20.1796" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> xmlns="http://www.w3.org/2000/svg"
<path d="M12.1797 23.0078H20.1796" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> >
<path d="M20.1797 15.0078L20.1797 10.6442" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <rect width="36" height="36" rx="6" fill="#7E2AEA" />
<path d="M22.3633 12.8201L23.0744 13.5313L23.7855 12.8201" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path
</svg> d="M25.3332 10.3984H10.6667C10.2985 10.3984 10 10.735 10 11.1501V24.6794C10 25.0945 10.2985 25.431 10.6667 25.431H25.3332C25.7014 25.431 25.9999 25.0945 25.9999 24.6794V11.1501C25.9999 10.735 25.7014 10.3984 25.3332 10.3984Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.7266 15.7344H25.9992"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.1797 20.8281H20.1796"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.1797 18.6406H20.1796"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.1797 23.0078H20.1796"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M20.1797 15.0078L20.1797 10.6442"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M22.3633 12.8201L23.0744 13.5313L23.7855 12.8201"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</Box> </Box>
);
) }
};

125
src/pages/Landing/images/icons/Group139.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,23 +15,106 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M25.4788 10.9343H10.673C10.3013 10.9343 10 11.2492 10 11.6376V24.296C10 24.6844 10.3013 24.9993 10.673 24.9993H25.4788C25.8505 24.9993 26.1518 24.6844 26.1518 24.296V11.6376C26.1518 11.2492 25.8505 10.9343 25.4788 10.9343Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> height="36"
<path d="M10 15.0022H26.1518" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> viewBox="0 0 36 36"
<path d="M12.1523 19.8173H13.8752" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> fill="none"
<path d="M12.1523 17.5964H13.8752" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> xmlns="http://www.w3.org/2000/svg"
<path d="M12.1523 22.0306H13.8752" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> >
<path d="M17.1758 19.8173H18.8986" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <rect width="36" height="36" rx="6" fill="#7E2AEA" />
<path d="M17.1758 17.5964H18.8986" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path
<path d="M17.1758 22.0306H18.8986" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> d="M25.4788 10.9343H10.673C10.3013 10.9343 10 11.2492 10 11.6376V24.296C10 24.6844 10.3013 24.9993 10.673 24.9993H25.4788C25.8505 24.9993 26.1518 24.6844 26.1518 24.296V11.6376C26.1518 11.2492 25.8505 10.9343 25.4788 10.9343Z"
<path d="M22.2031 19.8173H23.926" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> stroke="white"
<path d="M22.2031 17.5964H23.926" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> strokeWidth="1.5"
<path d="M22.2031 22.0306H23.926" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> strokeLinecap="round"
<path d="M13.2305 12.7814L13.2305 9.82033" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> strokeLinejoin="round"
<path d="M23.2812 12.7814L23.2813 9.82033" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> />
</svg> <path
d="M10 15.0022H26.1518"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.1523 19.8173H13.8752"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.1523 17.5964H13.8752"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.1523 22.0306H13.8752"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.1758 19.8173H18.8986"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.1758 17.5964H18.8986"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.1758 22.0306H18.8986"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M22.2031 19.8173H23.926"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M22.2031 17.5964H23.926"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M22.2031 22.0306H23.926"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M13.2305 12.7814L13.2305 9.82033"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M23.2812 12.7814L23.2813 9.82033"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</Box> </Box>
);
) }
};

50
src/pages/Landing/images/icons/Group140.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,14 +15,40 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M21.6923 19.1797H25.3846C25.5478 19.1797 25.7044 19.2321 25.8198 19.3255C25.9352 19.4188 26 19.5454 26 19.6775V23.6597C26 23.7917 25.9352 23.9183 25.8198 24.0117C25.7044 24.105 25.5478 24.1575 25.3846 24.1575H10.6154C10.4522 24.1575 10.2956 24.105 10.1802 24.0117C10.0648 23.9183 10 23.7917 10 23.6597V19.6775C10 19.5454 10.0648 19.4188 10.1802 19.3255C10.2956 19.2321 10.4522 19.1797 10.6154 19.1797H14.3077" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> height="36"
<path d="M18 19.2444V10" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> viewBox="0 0 36 36"
<path d="M14.3086 13.6923L18.0009 10L21.6932 13.6923" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> fill="none"
<path d="M23.5599 22.4713C23.9791 22.4713 24.319 22.1315 24.319 21.7122C24.319 21.293 23.9791 20.9531 23.5599 20.9531C23.1406 20.9531 22.8008 21.293 22.8008 21.7122C22.8008 22.1315 23.1406 22.4713 23.5599 22.4713Z" fill="white"/> xmlns="http://www.w3.org/2000/svg"
</svg> >
<rect width="36" height="36" rx="6" fill="#7E2AEA" />
<path
d="M21.6923 19.1797H25.3846C25.5478 19.1797 25.7044 19.2321 25.8198 19.3255C25.9352 19.4188 26 19.5454 26 19.6775V23.6597C26 23.7917 25.9352 23.9183 25.8198 24.0117C25.7044 24.105 25.5478 24.1575 25.3846 24.1575H10.6154C10.4522 24.1575 10.2956 24.105 10.1802 24.0117C10.0648 23.9183 10 23.7917 10 23.6597V19.6775C10 19.5454 10.0648 19.4188 10.1802 19.3255C10.2956 19.2321 10.4522 19.1797 10.6154 19.1797H14.3077"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M18 19.2444V10"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M14.3086 13.6923L18.0009 10L21.6932 13.6923"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M23.5599 22.4713C23.9791 22.4713 24.319 22.1315 24.319 21.7122C24.319 21.293 23.9791 20.9531 23.5599 20.9531C23.1406 20.9531 22.8008 21.293 22.8008 21.7122C22.8008 22.1315 23.1406 22.4713 23.5599 22.4713Z"
fill="white"
/>
</svg>
</Box> </Box>
);
) }
};

39
src/pages/Landing/images/icons/Group141.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,12 +15,31 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M18 20.237H11.0333C9.63421 20.237 8.5 19.1027 8.5 17.7036V17.7036C8.5 16.3045 9.63421 15.1703 11.0333 15.1703L18.4318 15.1703M24.0455 20.237H24.9667C26.3658 20.237 27.5 19.1027 27.5 17.7036V17.7036C27.5 16.3045 26.3658 15.1703 24.9667 15.1703H23.6136" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> height="36"
<circle cx="20.9561" cy="17.892" r="3.58889" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> viewBox="0 0 36 36"
</svg> fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="36" height="36" rx="6" fill="#7E2AEA" />
<path
d="M18 20.237H11.0333C9.63421 20.237 8.5 19.1027 8.5 17.7036V17.7036C8.5 16.3045 9.63421 15.1703 11.0333 15.1703L18.4318 15.1703M24.0455 20.237H24.9667C26.3658 20.237 27.5 19.1027 27.5 17.7036V17.7036C27.5 16.3045 26.3658 15.1703 24.9667 15.1703H23.6136"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<circle
cx="20.9561"
cy="17.892"
r="3.58889"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</Box> </Box>
);
) }
};

70
src/pages/Landing/images/icons/Group142.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,16 +15,58 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M25.6426 10H10.6801C10.3045 10 10 10.3433 10 10.7668V24.5691C10 24.9926 10.3045 25.3359 10.6801 25.3359H25.6426C26.0182 25.3359 26.3227 24.9926 26.3227 24.5691V10.7668C26.3227 10.3433 26.0182 10 25.6426 10Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> height="36"
<path d="M10 14.6641H26.3227" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> viewBox="0 0 36 36"
<path d="M12.2266 12.4375H24.0976" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> fill="none"
<path d="M10 21.4587L14.7155 17.4688L20.1564 22.5469" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> xmlns="http://www.w3.org/2000/svg"
<circle cx="18.3913" cy="17.7038" r="0.774113" fill="white"/> >
<path d="M18.707 20.9141L21.2461 18.375" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <rect width="36" height="36" rx="6" fill="#7E2AEA" />
<path d="M21.2461 18.375L26.3243 22.365" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path
</svg> d="M25.6426 10H10.6801C10.3045 10 10 10.3433 10 10.7668V24.5691C10 24.9926 10.3045 25.3359 10.6801 25.3359H25.6426C26.0182 25.3359 26.3227 24.9926 26.3227 24.5691V10.7668C26.3227 10.3433 26.0182 10 25.6426 10Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10 14.6641H26.3227"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.2266 12.4375H24.0976"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10 21.4587L14.7155 17.4688L20.1564 22.5469"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<circle cx="18.3913" cy="17.7038" r="0.774113" fill="white" />
<path
d="M18.707 20.9141L21.2461 18.375"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M21.2461 18.375L26.3243 22.365"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</Box> </Box>
) );
}; }

60
src/pages/Landing/images/icons/Group147.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,14 +15,50 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M12.2045 26.495C13.6982 26.495 14.9091 25.2842 14.9091 23.7905C14.9091 22.2968 13.6982 21.0859 12.2045 21.0859C10.7109 21.0859 9.5 22.2968 9.5 23.7905C9.5 25.2842 10.7109 26.495 12.2045 26.495Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> height="36"
<path d="M23.7944 14.9091C25.2881 14.9091 26.4989 13.6982 26.4989 12.2045C26.4989 10.7109 25.2881 9.5 23.7944 9.5C22.3007 9.5 21.0898 10.7109 21.0898 12.2045C21.0898 13.6982 22.3007 14.9091 23.7944 14.9091Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> viewBox="0 0 36 36"
<path d="M12.2045 14.9091C13.6982 14.9091 14.9091 13.6982 14.9091 12.2045C14.9091 10.7109 13.6982 9.5 12.2045 9.5C10.7109 9.5 9.5 10.7109 9.5 12.2045C9.5 13.6982 10.7109 14.9091 12.2045 14.9091Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> fill="none"
<path d="M12.2031 21.0959V20.3232C12.2019 20.0184 12.261 19.7163 12.377 19.4345C12.4931 19.1527 12.6638 18.8966 12.8793 18.6811C13.0948 18.4656 13.3509 18.2949 13.6327 18.1788C13.9145 18.0628 14.2165 18.0037 14.5213 18.005H21.4759C21.7807 18.0062 22.0827 17.9472 22.3645 17.8311C22.6463 17.7151 22.9024 17.5444 23.1179 17.3288C23.3334 17.1133 23.5042 16.8573 23.6202 16.5754C23.7362 16.2936 23.7953 15.9916 23.7941 15.6868V14.9141" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> xmlns="http://www.w3.org/2000/svg"
<path d="M12.2031 14.9141V21.0959" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> >
</svg> <rect width="36" height="36" rx="6" fill="#7E2AEA" />
<path
d="M12.2045 26.495C13.6982 26.495 14.9091 25.2842 14.9091 23.7905C14.9091 22.2968 13.6982 21.0859 12.2045 21.0859C10.7109 21.0859 9.5 22.2968 9.5 23.7905C9.5 25.2842 10.7109 26.495 12.2045 26.495Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M23.7944 14.9091C25.2881 14.9091 26.4989 13.6982 26.4989 12.2045C26.4989 10.7109 25.2881 9.5 23.7944 9.5C22.3007 9.5 21.0898 10.7109 21.0898 12.2045C21.0898 13.6982 22.3007 14.9091 23.7944 14.9091Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.2045 14.9091C13.6982 14.9091 14.9091 13.6982 14.9091 12.2045C14.9091 10.7109 13.6982 9.5 12.2045 9.5C10.7109 9.5 9.5 10.7109 9.5 12.2045C9.5 13.6982 10.7109 14.9091 12.2045 14.9091Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.2031 21.0959V20.3232C12.2019 20.0184 12.261 19.7163 12.377 19.4345C12.4931 19.1527 12.6638 18.8966 12.8793 18.6811C13.0948 18.4656 13.3509 18.2949 13.6327 18.1788C13.9145 18.0628 14.2165 18.0037 14.5213 18.005H21.4759C21.7807 18.0062 22.0827 17.9472 22.3645 17.8311C22.6463 17.7151 22.9024 17.5444 23.1179 17.3288C23.3334 17.1133 23.5042 16.8573 23.6202 16.5754C23.7362 16.2936 23.7953 15.9916 23.7941 15.6868V14.9141"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.2031 14.9141V21.0959"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</Box> </Box>
) );
}; }

68
src/pages/Landing/images/icons/Group148.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,15 +15,57 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M25 10H11C10.4477 10 10 10.4477 10 11V25C10 25.5523 10.4477 26 11 26H25C25.5523 26 26 25.5523 26 25V11C26 10.4477 25.5523 10 25 10Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> height="36"
<path d="M13 14.5H16.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> viewBox="0 0 36 36"
<path d="M19.6992 20H23.1992" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> fill="none"
<path d="M19.6992 22.5H23.1992" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> xmlns="http://www.w3.org/2000/svg"
<path d="M20 13L23 16M23 13L20 16" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> >
<path d="M12.6016 21.2969H16.8442M14.7229 19.1756V23.4182" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <rect width="36" height="36" rx="6" fill="#7E2AEA" />
</svg> <path
d="M25 10H11C10.4477 10 10 10.4477 10 11V25C10 25.5523 10.4477 26 11 26H25C25.5523 26 26 25.5523 26 25V11C26 10.4477 25.5523 10 25 10Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M13 14.5H16.5"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M19.6992 20H23.1992"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M19.6992 22.5H23.1992"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M20 13L23 16M23 13L20 16"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.6016 21.2969H16.8442M14.7229 19.1756V23.4182"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</Box> </Box>
) );
}; }

35
src/pages/Landing/images/icons/Group151.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,11 +15,28 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<circle cx="4" cy="4" r="4" transform="matrix(-1 0 0 1 22 9)" stroke="white" stroke-width="1.5"/> height="36"
<path d="M11 22.9347C11 22.0743 11.5409 21.3068 12.3511 21.0175V21.0175C16.004 19.7128 19.996 19.7128 23.6489 21.0175V21.0175C24.4591 21.3068 25 22.0743 25 22.9347V24.2502C25 25.4376 23.9483 26.3498 22.7728 26.1818L21.8184 26.0455C19.2856 25.6837 16.7144 25.6837 14.1816 26.0455L13.2272 26.1818C12.0517 26.3498 11 25.4376 11 24.2502V22.9347Z" stroke="white" stroke-width="1.5"/> viewBox="0 0 36 36"
</svg> fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="36" height="36" rx="6" fill="#7E2AEA" />
<circle
cx="4"
cy="4"
r="4"
transform="matrix(-1 0 0 1 22 9)"
stroke="white"
strokeWidth="1.5"
/>
<path
d="M11 22.9347C11 22.0743 11.5409 21.3068 12.3511 21.0175V21.0175C16.004 19.7128 19.996 19.7128 23.6489 21.0175V21.0175C24.4591 21.3068 25 22.0743 25 22.9347V24.2502C25 25.4376 23.9483 26.3498 22.7728 26.1818L21.8184 26.0455C19.2856 25.6837 16.7144 25.6837 14.1816 26.0455L13.2272 26.1818C12.0517 26.3498 11 25.4376 11 24.2502V22.9347Z"
stroke="white"
strokeWidth="1.5"
/>
</svg>
</Box> </Box>
) );
}; }

44
src/pages/Landing/images/icons/Group152.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,12 +15,36 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M18 13V9H14" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> height="36"
<path d="M24 13H12C10.8954 13 10 13.8954 10 15V23C10 24.1046 10.8954 25 12 25H24C25.1046 25 26 24.1046 26 23V15C26 13.8954 25.1046 13 24 13Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> viewBox="0 0 36 36"
<path d="M8 19H10M26 19H28M21 18V20M15 18V20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> fill="none"
</svg> xmlns="http://www.w3.org/2000/svg"
>
<rect width="36" height="36" rx="6" fill="#7E2AEA" />
<path
d="M18 13V9H14"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M24 13H12C10.8954 13 10 13.8954 10 15V23C10 24.1046 10.8954 25 12 25H24C25.1046 25 26 24.1046 26 23V15C26 13.8954 25.1046 13 24 13Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M8 19H10M26 19H28M21 18V20M15 18V20"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</Box> </Box>
) );
}; }

34
src/pages/Landing/images/icons/Group153.tsx
View File

File diff suppressed because one or more lines are too long

46
src/pages/Landing/images/icons/Group154.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,12 +15,38 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<rect x="8" y="10" width="20" height="16" rx="5" stroke="white" stroke-width="1.5"/> height="36"
<path d="M8 15.5H28" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> viewBox="0 0 36 36"
<path d="M12 21.5H17" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> fill="none"
</svg> xmlns="http://www.w3.org/2000/svg"
>
<rect width="36" height="36" rx="6" fill="#7E2AEA" />
<rect
x="8"
y="10"
width="20"
height="16"
rx="5"
stroke="white"
strokeWidth="1.5"
/>
<path
d="M8 15.5H28"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12 21.5H17"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</Box> </Box>
) );
}; }

71
src/pages/Landing/images/icons/Handshake.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -19,17 +17,64 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
width="39"
height="39"
viewBox="0 0 39 39"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="Handshake"> <g id="Handshake">
<path id="Vector" d="M36.6691 18.5555L32.9063 20.4293L28.0312 11.1059L31.8398 9.20158C32.1229 9.05731 32.4515 9.03079 32.754 9.12782C33.0565 9.22485 33.3084 9.43756 33.4547 9.71955L37.2023 16.8949C37.2783 17.0386 37.3248 17.196 37.3391 17.3578C37.3534 17.5197 37.3352 17.6828 37.2855 17.8375C37.2358 17.9922 37.1557 18.1355 37.0498 18.2588C36.944 18.3821 36.8146 18.4829 36.6691 18.5555V18.5555Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path
<path id="Vector_2" d="M6.093 20.2769L2.33011 18.3878C2.18523 18.3168 2.0561 18.2174 1.9504 18.0955C1.84471 17.9736 1.76461 17.8317 1.71487 17.6782C1.66513 17.5247 1.64676 17.3628 1.66085 17.202C1.67494 17.0413 1.72121 16.885 1.79691 16.7425L5.54457 9.56714C5.69117 9.28536 5.94199 9.07194 6.24362 8.97234C6.54525 8.87275 6.87384 8.89485 7.15941 9.03394L10.968 10.9382L6.093 20.2769Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> id="Vector"
<path id="Vector_3" d="M32.9062 20.4292L30.4688 23.2933L24.8625 28.8995C24.7097 29.0424 24.5246 29.1461 24.3229 29.2018C24.1213 29.2576 23.9092 29.2636 23.7047 29.2194L14.8687 27.0104C14.7073 26.9655 14.5569 26.8877 14.427 26.7819L6.09375 20.2769" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> d="M36.6691 18.5555L32.9063 20.4293L28.0312 11.1059L31.8398 9.20158C32.1229 9.05731 32.4515 9.03079 32.754 9.12782C33.0565 9.22485 33.3084 9.43756 33.4547 9.71955L37.2023 16.8949C37.2783 17.0386 37.3248 17.196 37.3391 17.3578C37.3534 17.5197 37.3352 17.6828 37.2855 17.8375C37.2358 17.9922 37.1557 18.1355 37.0498 18.2588C36.944 18.3821 36.8146 18.4829 36.6691 18.5555V18.5555Z"
<path id="Vector_4" d="M30.4692 23.2935L23.7661 18.4185L21.8161 19.881C20.9712 20.5115 19.9453 20.8522 18.8911 20.8522C17.8369 20.8522 16.8109 20.5115 15.9661 19.881L15.1434 19.2564C15.0043 19.1506 14.8892 19.0165 14.8058 18.8629C14.7224 18.7094 14.6726 18.5398 14.6596 18.3656C14.6467 18.1913 14.6709 18.0163 14.7306 17.852C14.7904 17.6878 14.8844 17.5382 15.0063 17.413L20.9782 11.4564C21.0904 11.3447 21.2234 11.2563 21.3698 11.1962C21.5162 11.1361 21.673 11.1054 21.8313 11.106H28.0317" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> stroke="white"
<path id="Vector_5" d="M11.0586 10.9383L18.8738 8.65318C19.1515 8.57354 19.4485 8.59514 19.7117 8.71412L24.9828 11.1059" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> strokeWidth="1.5"
<path id="Vector_6" d="M17.0625 32.434L12.477 31.2762C12.2901 31.234 12.1171 31.1448 11.9742 31.0172L8.53125 28.0312" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> strokeLinecap="round"
strokeLinejoin="round"
/>
<path
id="Vector_2"
d="M6.093 20.2769L2.33011 18.3878C2.18523 18.3168 2.0561 18.2174 1.9504 18.0955C1.84471 17.9736 1.76461 17.8317 1.71487 17.6782C1.66513 17.5247 1.64676 17.3628 1.66085 17.202C1.67494 17.0413 1.72121 16.885 1.79691 16.7425L5.54457 9.56714C5.69117 9.28536 5.94199 9.07194 6.24362 8.97234C6.54525 8.87275 6.87384 8.89485 7.15941 9.03394L10.968 10.9382L6.093 20.2769Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
id="Vector_3"
d="M32.9062 20.4292L30.4688 23.2933L24.8625 28.8995C24.7097 29.0424 24.5246 29.1461 24.3229 29.2018C24.1213 29.2576 23.9092 29.2636 23.7047 29.2194L14.8687 27.0104C14.7073 26.9655 14.5569 26.8877 14.427 26.7819L6.09375 20.2769"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
id="Vector_4"
d="M30.4692 23.2935L23.7661 18.4185L21.8161 19.881C20.9712 20.5115 19.9453 20.8522 18.8911 20.8522C17.8369 20.8522 16.8109 20.5115 15.9661 19.881L15.1434 19.2564C15.0043 19.1506 14.8892 19.0165 14.8058 18.8629C14.7224 18.7094 14.6726 18.5398 14.6596 18.3656C14.6467 18.1913 14.6709 18.0163 14.7306 17.852C14.7904 17.6878 14.8844 17.5382 15.0063 17.413L20.9782 11.4564C21.0904 11.3447 21.2234 11.2563 21.3698 11.1962C21.5162 11.1361 21.673 11.1054 21.8313 11.106H28.0317"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
id="Vector_5"
d="M11.0586 10.9383L18.8738 8.65318C19.1515 8.57354 19.4485 8.59514 19.7117 8.71412L24.9828 11.1059"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
id="Vector_6"
d="M17.0625 32.434L12.477 31.2762C12.2901 31.234 12.1171 31.1448 11.9742 31.0172L8.53125 28.0312"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g> </g>
</svg> </svg>
</Box> </Box>
);
) }
};

29
src/pages/Landing/images/icons/IconNumber2.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function OneIconBorder({color}:Props) { export default function OneIconBorder({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,10 +15,27 @@ export default function OneIconBorder({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#EEE4FC"/> width="36"
<path d="M18 27C22.9706 27 27 22.9706 27 18C27 13.0294 22.9706 9 18 9C13.0294 9 9 13.0294 9 18C9 22.9706 13.0294 27 18 27Z" stroke="#7E2AEA" stroke-width="1.5" stroke-miterlimit="10"/> height="36"
<path d="M16.2696 15.3945C16.4382 14.9964 16.7392 14.6687 17.1216 14.4669C17.504 14.2651 17.9444 14.2015 18.3683 14.2871C18.7921 14.3726 19.1734 14.6018 19.4477 14.9361C19.7219 15.2704 19.8723 15.6892 19.8734 16.1216C19.8751 16.4951 19.7633 16.8604 19.5529 17.1691V17.1691L16.1211 21.75H19.8734" stroke="#7E2AEA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> viewBox="0 0 36 36"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="36" height="36" rx="6" fill="#EEE4FC" />
<path
d="M18 27C22.9706 27 27 22.9706 27 18C27 13.0294 22.9706 9 18 9C13.0294 9 9 13.0294 9 18C9 22.9706 13.0294 27 18 27Z"
stroke="#7E2AEA"
strokeWidth="1.5"
strokeMiterlimit="10"
/>
<path
d="M16.2696 15.3945C16.4382 14.9964 16.7392 14.6687 17.1216 14.4669C17.504 14.2651 17.9444 14.2015 18.3683 14.2871C18.7921 14.3726 19.1734 14.6018 19.4477 14.9361C19.7219 15.2704 19.8723 15.6892 19.8734 16.1216C19.8751 16.4951 19.7633 16.8604 19.5529 17.1691V17.1691L16.1211 21.75H19.8734"
stroke="#7E2AEA"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg> </svg>
</Box> </Box>
); );

30
src/pages/Landing/images/icons/IconNumber3.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function OneIconBorder({color}:Props) { export default function OneIconBorder({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,12 +15,28 @@ export default function OneIconBorder({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#EEE4FC"/> width="36"
<path d="M18 27C22.9706 27 27 22.9706 27 18C27 13.0294 22.9706 9 18 9C13.0294 9 9 13.0294 9 18C9 22.9706 13.0294 27 18 27Z" stroke="#7E2AEA" stroke-width="1.5" stroke-miterlimit="10"/> height="36"
<path d="M16.125 14.25H19.875L17.6875 17.375C18.0472 17.375 18.4014 17.4638 18.7186 17.6334C19.0359 17.8029 19.3064 18.0482 19.5062 18.3473C19.7061 18.6464 19.8291 18.9901 19.8643 19.3481C19.8996 19.7061 19.846 20.0673 19.7083 20.3996C19.5707 20.732 19.3532 21.0252 19.0751 21.2535C18.797 21.4817 18.467 21.6378 18.1141 21.708C17.7613 21.7781 17.3967 21.7602 17.0524 21.6558C16.7082 21.5514 16.395 21.3637 16.1406 21.1094" stroke="#7E2AEA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> viewBox="0 0 36 36"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="36" height="36" rx="6" fill="#EEE4FC" />
<path
d="M18 27C22.9706 27 27 22.9706 27 18C27 13.0294 22.9706 9 18 9C13.0294 9 9 13.0294 9 18C9 22.9706 13.0294 27 18 27Z"
stroke="#7E2AEA"
strokeWidth="1.5"
strokeMiterlimit="10"
/>
<path
d="M16.125 14.25H19.875L17.6875 17.375C18.0472 17.375 18.4014 17.4638 18.7186 17.6334C19.0359 17.8029 19.3064 18.0482 19.5062 18.3473C19.7061 18.6464 19.8291 18.9901 19.8643 19.3481C19.8996 19.7061 19.846 20.0673 19.7083 20.3996C19.5707 20.732 19.3532 21.0252 19.0751 21.2535C18.797 21.4817 18.467 21.6378 18.1141 21.708C17.7613 21.7781 17.3967 21.7602 17.0524 21.6558C16.7082 21.5514 16.395 21.3637 16.1406 21.1094"
stroke="#7E2AEA"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg> </svg>
</Box> </Box>
); );
} }

38
src/pages/Landing/images/icons/IconNumber4.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function OneIconBorder({color}:Props) { export default function OneIconBorder({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,13 +15,35 @@ export default function OneIconBorder({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#EEE4FC"/> width="36"
<path d="M18 27C22.9706 27 27 22.9706 27 18C27 13.0294 22.9706 9 18 9C13.0294 9 9 13.0294 9 18C9 22.9706 13.0294 27 18 27Z" stroke="#7E2AEA" stroke-width="1.5" stroke-miterlimit="10"/> height="36"
<path d="M17.6251 14.0779L15.75 19.3906H19.5002" stroke="#7E2AEA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> viewBox="0 0 36 36"
<path d="M19.5 16.8904V21.8906" stroke="#7E2AEA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="36" height="36" rx="6" fill="#EEE4FC" />
<path
d="M18 27C22.9706 27 27 22.9706 27 18C27 13.0294 22.9706 9 18 9C13.0294 9 9 13.0294 9 18C9 22.9706 13.0294 27 18 27Z"
stroke="#7E2AEA"
strokeWidth="1.5"
strokeMiterlimit="10"
/>
<path
d="M17.6251 14.0779L15.75 19.3906H19.5002"
stroke="#7E2AEA"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M19.5 16.8904V21.8906"
stroke="#7E2AEA"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg> </svg>
</Box> </Box>
); );
} }

51
src/pages/Landing/images/icons/Network.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,12 +15,41 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M18 27C22.9706 27 27 22.9706 27 18C27 13.0294 22.9706 9 18 9C13.0294 9 9 13.0294 9 18C9 22.9706 13.0294 27 18 27Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/> height="36"
<path d="M9.51562 15H26.4844" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> viewBox="0 0 36 36"
<path d="M9.51562 21H26.4844" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> fill="none"
<path d="M18 26.7563C20.0711 26.7563 21.75 22.836 21.75 18C21.75 13.1641 20.0711 9.24377 18 9.24377C15.9289 9.24377 14.25 13.1641 14.25 18C14.25 22.836 15.9289 26.7563 18 26.7563Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/> xmlns="http://www.w3.org/2000/svg"
</svg></Box> >
) <rect width="36" height="36" rx="6" fill="#7E2AEA" />
}; <path
d="M18 27C22.9706 27 27 22.9706 27 18C27 13.0294 22.9706 9 18 9C13.0294 9 9 13.0294 9 18C9 22.9706 13.0294 27 18 27Z"
stroke="white"
strokeWidth="1.5"
strokeMiterlimit="10"
/>
<path
d="M9.51562 15H26.4844"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M9.51562 21H26.4844"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M18 26.7563C20.0711 26.7563 21.75 22.836 21.75 18C21.75 13.1641 20.0711 9.24377 18 9.24377C15.9289 9.24377 14.25 13.1641 14.25 18C14.25 22.836 15.9289 26.7563 18 26.7563Z"
stroke="white"
strokeWidth="1.5"
strokeMiterlimit="10"
/>
</svg>
</Box>
);
}

56
src/pages/Landing/images/icons/PenaLogoOnly.tsx
View File

@ -1,6 +1,5 @@
import { useTheme } from "@mui/material"; import { useTheme } from "@mui/material";
interface Props { interface Props {
width: number; width: number;
} }
@ -9,15 +8,50 @@ export default function PenaLogoOnly({ width }: Props) {
const theme = useTheme(); const theme = useTheme();
return ( return (
<svg style={{ minWidth: width }} width={width} height="54" viewBox="0 0 138 54" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9217 2.58184C14.2944 1.92292 10.4121 8.03332 6.80104 12.4503C3.63194 16.3265 1.27229 20.7048 0.998207 25.7281C0.706608 31.0725 1.66565 36.6383 5.26744 40.558C8.97746 44.5955 14.535 47.1465 19.9217 46.3217C24.8612 45.5654 27.0469 40.0821 30.7244 36.6603C34.7175 32.9447 42.1568 31.2166 42.0536 25.7281C41.9503 20.2313 34.0988 19.1553 30.321 15.2043C26.4078 11.1118 25.5118 3.2364 19.9217 2.58184Z" fill="#7E2AEA"/> style={{ minWidth: width }}
<ellipse cx="33.9215" cy="44.2308" rx="3.10509" ry="3.13884" fill="#7E2AEA"/> width={width}
<ellipse cx="30.8196" cy="9.4073" rx="1.18289" ry="1.19575" fill="#7E2AEA"/> height="54"
<path d="M49.74 24.4426C49.3951 21.053 47.8175 17.9135 45.3131 15.6327C42.8086 13.3519 39.5557 12.0923 36.1848 12.098C35.7062 12.0982 35.228 12.1235 34.752 12.1738C31.4003 12.5296 28.2976 14.1273 26.0424 16.6589C23.7872 19.1904 22.5392 22.4764 22.5391 25.8832V25.8832V45.5764H28.3835V37.2068C30.6686 38.8138 33.3865 39.673 36.1702 39.6684C36.6488 39.6682 37.1271 39.6429 37.6031 39.5926C39.3841 39.4034 41.1109 38.8614 42.6847 37.9976C44.2586 37.1338 45.6487 35.965 46.7757 34.5581C47.9027 33.1512 48.7446 31.5337 49.2532 29.7979C49.7618 28.0621 49.9272 26.2421 49.74 24.4417V24.4426ZM42.2338 30.8429C41.5918 31.6491 40.7979 32.3185 39.8982 32.8124C38.9985 33.3062 38.0108 33.6148 36.9923 33.7201C36.7192 33.7488 36.4448 33.7632 36.1702 33.7634C34.4027 33.7618 32.6883 33.1528 31.3083 32.0363C29.9283 30.9199 28.9648 29.3624 28.5758 27.6195C28.1869 25.8766 28.3957 24.0518 29.1679 22.4446C29.9401 20.8374 31.2299 19.5434 32.8255 18.7748C34.4212 18.0063 36.2279 17.809 37.9491 18.2152C39.6703 18.6214 41.2038 19.6071 42.2978 21.0104C43.3918 22.4137 43.9814 24.1513 43.9698 25.938C43.9581 27.7247 43.346 29.4543 42.2338 30.8429Z" fill="white"/> viewBox="0 0 138 54"
<path d="M64.9893 12.098C64.5107 12.0982 64.0324 12.1235 63.5564 12.1738C60.0835 12.5435 56.8833 14.2459 54.6153 16.9301C52.3473 19.6143 51.1843 23.0758 51.3662 26.601C51.548 30.1263 53.0608 33.4467 55.5926 35.8779C58.1245 38.3091 61.4826 39.6658 64.9746 39.6684C65.4532 39.6682 65.9315 39.6429 66.4075 39.5926C68.9115 39.3231 71.2933 38.3602 73.2906 36.81C75.2879 35.2597 76.8231 33.1823 77.7272 30.8065H71.0655L71.0382 30.8409C70.1849 31.9071 69.0711 32.7296 67.8068 33.2271C66.5426 33.7246 65.1717 33.8798 63.8299 33.6774C62.4881 33.475 61.2218 32.922 60.1563 32.073C59.0908 31.2241 58.263 30.1087 57.7548 28.8371H78.3077C78.7405 26.8244 78.7222 24.7394 78.2544 22.7347C77.7866 20.73 76.881 18.8566 75.604 17.2516C74.327 15.6466 72.711 14.3508 70.8743 13.459C69.0376 12.5673 67.0268 12.1022 64.9893 12.098V12.098ZM57.7548 22.9292C58.2869 21.6054 59.1643 20.4524 60.2935 19.593C61.4228 18.7336 62.7615 18.2 64.1671 18.0492C64.4403 18.0206 64.7147 18.0061 64.9893 18.0059C66.5416 18.0033 68.0591 18.4709 69.346 19.3485C70.6329 20.226 71.6301 21.4732 72.2091 22.9292H57.7548Z" fill="white"/> fill="none"
<path d="M92.7423 12.098C90.5085 12.0944 88.3173 12.7153 86.4108 13.892V12.098H80.5664V39.6684H86.4108V24.4062C86.4108 22.7087 87.0779 21.0808 88.2653 19.8805C89.4527 18.6802 91.0631 18.0059 92.7423 18.0059C94.4215 18.0059 96.0319 18.6802 97.2193 19.8805C98.4067 21.0808 99.0737 22.7087 99.0737 24.4062V39.6684H104.918V24.4062C104.918 21.1419 103.635 18.0112 101.352 15.703C99.0685 13.3947 95.9715 12.098 92.7423 12.098Z" fill="white"/> xmlns="http://www.w3.org/2000/svg"
<path d="M134.144 27.6448V12.098H128.299V14.5596C126.015 12.9519 123.296 12.0926 120.513 12.098C120.034 12.0982 119.556 12.1235 119.08 12.1738C115.607 12.5435 112.407 14.2459 110.139 16.9301C107.871 19.6143 106.708 23.0758 106.89 26.601C107.071 30.1263 108.584 33.4467 111.116 35.8779C113.648 38.3091 117.006 39.6658 120.498 39.6684C120.977 39.6682 121.455 39.6429 121.931 39.5926C125.328 39.2412 128.468 37.6054 130.722 35.013C132.474 37.3818 135.01 39.0343 137.868 39.6684V33.4749C136.759 32.9672 135.818 32.1474 135.157 31.1135C134.497 30.0796 134.145 28.8754 134.144 27.6448ZM126.562 30.841C125.92 31.647 125.126 32.3163 124.226 32.8101C123.326 33.304 122.339 33.6126 121.32 33.7181C121.047 33.7468 120.773 33.7613 120.498 33.7615C118.501 33.7614 116.581 32.9865 115.133 31.5966C113.685 30.2068 112.82 28.3081 112.716 26.2924C112.613 24.2766 113.279 22.2977 114.577 20.7638C115.875 19.2299 117.706 18.2583 119.692 18.0493C119.964 18.0206 120.238 18.0061 120.513 18.0059C121.984 18.0072 123.425 18.4295 124.669 19.2239C125.912 20.0184 126.908 21.1525 127.541 22.4952C128.174 23.8379 128.418 25.3342 128.244 26.8112C128.071 28.2881 127.488 29.6852 126.562 30.841Z" fill="white"/> >
<path
fillRule="evenodd"
clipRule="evenodd"
d="M19.9217 2.58184C14.2944 1.92292 10.4121 8.03332 6.80104 12.4503C3.63194 16.3265 1.27229 20.7048 0.998207 25.7281C0.706608 31.0725 1.66565 36.6383 5.26744 40.558C8.97746 44.5955 14.535 47.1465 19.9217 46.3217C24.8612 45.5654 27.0469 40.0821 30.7244 36.6603C34.7175 32.9447 42.1568 31.2166 42.0536 25.7281C41.9503 20.2313 34.0988 19.1553 30.321 15.2043C26.4078 11.1118 25.5118 3.2364 19.9217 2.58184Z"
fill="#7E2AEA"
/>
<ellipse
cx="33.9215"
cy="44.2308"
rx="3.10509"
ry="3.13884"
fill="#7E2AEA"
/>
<ellipse
cx="30.8196"
cy="9.4073"
rx="1.18289"
ry="1.19575"
fill="#7E2AEA"
/>
<path
d="M49.74 24.4426C49.3951 21.053 47.8175 17.9135 45.3131 15.6327C42.8086 13.3519 39.5557 12.0923 36.1848 12.098C35.7062 12.0982 35.228 12.1235 34.752 12.1738C31.4003 12.5296 28.2976 14.1273 26.0424 16.6589C23.7872 19.1904 22.5392 22.4764 22.5391 25.8832V25.8832V45.5764H28.3835V37.2068C30.6686 38.8138 33.3865 39.673 36.1702 39.6684C36.6488 39.6682 37.1271 39.6429 37.6031 39.5926C39.3841 39.4034 41.1109 38.8614 42.6847 37.9976C44.2586 37.1338 45.6487 35.965 46.7757 34.5581C47.9027 33.1512 48.7446 31.5337 49.2532 29.7979C49.7618 28.0621 49.9272 26.2421 49.74 24.4417V24.4426ZM42.2338 30.8429C41.5918 31.6491 40.7979 32.3185 39.8982 32.8124C38.9985 33.3062 38.0108 33.6148 36.9923 33.7201C36.7192 33.7488 36.4448 33.7632 36.1702 33.7634C34.4027 33.7618 32.6883 33.1528 31.3083 32.0363C29.9283 30.9199 28.9648 29.3624 28.5758 27.6195C28.1869 25.8766 28.3957 24.0518 29.1679 22.4446C29.9401 20.8374 31.2299 19.5434 32.8255 18.7748C34.4212 18.0063 36.2279 17.809 37.9491 18.2152C39.6703 18.6214 41.2038 19.6071 42.2978 21.0104C43.3918 22.4137 43.9814 24.1513 43.9698 25.938C43.9581 27.7247 43.346 29.4543 42.2338 30.8429Z"
fill="white"
/>
<path
d="M64.9893 12.098C64.5107 12.0982 64.0324 12.1235 63.5564 12.1738C60.0835 12.5435 56.8833 14.2459 54.6153 16.9301C52.3473 19.6143 51.1843 23.0758 51.3662 26.601C51.548 30.1263 53.0608 33.4467 55.5926 35.8779C58.1245 38.3091 61.4826 39.6658 64.9746 39.6684C65.4532 39.6682 65.9315 39.6429 66.4075 39.5926C68.9115 39.3231 71.2933 38.3602 73.2906 36.81C75.2879 35.2597 76.8231 33.1823 77.7272 30.8065H71.0655L71.0382 30.8409C70.1849 31.9071 69.0711 32.7296 67.8068 33.2271C66.5426 33.7246 65.1717 33.8798 63.8299 33.6774C62.4881 33.475 61.2218 32.922 60.1563 32.073C59.0908 31.2241 58.263 30.1087 57.7548 28.8371H78.3077C78.7405 26.8244 78.7222 24.7394 78.2544 22.7347C77.7866 20.73 76.881 18.8566 75.604 17.2516C74.327 15.6466 72.711 14.3508 70.8743 13.459C69.0376 12.5673 67.0268 12.1022 64.9893 12.098V12.098ZM57.7548 22.9292C58.2869 21.6054 59.1643 20.4524 60.2935 19.593C61.4228 18.7336 62.7615 18.2 64.1671 18.0492C64.4403 18.0206 64.7147 18.0061 64.9893 18.0059C66.5416 18.0033 68.0591 18.4709 69.346 19.3485C70.6329 20.226 71.6301 21.4732 72.2091 22.9292H57.7548Z"
fill="white"
/>
<path
d="M92.7423 12.098C90.5085 12.0944 88.3173 12.7153 86.4108 13.892V12.098H80.5664V39.6684H86.4108V24.4062C86.4108 22.7087 87.0779 21.0808 88.2653 19.8805C89.4527 18.6802 91.0631 18.0059 92.7423 18.0059C94.4215 18.0059 96.0319 18.6802 97.2193 19.8805C98.4067 21.0808 99.0737 22.7087 99.0737 24.4062V39.6684H104.918V24.4062C104.918 21.1419 103.635 18.0112 101.352 15.703C99.0685 13.3947 95.9715 12.098 92.7423 12.098Z"
fill="white"
/>
<path
d="M134.144 27.6448V12.098H128.299V14.5596C126.015 12.9519 123.296 12.0926 120.513 12.098C120.034 12.0982 119.556 12.1235 119.08 12.1738C115.607 12.5435 112.407 14.2459 110.139 16.9301C107.871 19.6143 106.708 23.0758 106.89 26.601C107.071 30.1263 108.584 33.4467 111.116 35.8779C113.648 38.3091 117.006 39.6658 120.498 39.6684C120.977 39.6682 121.455 39.6429 121.931 39.5926C125.328 39.2412 128.468 37.6054 130.722 35.013C132.474 37.3818 135.01 39.0343 137.868 39.6684V33.4749C136.759 32.9672 135.818 32.1474 135.157 31.1135C134.497 30.0796 134.145 28.8754 134.144 27.6448ZM126.562 30.841C125.92 31.647 125.126 32.3163 124.226 32.8101C123.326 33.304 122.339 33.6126 121.32 33.7181C121.047 33.7468 120.773 33.7613 120.498 33.7615C118.501 33.7614 116.581 32.9865 115.133 31.5966C113.685 30.2068 112.82 28.3081 112.716 26.2924C112.613 24.2766 113.279 22.2977 114.577 20.7638C115.875 19.2299 117.706 18.2583 119.692 18.0493C119.964 18.0206 120.238 18.0061 120.513 18.0059C121.984 18.0072 123.425 18.4295 124.669 19.2239C125.912 20.0184 126.908 21.1525 127.541 22.4952C128.174 23.8379 128.418 25.3342 128.244 26.8112C128.071 28.2881 127.488 29.6852 126.562 30.841Z"
fill="white"
/>
</svg> </svg>
);
);
} }

49
src/pages/Landing/images/icons/QuizLogo.tsx
View File

@ -1,6 +1,5 @@
import { useTheme } from "@mui/material"; import { useTheme } from "@mui/material";
interface Props { interface Props {
width: number; width: number;
} }
@ -9,20 +8,46 @@ export default function QuizLogo({ width }: Props) {
const theme = useTheme(); const theme = useTheme();
return ( return (
<svg style={{ minWidth: width }} width={width} viewBox="0 0 149 58" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<g clip-path="url(#clip0_3258_71703)"> style={{ minWidth: width }}
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.5091 2.75764C15.4332 2.05385 11.2415 8.58037 7.34253 13.2981C3.92083 17.4383 1.37308 22.1148 1.07715 27.4802C0.762314 33.1885 1.79779 39.1334 5.68668 43.32C9.69244 47.6324 15.6929 50.3572 21.5091 49.4762C26.8423 48.6684 29.2022 42.8117 33.1728 39.1568C37.4842 35.1882 45.5165 33.3425 45.4051 27.4802C45.2935 21.609 36.8162 20.4598 32.7372 16.2397C28.5122 11.8685 27.5447 3.45678 21.5091 2.75764Z" fill="#7E2AEA"/> width={width}
<circle cx="36.626" cy="47.2429" r="3.3526" fill="#7E2AEA"/> viewBox="0 0 149 58"
<circle cx="33.2733" cy="10.0479" r="1.27718" fill="#7E2AEA"/> fill="none"
<path d="M53.705 26.1072C53.3326 22.4867 51.6293 19.1334 48.9253 16.6973C46.2212 14.2612 42.709 12.9158 39.0694 12.9218C38.5526 12.9221 38.0363 12.9491 37.5223 13.0028C33.9035 13.3828 30.5535 15.0893 28.1185 17.7933C25.6835 20.4973 24.3361 24.0071 24.3359 27.6458V27.6458V48.6801H30.6462V39.7405C33.1134 41.457 36.0481 42.3747 39.0536 42.3698C39.5704 42.3696 40.0867 42.3426 40.6007 42.2888C42.5237 42.0867 44.3881 41.5078 46.0874 40.5852C47.7867 39.6626 49.2876 38.4142 50.5045 36.9115C51.7213 35.4088 52.6303 33.6811 53.1794 31.8271C53.7286 29.9731 53.9072 28.0291 53.705 26.1061V26.1072ZM45.6005 32.9433C44.9074 33.8044 44.0502 34.5194 43.0788 35.0469C42.1074 35.5744 41.0409 35.9039 39.9413 36.0164C39.6464 36.047 39.3501 36.0625 39.0536 36.0627C37.1452 36.0609 35.2941 35.4104 33.8041 34.218C32.3142 33.0256 31.2738 31.362 30.8539 29.5004C30.434 27.6388 30.6594 25.6897 31.4931 23.9731C32.3269 22.2564 33.7195 20.8743 35.4423 20.0534C37.1652 19.2325 39.1159 19.0217 40.9743 19.4556C42.8327 19.8895 44.4884 20.9423 45.6696 22.4412C46.8509 23.9401 47.4875 25.796 47.4749 27.7044C47.4623 29.6127 46.8014 31.4601 45.6005 32.9433Z" fill="#151515"/> xmlns="http://www.w3.org/2000/svg"
<path d="M70.1665 12.9218C69.6497 12.922 69.1333 12.9491 68.6194 13.0028C64.8697 13.3977 61.4144 15.216 58.9656 18.083C56.5168 20.95 55.2612 24.6472 55.4575 28.4125C55.6538 32.1779 57.2872 35.7244 60.0209 38.3212C62.7545 40.9179 66.3803 42.367 70.1507 42.3698C70.6674 42.3696 71.1838 42.3426 71.6978 42.2888C74.4013 42.001 76.973 40.9725 79.1295 39.3167C81.286 37.6609 82.9436 35.442 83.9197 32.9044H76.7271L76.6976 32.9412C75.7763 34.08 74.5737 34.9585 73.2086 35.4899C71.8436 36.0212 70.3635 36.187 68.9147 35.9708C67.4659 35.7546 66.0987 35.1639 64.9483 34.2572C63.7979 33.3505 62.9041 32.1591 62.3554 30.8009H84.5466C85.0138 28.6512 84.9941 26.4241 84.489 24.2829C83.9839 22.1417 83.0061 20.1407 81.6273 18.4264C80.2485 16.7121 78.5037 15.328 76.5206 14.3756C74.5375 13.4231 72.3664 12.9264 70.1665 12.9218V12.9218ZM62.3554 24.4907C62.9298 23.0767 63.8772 21.8452 65.0964 20.9272C66.3157 20.0093 67.7612 19.4394 69.2788 19.2784C69.5737 19.2477 69.87 19.2323 70.1665 19.2321C71.8425 19.2293 73.481 19.7288 74.8705 20.6661C76.2599 21.6034 77.3367 22.9355 77.9618 24.4907H62.3554Z" fill="#151515"/> >
<path d="M100.135 12.9218C97.7229 12.918 95.357 13.5812 93.2986 14.8381V12.9218H86.9883V42.3698H93.2986V26.0683C93.2986 24.2552 94.0188 22.5164 95.3008 21.2344C96.5829 19.9523 98.3216 19.2321 100.135 19.2321C101.948 19.2321 103.687 19.9523 104.969 21.2344C106.251 22.5164 106.971 24.2552 106.971 26.0683V42.3698H113.281V26.0683C113.281 22.5816 111.896 19.2378 109.431 16.7723C106.965 14.3069 103.621 12.9218 100.135 12.9218Z" fill="#151515"/> <g clipPath="url(#clip0_3258_71703)">
<path d="M144.833 29.5273V12.9218H138.523V15.5511C136.056 13.834 133.121 12.9161 130.116 12.9218C129.599 12.9221 129.083 12.9491 128.569 13.0028C124.819 13.3977 121.364 15.2161 118.915 18.083C116.466 20.95 115.21 24.6472 115.407 28.4126C115.603 32.1779 117.236 35.7244 119.97 38.3212C122.704 40.918 126.329 42.3671 130.1 42.3698C130.617 42.3696 131.133 42.3426 131.647 42.2888C135.314 41.9135 138.705 40.1663 141.139 37.3973C143.03 39.9275 145.769 41.6925 148.854 42.3698V35.7545C147.657 35.2122 146.641 34.3366 145.928 33.2323C145.215 32.128 144.835 30.8418 144.833 29.5273ZM136.647 32.9412C135.954 33.8021 135.096 34.517 134.125 35.0445C133.154 35.572 132.087 35.9016 130.988 36.0143C130.693 36.0449 130.396 36.0604 130.1 36.0606C127.944 36.0605 125.87 35.2328 124.307 33.7484C122.744 32.2639 121.81 30.2359 121.698 28.0829C121.586 25.9299 122.305 23.8161 123.707 22.1778C125.108 20.5395 127.085 19.5016 129.229 19.2784C129.524 19.2477 129.82 19.2323 130.116 19.2321C131.704 19.2335 133.26 19.6845 134.603 20.5331C135.946 21.3816 137.021 22.593 137.704 24.0271C138.388 25.4613 138.651 27.0595 138.464 28.637C138.277 30.2145 137.647 31.7067 136.647 32.9412Z" fill="#151515"/> <path
<path d="M123.338 57.5645V54.1748C123.106 54.4753 122.816 54.7144 122.469 54.8921C122.122 55.0656 121.747 55.1523 121.345 55.1523C120.579 55.1523 119.949 54.8646 119.454 54.2891C118.87 53.6162 118.578 52.7043 118.578 51.5532C118.578 50.4699 118.851 49.6257 119.396 49.0205C119.947 48.4111 120.628 48.1064 121.44 48.1064C121.889 48.1064 122.276 48.2017 122.602 48.3921C122.932 48.5825 123.224 48.8703 123.478 49.2554V48.2588H125.122V57.5645H123.338ZM123.396 51.5469C123.396 50.8571 123.254 50.3451 122.97 50.0107C122.691 49.6722 122.34 49.5029 121.917 49.5029C121.485 49.5029 121.123 49.6743 120.831 50.0171C120.543 50.3599 120.399 50.9036 120.399 51.6484C120.399 52.389 120.539 52.9243 120.818 53.2544C121.098 53.5802 121.443 53.7432 121.853 53.7432C122.264 53.7432 122.623 53.5591 122.932 53.1909C123.241 52.8228 123.396 52.2747 123.396 51.5469ZM131.317 55V53.9907C131.072 54.3504 130.748 54.634 130.346 54.8413C129.948 55.0487 129.527 55.1523 129.083 55.1523C128.63 55.1523 128.224 55.0529 127.864 54.854C127.505 54.6551 127.244 54.3758 127.083 54.0161C126.923 53.6564 126.842 53.1592 126.842 52.5244V48.2588H128.626V51.3564C128.626 52.3044 128.658 52.8862 128.721 53.1021C128.789 53.3136 128.91 53.4829 129.083 53.6099C129.257 53.7326 129.477 53.7939 129.743 53.7939C130.048 53.7939 130.321 53.7114 130.562 53.5464C130.803 53.3771 130.968 53.1698 131.057 52.9243C131.146 52.6746 131.19 52.0674 131.19 51.1025V48.2588H132.974V55H131.317ZM134.828 47.3447V45.6943H136.611V47.3447H134.828ZM134.828 55V48.2588H136.611V55H134.828ZM137.729 55V53.6099L140.255 50.709C140.67 50.235 140.976 49.8986 141.175 49.6997C140.968 49.7124 140.695 49.7209 140.356 49.7251L137.976 49.7378V48.2588H143.549V49.522L140.972 52.4927L140.064 53.4766C140.56 53.4469 140.866 53.4321 140.985 53.4321H143.746V55H137.729Z" fill="black"/> fillRule="evenodd"
clipRule="evenodd"
d="M21.5091 2.75764C15.4332 2.05385 11.2415 8.58037 7.34253 13.2981C3.92083 17.4383 1.37308 22.1148 1.07715 27.4802C0.762314 33.1885 1.79779 39.1334 5.68668 43.32C9.69244 47.6324 15.6929 50.3572 21.5091 49.4762C26.8423 48.6684 29.2022 42.8117 33.1728 39.1568C37.4842 35.1882 45.5165 33.3425 45.4051 27.4802C45.2935 21.609 36.8162 20.4598 32.7372 16.2397C28.5122 11.8685 27.5447 3.45678 21.5091 2.75764Z"
fill="#7E2AEA"
/>
<circle cx="36.626" cy="47.2429" r="3.3526" fill="#7E2AEA" />
<circle cx="33.2733" cy="10.0479" r="1.27718" fill="#7E2AEA" />
<path
d="M53.705 26.1072C53.3326 22.4867 51.6293 19.1334 48.9253 16.6973C46.2212 14.2612 42.709 12.9158 39.0694 12.9218C38.5526 12.9221 38.0363 12.9491 37.5223 13.0028C33.9035 13.3828 30.5535 15.0893 28.1185 17.7933C25.6835 20.4973 24.3361 24.0071 24.3359 27.6458V27.6458V48.6801H30.6462V39.7405C33.1134 41.457 36.0481 42.3747 39.0536 42.3698C39.5704 42.3696 40.0867 42.3426 40.6007 42.2888C42.5237 42.0867 44.3881 41.5078 46.0874 40.5852C47.7867 39.6626 49.2876 38.4142 50.5045 36.9115C51.7213 35.4088 52.6303 33.6811 53.1794 31.8271C53.7286 29.9731 53.9072 28.0291 53.705 26.1061V26.1072ZM45.6005 32.9433C44.9074 33.8044 44.0502 34.5194 43.0788 35.0469C42.1074 35.5744 41.0409 35.9039 39.9413 36.0164C39.6464 36.047 39.3501 36.0625 39.0536 36.0627C37.1452 36.0609 35.2941 35.4104 33.8041 34.218C32.3142 33.0256 31.2738 31.362 30.8539 29.5004C30.434 27.6388 30.6594 25.6897 31.4931 23.9731C32.3269 22.2564 33.7195 20.8743 35.4423 20.0534C37.1652 19.2325 39.1159 19.0217 40.9743 19.4556C42.8327 19.8895 44.4884 20.9423 45.6696 22.4412C46.8509 23.9401 47.4875 25.796 47.4749 27.7044C47.4623 29.6127 46.8014 31.4601 45.6005 32.9433Z"
fill="#151515"
/>
<path
d="M70.1665 12.9218C69.6497 12.922 69.1333 12.9491 68.6194 13.0028C64.8697 13.3977 61.4144 15.216 58.9656 18.083C56.5168 20.95 55.2612 24.6472 55.4575 28.4125C55.6538 32.1779 57.2872 35.7244 60.0209 38.3212C62.7545 40.9179 66.3803 42.367 70.1507 42.3698C70.6674 42.3696 71.1838 42.3426 71.6978 42.2888C74.4013 42.001 76.973 40.9725 79.1295 39.3167C81.286 37.6609 82.9436 35.442 83.9197 32.9044H76.7271L76.6976 32.9412C75.7763 34.08 74.5737 34.9585 73.2086 35.4899C71.8436 36.0212 70.3635 36.187 68.9147 35.9708C67.4659 35.7546 66.0987 35.1639 64.9483 34.2572C63.7979 33.3505 62.9041 32.1591 62.3554 30.8009H84.5466C85.0138 28.6512 84.9941 26.4241 84.489 24.2829C83.9839 22.1417 83.0061 20.1407 81.6273 18.4264C80.2485 16.7121 78.5037 15.328 76.5206 14.3756C74.5375 13.4231 72.3664 12.9264 70.1665 12.9218V12.9218ZM62.3554 24.4907C62.9298 23.0767 63.8772 21.8452 65.0964 20.9272C66.3157 20.0093 67.7612 19.4394 69.2788 19.2784C69.5737 19.2477 69.87 19.2323 70.1665 19.2321C71.8425 19.2293 73.481 19.7288 74.8705 20.6661C76.2599 21.6034 77.3367 22.9355 77.9618 24.4907H62.3554Z"
fill="#151515"
/>
<path
d="M100.135 12.9218C97.7229 12.918 95.357 13.5812 93.2986 14.8381V12.9218H86.9883V42.3698H93.2986V26.0683C93.2986 24.2552 94.0188 22.5164 95.3008 21.2344C96.5829 19.9523 98.3216 19.2321 100.135 19.2321C101.948 19.2321 103.687 19.9523 104.969 21.2344C106.251 22.5164 106.971 24.2552 106.971 26.0683V42.3698H113.281V26.0683C113.281 22.5816 111.896 19.2378 109.431 16.7723C106.965 14.3069 103.621 12.9218 100.135 12.9218Z"
fill="#151515"
/>
<path
d="M144.833 29.5273V12.9218H138.523V15.5511C136.056 13.834 133.121 12.9161 130.116 12.9218C129.599 12.9221 129.083 12.9491 128.569 13.0028C124.819 13.3977 121.364 15.2161 118.915 18.083C116.466 20.95 115.21 24.6472 115.407 28.4126C115.603 32.1779 117.236 35.7244 119.97 38.3212C122.704 40.918 126.329 42.3671 130.1 42.3698C130.617 42.3696 131.133 42.3426 131.647 42.2888C135.314 41.9135 138.705 40.1663 141.139 37.3973C143.03 39.9275 145.769 41.6925 148.854 42.3698V35.7545C147.657 35.2122 146.641 34.3366 145.928 33.2323C145.215 32.128 144.835 30.8418 144.833 29.5273ZM136.647 32.9412C135.954 33.8021 135.096 34.517 134.125 35.0445C133.154 35.572 132.087 35.9016 130.988 36.0143C130.693 36.0449 130.396 36.0604 130.1 36.0606C127.944 36.0605 125.87 35.2328 124.307 33.7484C122.744 32.2639 121.81 30.2359 121.698 28.0829C121.586 25.9299 122.305 23.8161 123.707 22.1778C125.108 20.5395 127.085 19.5016 129.229 19.2784C129.524 19.2477 129.82 19.2323 130.116 19.2321C131.704 19.2335 133.26 19.6845 134.603 20.5331C135.946 21.3816 137.021 22.593 137.704 24.0271C138.388 25.4613 138.651 27.0595 138.464 28.637C138.277 30.2145 137.647 31.7067 136.647 32.9412Z"
fill="#151515"
/>
<path
d="M123.338 57.5645V54.1748C123.106 54.4753 122.816 54.7144 122.469 54.8921C122.122 55.0656 121.747 55.1523 121.345 55.1523C120.579 55.1523 119.949 54.8646 119.454 54.2891C118.87 53.6162 118.578 52.7043 118.578 51.5532C118.578 50.4699 118.851 49.6257 119.396 49.0205C119.947 48.4111 120.628 48.1064 121.44 48.1064C121.889 48.1064 122.276 48.2017 122.602 48.3921C122.932 48.5825 123.224 48.8703 123.478 49.2554V48.2588H125.122V57.5645H123.338ZM123.396 51.5469C123.396 50.8571 123.254 50.3451 122.97 50.0107C122.691 49.6722 122.34 49.5029 121.917 49.5029C121.485 49.5029 121.123 49.6743 120.831 50.0171C120.543 50.3599 120.399 50.9036 120.399 51.6484C120.399 52.389 120.539 52.9243 120.818 53.2544C121.098 53.5802 121.443 53.7432 121.853 53.7432C122.264 53.7432 122.623 53.5591 122.932 53.1909C123.241 52.8228 123.396 52.2747 123.396 51.5469ZM131.317 55V53.9907C131.072 54.3504 130.748 54.634 130.346 54.8413C129.948 55.0487 129.527 55.1523 129.083 55.1523C128.63 55.1523 128.224 55.0529 127.864 54.854C127.505 54.6551 127.244 54.3758 127.083 54.0161C126.923 53.6564 126.842 53.1592 126.842 52.5244V48.2588H128.626V51.3564C128.626 52.3044 128.658 52.8862 128.721 53.1021C128.789 53.3136 128.91 53.4829 129.083 53.6099C129.257 53.7326 129.477 53.7939 129.743 53.7939C130.048 53.7939 130.321 53.7114 130.562 53.5464C130.803 53.3771 130.968 53.1698 131.057 52.9243C131.146 52.6746 131.19 52.0674 131.19 51.1025V48.2588H132.974V55H131.317ZM134.828 47.3447V45.6943H136.611V47.3447H134.828ZM134.828 55V48.2588H136.611V55H134.828ZM137.729 55V53.6099L140.255 50.709C140.67 50.235 140.976 49.8986 141.175 49.6997C140.968 49.7124 140.695 49.7209 140.356 49.7251L137.976 49.7378V48.2588H143.549V49.522L140.972 52.4927L140.064 53.4766C140.56 53.4469 140.866 53.4321 140.985 53.4321H143.746V55H137.729Z"
fill="black"
/>
</g> </g>
<defs> <defs>
<clipPath id="clip0_3258_71703"> <clipPath id="clip0_3258_71703">
<rect width="149" height="57.6774" fill="white"/> <rect width="149" height="57.6774" fill="white" />
</clipPath> </clipPath>
</defs> </defs>
</svg> </svg>

50
src/pages/Landing/images/icons/UserCircle.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -19,16 +17,44 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
width="39"
height="39"
viewBox="0 0 39 39"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="UserCircle"> <g id="UserCircle">
<path id="Vector" d="M19.5 24.375C22.8655 24.375 25.5938 21.6467 25.5938 18.2812C25.5938 14.9158 22.8655 12.1875 19.5 12.1875C16.1345 12.1875 13.4062 14.9158 13.4062 18.2812C13.4062 21.6467 16.1345 24.375 19.5 24.375Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/> <path
<path id="Vector_2" d="M9.71875 30.3773C10.6357 28.5711 12.0349 27.0542 13.7613 25.9946C15.4876 24.9349 17.4736 24.374 19.4992 24.374C21.5248 24.374 23.5109 24.9349 25.2372 25.9946C26.9635 27.0542 28.3627 28.5711 29.2797 30.3773" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> id="Vector"
<path id="Vector_3" d="M34.0184 17.7481C34.0923 18.3291 34.1279 18.9143 34.125 19.5C34.125 22.3926 33.2673 25.2202 31.6602 27.6252C30.0532 30.0303 27.7691 31.9048 25.0968 33.0118C22.4244 34.1187 19.4838 34.4083 16.6468 33.844C13.8098 33.2797 11.2039 31.8868 9.15857 29.8415C7.11323 27.7961 5.72033 25.1902 5.15602 22.3532C4.59171 19.5162 4.88134 16.5756 5.98827 13.9033C7.0952 11.2309 8.96972 8.94679 11.3748 7.33978C13.7799 5.73276 16.6075 4.87502 19.5 4.87502C19.9527 4.87216 20.4052 4.8925 20.8559 4.93596" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> d="M19.5 24.375C22.8655 24.375 25.5938 21.6467 25.5938 18.2812C25.5938 14.9158 22.8655 12.1875 19.5 12.1875C16.1345 12.1875 13.4062 14.9158 13.4062 18.2812C13.4062 21.6467 16.1345 24.375 19.5 24.375Z"
<path id="Vector_4" d="M30.6413 6.18713C30.9363 6.06408 31.2532 6.00067 31.5735 6.00064C31.8934 6.00091 32.2109 6.06444 32.5056 6.18747C32.8003 6.31051 33.067 6.49057 33.29 6.71703C33.7454 7.18125 34 7.80218 34 8.44844C34 9.09471 33.7454 9.71563 33.29 10.1799L30.2104 13.2843C29.8192 13.6787 29.1817 13.6787 28.7905 13.2843L25.7099 10.179C25.2546 9.71475 25 9.09382 25 8.44755C25 7.80129 25.2546 7.18036 25.7099 6.71614C25.9332 6.48951 26.2003 6.30938 26.4953 6.18638C26.7902 6.06337 27.1072 6 27.4274 6C27.7476 6 28.0646 6.06337 28.3596 6.18638C28.6546 6.30938 28.9216 6.48951 29.1449 6.71614L29.5004 7.07611L29.856 6.71703C30.0793 6.49035 30.3463 6.31017 30.6413 6.18713Z" fill="white"/> stroke="white"
strokeWidth="1.5"
strokeMiterlimit="10"
/>
<path
id="Vector_2"
d="M9.71875 30.3773C10.6357 28.5711 12.0349 27.0542 13.7613 25.9946C15.4876 24.9349 17.4736 24.374 19.4992 24.374C21.5248 24.374 23.5109 24.9349 25.2372 25.9946C26.9635 27.0542 28.3627 28.5711 29.2797 30.3773"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
id="Vector_3"
d="M34.0184 17.7481C34.0923 18.3291 34.1279 18.9143 34.125 19.5C34.125 22.3926 33.2673 25.2202 31.6602 27.6252C30.0532 30.0303 27.7691 31.9048 25.0968 33.0118C22.4244 34.1187 19.4838 34.4083 16.6468 33.844C13.8098 33.2797 11.2039 31.8868 9.15857 29.8415C7.11323 27.7961 5.72033 25.1902 5.15602 22.3532C4.59171 19.5162 4.88134 16.5756 5.98827 13.9033C7.0952 11.2309 8.96972 8.94679 11.3748 7.33978C13.7799 5.73276 16.6075 4.87502 19.5 4.87502C19.9527 4.87216 20.4052 4.8925 20.8559 4.93596"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
id="Vector_4"
d="M30.6413 6.18713C30.9363 6.06408 31.2532 6.00067 31.5735 6.00064C31.8934 6.00091 32.2109 6.06444 32.5056 6.18747C32.8003 6.31051 33.067 6.49057 33.29 6.71703C33.7454 7.18125 34 7.80218 34 8.44844C34 9.09471 33.7454 9.71563 33.29 10.1799L30.2104 13.2843C29.8192 13.6787 29.1817 13.6787 28.7905 13.2843L25.7099 10.179C25.2546 9.71475 25 9.09382 25 8.44755C25 7.80129 25.2546 7.18036 25.7099 6.71614C25.9332 6.48951 26.2003 6.30938 26.4953 6.18638C26.7902 6.06337 27.1072 6 27.4274 6C27.7476 6 28.0646 6.06337 28.3596 6.18638C28.6546 6.30938 28.9216 6.48951 29.1449 6.71614L29.5004 7.07611L29.856 6.71703C30.0793 6.49035 30.3463 6.31017 30.6413 6.18713Z"
fill="white"
/>
</g> </g>
</svg> </svg>
</Box> </Box>
);
) }
};

29
src/pages/Landing/images/icons/clipIcon.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,11 +15,22 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M14.1429 16.7143L10.0651 20.792C9.38314 21.474 9 22.399 9 23.3635C9 25.3719 10.6281 27 12.6365 27C13.601 27 14.526 26.6169 15.208 25.9349L19.2857 21.8571M21.8571 19.2857L25.9349 15.208C26.6169 14.526 27 13.601 27 12.6365C27 10.6281 25.3719 9 23.3635 9C22.399 9 21.474 9.38313 20.792 10.0651L16.7143 14.1429M14.1429 21.8571L21.8571 14.1429" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> height="36"
</svg> viewBox="0 0 36 36"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="36" height="36" rx="6" fill="#7E2AEA" />
<path
d="M14.1429 16.7143L10.0651 20.792C9.38314 21.474 9 22.399 9 23.3635C9 25.3719 10.6281 27 12.6365 27C13.601 27 14.526 26.6169 15.208 25.9349L19.2857 21.8571M21.8571 19.2857L25.9349 15.208C26.6169 14.526 27 13.601 27 12.6365C27 10.6281 25.3719 9 23.3635 9C22.399 9 21.474 9.38313 20.792 10.0651L16.7143 14.1429M14.1429 21.8571L21.8571 14.1429"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</Box> </Box>
);
) }
};

29
src/pages/Landing/images/icons/tiktokIcon.tsx
View File

@ -1,12 +1,10 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
interface Props { interface Props {
color?: string; color?: string;
} }
export default function ({color}:Props) { export default function ({ color }: Props) {
return ( return (
<Box <Box
sx={{ sx={{
@ -17,11 +15,22 @@ export default function ({color}:Props) {
justifyContent: "center", justifyContent: "center",
}} }}
> >
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<rect width="36" height="36" rx="6" fill="#7E2AEA"/> width="36"
<path d="M20.0217 8.5V22.1552C20.0217 24.5548 18.1141 26.5 15.7609 26.5C13.4077 26.5 11.5 24.5548 11.5 22.1552C11.5 19.7556 13.4077 17.8103 15.7609 17.8103M25.5 15.3276C22.4744 15.3276 20.0217 12.8266 20.0217 9.74138" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> height="36"
</svg> viewBox="0 0 36 36"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="36" height="36" rx="6" fill="#7E2AEA" />
<path
d="M20.0217 8.5V22.1552C20.0217 24.5548 18.1141 26.5 15.7609 26.5C13.4077 26.5 11.5 24.5548 11.5 22.1552C11.5 19.7556 13.4077 17.8103 15.7609 17.8103M25.5 15.3276C22.4744 15.3276 20.0217 12.8266 20.0217 9.74138"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</Box> </Box>
);
) }
};

2
src/pages/Questions/Form/FormQuestionsPage.tsx
View File

@ -128,8 +128,8 @@ export default function FormQuestionsPage() {
> >
Следующий шаг Следующий шаг
</Button> </Button>
{createPortal(<QuizPreview />, document.body)}
</Box> </Box>
{createPortal(<QuizPreview />, document.body)}
</> </>
); );
} }

9
src/pages/createQuize/MyQuizzesFull.tsx
View File

@ -67,16 +67,17 @@ export default function MyQuizzesFull({
mb: "60px", mb: "60px",
}} }}
> >
{Object.values(listQuizes).map((e, i) => ( {Object.values(listQuizes).map(({ id, name }) => (
<QuizCard <QuizCard
name={e.name} key={id}
name={name}
openCount={0} openCount={0}
applicationCount={0} applicationCount={0}
conversionPercent={0} conversionPercent={0}
onClickDelete={() => { onClickDelete={() => {
removeQuiz(e.id); removeQuiz(id);
}} }}
onClickEdit={() => navigate(`/setting/${e.id}`)} onClickEdit={() => navigate(`/setting/${id}`)}
/> />
))} ))}
</Box> </Box>

14
src/pages/startPage/ModalSizeImage.tsx
View File

@ -109,8 +109,9 @@ export default function ModalSizeImage() {
</Typography> </Typography>
</Box> </Box>
<Box sx={{ padding: "15px 40px 30px" }}> <Box sx={{ padding: "15px 40px 30px" }}>
{rows.map((row) => ( {rows.map(({ name, size }, index) => (
<Box <Box
key={name || index}
sx={{ sx={{
display: "flex", display: "flex",
justifyContent: "space-between", justifyContent: "space-between",
@ -120,7 +121,7 @@ export default function ModalSizeImage() {
> >
<Box sx={{ display: "block ruby", height: "20px" }}> <Box sx={{ display: "block ruby", height: "20px" }}>
<Typography variant={"body2"} fontWeight={400}> <Typography variant={"body2"} fontWeight={400}>
{row.name} {name}
</Typography> </Typography>
</Box> </Box>
<Box <Box
@ -131,7 +132,7 @@ export default function ModalSizeImage() {
}} }}
></Box> ></Box>
<Box sx={{ display: "block ruby", height: "20px" }}> <Box sx={{ display: "block ruby", height: "20px" }}>
<Typography variant={"body2"}>{row.size}</Typography> <Typography variant={"body2"}>{size}</Typography>
</Box> </Box>
</Box> </Box>
))} ))}
@ -146,8 +147,9 @@ export default function ModalSizeImage() {
<Typography variant={"h5"}>Размеры изображений в квизе</Typography> <Typography variant={"h5"}>Размеры изображений в квизе</Typography>
</Box> </Box>
<Box sx={{ padding: "15px 40px 20px" }}> <Box sx={{ padding: "15px 40px 20px" }}>
{rows2.map((row) => ( {rows2.map(({ name, size }, index) => (
<Box <Box
key={name || index}
sx={{ sx={{
display: "flex", display: "flex",
justifyContent: "space-between", justifyContent: "space-between",
@ -157,7 +159,7 @@ export default function ModalSizeImage() {
> >
<Box sx={{ display: "block ruby", height: "20px" }}> <Box sx={{ display: "block ruby", height: "20px" }}>
<Typography variant={"body2"} fontWeight={400}> <Typography variant={"body2"} fontWeight={400}>
{row.name} {name}
</Typography> </Typography>
</Box> </Box>
<Box <Box
@ -168,7 +170,7 @@ export default function ModalSizeImage() {
}} }}
></Box> ></Box>
<Box sx={{ display: "block ruby", height: "20px" }}> <Box sx={{ display: "block ruby", height: "20px" }}>
<Typography variant={"body2"}>{row.size}</Typography> <Typography variant={"body2"}>{size}</Typography>
</Box> </Box>
</Box> </Box>
))} ))}

14
src/pages/startPage/Sidebar/icons/ReturnTime.tsx
View File

@ -1,13 +1,19 @@
import { FC, SVGProps } from "react"; import { FC, SVGProps } from "react";
export const ReturnTime: FC<SVGProps<SVGSVGElement>> = (props) => ( export const ReturnTime: FC<SVGProps<SVGSVGElement>> = (props) => (
<svg {...props} height="1em" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
{...props}
height="1em"
viewBox="0 0 22 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path <path
d="M1.56035 7.88979C2.88223 3.91993 6.65906 1.08711 11.0645 1.15898C16.5017 1.2477 20.8375 5.72731 20.7488 11.1645C20.6601 16.6017 16.1804 20.9374 10.7433 20.8487C5.81063 20.7682 1.78445 17.0739 1.14597 12.3293M1.56035 7.88979L1.2898 2.85973M1.56035 7.88979L6.72167 7.88979M11.0645 6.59296L11.0606 10.9319L14.3148 14.1861" d="M1.56035 7.88979C2.88223 3.91993 6.65906 1.08711 11.0645 1.15898C16.5017 1.2477 20.8375 5.72731 20.7488 11.1645C20.6601 16.6017 16.1804 20.9374 10.7433 20.8487C5.81063 20.7682 1.78445 17.0739 1.14597 12.3293M1.56035 7.88979L1.2898 2.85973M1.56035 7.88979L6.72167 7.88979M11.0645 6.59296L11.0606 10.9319L14.3148 14.1861"
stroke="currentColor" stroke="currentColor"
stroke-width="1.5" strokeWidth="1.5"
stroke-linecap="round" strokeLinecap="round"
stroke-linejoin="round" strokeLinejoin="round"
/> />
</svg> </svg>
); );