|
a |
|
b/docs/images/hero-light.svg |
|
|
1 |
<svg width="700" height="320" viewBox="0 0 700 320" fill="none" xmlns="http://www.w3.org/2000/svg"> |
|
|
2 |
<g clip-path="url(#clip0_2862_278)"> |
|
|
3 |
<rect width="700" height="320" rx="16" fill="url(#paint0_linear_2862_278)"/> |
|
|
4 |
<path d="M311.889 247.3C283.097 247.215 258.226 231.466 246.292 201.629C234.357 171.793 238.02 134.523 253.414 101.112C282.206 101.197 307.077 116.945 319.011 146.782C330.946 176.619 327.283 213.888 311.889 247.3Z" fill="white"/> |
|
|
5 |
<path d="M311.889 247.3C283.097 247.215 258.226 231.466 246.292 201.629C234.357 171.793 238.02 134.523 253.414 101.112C282.206 101.197 307.077 116.945 319.011 146.782C330.946 176.619 327.283 213.888 311.889 247.3Z" fill="url(#paint1_radial_2862_278)"/> |
|
|
6 |
<path d="M311.889 247.3C283.097 247.215 258.226 231.466 246.292 201.629C234.357 171.793 238.02 134.523 253.414 101.112C282.206 101.197 307.077 116.945 319.011 146.782C330.946 176.619 327.283 213.888 311.889 247.3Z" fill="black" fill-opacity="0.5" style="mix-blend-mode:hard-light"/> |
|
|
7 |
<path d="M311.889 247.3C283.097 247.215 258.226 231.466 246.292 201.629C234.357 171.793 238.02 134.523 253.414 101.112C282.206 101.197 307.077 116.945 319.011 146.782C330.946 176.619 327.283 213.888 311.889 247.3Z" fill="url(#paint2_linear_2862_278)" fill-opacity="0.5" style="mix-blend-mode:hard-light"/> |
|
|
8 |
<path d="M311.72 247.034C283.108 246.887 258.409 231.208 246.538 201.531C234.656 171.825 238.271 134.702 253.583 101.377C282.195 101.524 306.894 117.203 318.765 146.88C330.647 176.586 327.031 213.709 311.72 247.034Z" stroke="url(#paint3_linear_2862_278)" stroke-opacity="0.05" stroke-width="0.530516"/> |
|
|
9 |
<path d="M305.839 247.174C343.92 237.419 377.154 210.619 393.585 171.64C410.017 132.661 405.98 90.1988 386.347 56.1934C348.266 65.9477 315.032 92.7486 298.601 131.728C282.169 170.706 286.206 213.168 305.839 247.174Z" fill="white"/> |
|
|
10 |
<path d="M305.839 247.174C343.92 237.419 377.154 210.619 393.585 171.64C410.017 132.661 405.98 90.1988 386.347 56.1934C348.266 65.9477 315.032 92.7486 298.601 131.728C282.169 170.706 286.206 213.168 305.839 247.174Z" fill="url(#paint4_radial_2862_278)"/> |
|
|
11 |
<path d="M393.341 171.537C376.971 210.369 343.89 237.091 305.969 246.867C286.462 212.959 282.476 170.663 298.845 131.831C315.215 92.9978 348.295 66.2765 386.217 56.5004C405.724 90.4077 409.71 132.704 393.341 171.537Z" stroke="url(#paint5_linear_2862_278)" stroke-opacity="0.05" stroke-width="0.530516"/> |
|
|
12 |
<path d="M305.686 246.995C329.75 266.114 361.965 272.832 393.671 262.129C425.376 251.426 449.499 225.691 461.03 194.556C436.967 175.437 404.751 168.719 373.046 179.422C341.34 190.125 317.217 215.86 305.686 246.995Z" fill="white"/> |
|
|
13 |
<path d="M305.686 246.995C329.75 266.114 361.965 272.832 393.671 262.129C425.376 251.426 449.499 225.691 461.03 194.556C436.967 175.437 404.751 168.719 373.046 179.422C341.34 190.125 317.217 215.86 305.686 246.995Z" fill="url(#paint6_radial_2862_278)"/> |
|
|
14 |
<path d="M305.686 246.995C329.75 266.114 361.965 272.832 393.671 262.129C425.376 251.426 449.499 225.691 461.03 194.556C436.967 175.437 404.751 168.719 373.046 179.422C341.34 190.125 317.217 215.86 305.686 246.995Z" fill="black" fill-opacity="0.2" style="mix-blend-mode:hard-light"/> |
|
|
15 |
<path d="M305.686 246.995C329.75 266.114 361.965 272.832 393.671 262.129C425.376 251.426 449.499 225.691 461.03 194.556C436.967 175.437 404.751 168.719 373.046 179.422C341.34 190.125 317.217 215.86 305.686 246.995Z" fill="url(#paint7_linear_2862_278)" fill-opacity="0.5" style="mix-blend-mode:hard-light"/> |
|
|
16 |
<path d="M393.586 261.878C362.035 272.529 329.981 265.88 306.002 246.907C317.535 215.919 341.571 190.327 373.13 179.673C404.682 169.023 436.736 175.671 460.715 194.644C449.182 225.632 425.146 251.224 393.586 261.878Z" stroke="url(#paint8_linear_2862_278)" stroke-opacity="0.05" stroke-width="0.530516"/> |
|
|
17 |
<g opacity="0.8" filter="url(#filter0_f_2862_278)"> |
|
|
18 |
<circle cx="660" cy="-60" r="160" fill="#18E299" fill-opacity="0.4"/> |
|
|
19 |
</g> |
|
|
20 |
<g opacity="0.8" filter="url(#filter1_f_2862_278)"> |
|
|
21 |
<circle cx="20" cy="213" r="160" fill="#18E299" fill-opacity="0.33"/> |
|
|
22 |
</g> |
|
|
23 |
<g opacity="0.8" filter="url(#filter2_f_2862_278)"> |
|
|
24 |
<circle cx="660" cy="480" r="160" fill="#18E299" fill-opacity="0.52"/> |
|
|
25 |
</g> |
|
|
26 |
<g opacity="0.8" filter="url(#filter3_f_2862_278)"> |
|
|
27 |
<circle cx="20" cy="413" r="160" fill="#18E299" fill-opacity="0.22"/> |
|
|
28 |
</g> |
|
|
29 |
<g style="mix-blend-mode:overlay" opacity="0.1"> |
|
|
30 |
<path d="M0 50H700" stroke="black" stroke-dasharray="4 4"/> |
|
|
31 |
</g> |
|
|
32 |
<g style="mix-blend-mode:overlay" opacity="0.1"> |
|
|
33 |
<path d="M0 82H700" stroke="black" stroke-dasharray="4 4"/> |
|
|
34 |
</g> |
|
|
35 |
<g style="mix-blend-mode:overlay" opacity="0.1"> |
|
|
36 |
<path d="M239 0L239 320" stroke="black" stroke-dasharray="4 4"/> |
|
|
37 |
</g> |
|
|
38 |
<g style="mix-blend-mode:overlay" opacity="0.1"> |
|
|
39 |
<path d="M271 0L271 320" stroke="black" stroke-dasharray="4 4"/> |
|
|
40 |
</g> |
|
|
41 |
<g style="mix-blend-mode:overlay" opacity="0.1"> |
|
|
42 |
<path d="M461 0L461 320" stroke="black" stroke-dasharray="4 4"/> |
|
|
43 |
</g> |
|
|
44 |
<g style="mix-blend-mode:overlay" opacity="0.1"> |
|
|
45 |
<path d="M350 0L350 320" stroke="url(#paint9_linear_2862_278)"/> |
|
|
46 |
</g> |
|
|
47 |
<g style="mix-blend-mode:overlay" opacity="0.1"> |
|
|
48 |
<path d="M429 0L429 320" stroke="black" stroke-dasharray="4 4"/> |
|
|
49 |
</g> |
|
|
50 |
<g style="mix-blend-mode:overlay" opacity="0.1"> |
|
|
51 |
<path d="M0 271H700" stroke="black" stroke-dasharray="4 4"/> |
|
|
52 |
</g> |
|
|
53 |
<g style="mix-blend-mode:overlay" opacity="0.1"> |
|
|
54 |
<path d="M0 239H700" stroke="black" stroke-dasharray="4 4"/> |
|
|
55 |
</g> |
|
|
56 |
<g style="mix-blend-mode:overlay" opacity="0.1"> |
|
|
57 |
<path d="M0 160H700" stroke="url(#paint10_linear_2862_278)"/> |
|
|
58 |
</g> |
|
|
59 |
<g style="mix-blend-mode:overlay" opacity="0.1"> |
|
|
60 |
<path d="M511 -1L189 321" stroke="url(#paint11_linear_2862_278)"/> |
|
|
61 |
</g> |
|
|
62 |
<g style="mix-blend-mode:overlay" opacity="0.1"> |
|
|
63 |
<path d="M511 321L189 -1" stroke="url(#paint12_linear_2862_278)"/> |
|
|
64 |
</g> |
|
|
65 |
<g style="mix-blend-mode:overlay" opacity="0.05"> |
|
|
66 |
<circle cx="350" cy="160" r="111" stroke="black"/> |
|
|
67 |
</g> |
|
|
68 |
<g style="mix-blend-mode:overlay" opacity="0.05"> |
|
|
69 |
<circle cx="350" cy="160" r="79" stroke="black"/> |
|
|
70 |
</g> |
|
|
71 |
</g> |
|
|
72 |
<defs> |
|
|
73 |
<filter id="filter0_f_2862_278" x="260" y="-460" width="800" height="800" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> |
|
|
74 |
<feFlood flood-opacity="0" result="BackgroundImageFix"/> |
|
|
75 |
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> |
|
|
76 |
<feGaussianBlur stdDeviation="120" result="effect1_foregroundBlur_2862_278"/> |
|
|
77 |
</filter> |
|
|
78 |
<filter id="filter1_f_2862_278" x="-380" y="-187" width="800" height="800" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> |
|
|
79 |
<feFlood flood-opacity="0" result="BackgroundImageFix"/> |
|
|
80 |
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> |
|
|
81 |
<feGaussianBlur stdDeviation="120" result="effect1_foregroundBlur_2862_278"/> |
|
|
82 |
</filter> |
|
|
83 |
<filter id="filter2_f_2862_278" x="260" y="80" width="800" height="800" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> |
|
|
84 |
<feFlood flood-opacity="0" result="BackgroundImageFix"/> |
|
|
85 |
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> |
|
|
86 |
<feGaussianBlur stdDeviation="120" result="effect1_foregroundBlur_2862_278"/> |
|
|
87 |
</filter> |
|
|
88 |
<filter id="filter3_f_2862_278" x="-380" y="13" width="800" height="800" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> |
|
|
89 |
<feFlood flood-opacity="0" result="BackgroundImageFix"/> |
|
|
90 |
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> |
|
|
91 |
<feGaussianBlur stdDeviation="120" result="effect1_foregroundBlur_2862_278"/> |
|
|
92 |
</filter> |
|
|
93 |
<linearGradient id="paint0_linear_2862_278" x1="1.04308e-05" y1="320" x2="710.784" y2="26.0793" gradientUnits="userSpaceOnUse"> |
|
|
94 |
<stop stop-color="#18E299" stop-opacity="0.09"/> |
|
|
95 |
<stop offset="0.729167" stop-color="#0D9373" stop-opacity="0.08"/> |
|
|
96 |
</linearGradient> |
|
|
97 |
<radialGradient id="paint1_radial_2862_278" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(208.697 189.703) rotate(-10.029) scale(169.097 167.466)"> |
|
|
98 |
<stop stop-color="#00B0BB"/> |
|
|
99 |
<stop offset="1" stop-color="#00DB65"/> |
|
|
100 |
</radialGradient> |
|
|
101 |
<linearGradient id="paint2_linear_2862_278" x1="306.587" y1="93.5598" x2="252.341" y2="224.228" gradientUnits="userSpaceOnUse"> |
|
|
102 |
<stop stop-color="#18E299"/> |
|
|
103 |
<stop offset="1"/> |
|
|
104 |
</linearGradient> |
|
|
105 |
<linearGradient id="paint3_linear_2862_278" x1="311.84" y1="123.717" x2="253.579" y2="224.761" gradientUnits="userSpaceOnUse"> |
|
|
106 |
<stop/> |
|
|
107 |
<stop offset="1" stop-opacity="0"/> |
|
|
108 |
</linearGradient> |
|
|
109 |
<radialGradient id="paint4_radial_2862_278" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(313.407 243.64) rotate(-75.7542) scale(203.632 223.902)"> |
|
|
110 |
<stop stop-color="#00BBBB"/> |
|
|
111 |
<stop offset="0.712616" stop-color="#00DB65"/> |
|
|
112 |
</radialGradient> |
|
|
113 |
<linearGradient id="paint5_linear_2862_278" x1="308.586" y1="102.284" x2="383.487" y2="201.169" gradientUnits="userSpaceOnUse"> |
|
|
114 |
<stop/> |
|
|
115 |
<stop offset="1" stop-opacity="0"/> |
|
|
116 |
</linearGradient> |
|
|
117 |
<radialGradient id="paint6_radial_2862_278" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(311.447 249.925) rotate(-20.3524) scale(174.776 163.096)"> |
|
|
118 |
<stop stop-color="#00B0BB"/> |
|
|
119 |
<stop offset="1" stop-color="#00DB65"/> |
|
|
120 |
</radialGradient> |
|
|
121 |
<linearGradient id="paint7_linear_2862_278" x1="395.843" y1="169.781" x2="332.121" y2="263.82" gradientUnits="userSpaceOnUse"> |
|
|
122 |
<stop stop-color="#00B1BC"/> |
|
|
123 |
<stop offset="1"/> |
|
|
124 |
</linearGradient> |
|
|
125 |
<linearGradient id="paint8_linear_2862_278" x1="395.843" y1="169.781" x2="370.991" y2="271.799" gradientUnits="userSpaceOnUse"> |
|
|
126 |
<stop/> |
|
|
127 |
<stop offset="1" stop-opacity="0"/> |
|
|
128 |
</linearGradient> |
|
|
129 |
<linearGradient id="paint9_linear_2862_278" x1="350" y1="0" x2="350" y2="320" gradientUnits="userSpaceOnUse"> |
|
|
130 |
<stop stop-opacity="0"/> |
|
|
131 |
<stop offset="0.0001" stop-opacity="0.3"/> |
|
|
132 |
<stop offset="0.333333"/> |
|
|
133 |
<stop offset="0.666667"/> |
|
|
134 |
<stop offset="1" stop-opacity="0.3"/> |
|
|
135 |
</linearGradient> |
|
|
136 |
<linearGradient id="paint10_linear_2862_278" x1="0" y1="160" x2="700" y2="160" gradientUnits="userSpaceOnUse"> |
|
|
137 |
<stop stop-opacity="0.1"/> |
|
|
138 |
<stop offset="0.5"/> |
|
|
139 |
<stop offset="1" stop-opacity="0.1"/> |
|
|
140 |
</linearGradient> |
|
|
141 |
<linearGradient id="paint11_linear_2862_278" x1="511" y1="-1" x2="189" y2="321" gradientUnits="userSpaceOnUse"> |
|
|
142 |
<stop stop-opacity="0.1"/> |
|
|
143 |
<stop offset="0.5"/> |
|
|
144 |
<stop offset="1" stop-opacity="0.1"/> |
|
|
145 |
</linearGradient> |
|
|
146 |
<linearGradient id="paint12_linear_2862_278" x1="511" y1="321" x2="189" y2="-0.999997" gradientUnits="userSpaceOnUse"> |
|
|
147 |
<stop stop-opacity="0.1"/> |
|
|
148 |
<stop offset="0.5"/> |
|
|
149 |
<stop offset="1" stop-opacity="0.1"/> |
|
|
150 |
</linearGradient> |
|
|
151 |
<clipPath id="clip0_2862_278"> |
|
|
152 |
<rect width="700" height="320" rx="16" fill="white"/> |
|
|
153 |
</clipPath> |
|
|
154 |
</defs> |
|
|
155 |
</svg> |