feat: AboutUs Section

This commit is contained in:
VizoleLabs 2024-04-02 09:49:23 +00:00
parent c7d54abcae
commit 9b14637e39
10 changed files with 179 additions and 87 deletions

View file

@ -1 +1,37 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2146" height="744"><defs><linearGradient id="d" x1="43.176%" x2="50%" y1="12.436%" y2="97.744%"><stop offset="0%" stop-color="#A855F7"/><stop offset="100%" stop-color="#6366F1"/></linearGradient><linearGradient id="f" x1="19.609%" x2="50%" y1="14.544%" y2="100%"><stop offset="0%" stop-color="#6366F1"/><stop offset="100%" stop-color="#6366F1" stop-opacity="0"/></linearGradient><filter id="e" width="145.2%" height="187%" x="-22.6%" y="-43.5%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceGraphic" stdDeviation="50"/></filter><filter id="g" width="165.1%" height="170.3%" x="-32.5%" y="-35.1%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceGraphic" stdDeviation="50"/></filter><radialGradient id="c" cx="50%" cy="100%" r="77.678%" fx="50%" fy="100%" gradientTransform="matrix(0 -1 .37746 0 .123 1.5)"><stop offset="0%" stop-color="#E9D5FF"/><stop offset="22.35%" stop-color="#A855F7"/><stop offset="100%" stop-color="#0F172A" stop-opacity="0"/></radialGradient><path id="a" d="M0 0h2440v921H0z"/></defs><g fill="none" fill-rule="evenodd" transform="translate(-140 -177)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)"><path fill="url(#c)" d="M0 0h2440v921H0z"/><path fill="url(#d)" fill-rule="nonzero" d="M1975.72 781.763c-3.682-3-8.757-3.61-13.042-1.568a12.323 12.323 0 0 0-7.014 11.129v98.57h-430.368c-6.79 0-12.296 5.516-12.296 12.321v98.57c0 6.805 5.505 12.321 12.296 12.321h430.368v98.57a12.323 12.323 0 0 0 7.014 11.129 12.276 12.276 0 0 0 13.042-1.568l196.74-160.176a12.33 12.33 0 0 0 4.54-9.561 12.33 12.33 0 0 0-4.54-9.561l-196.74-160.176Z" filter="url(#e)"/><path fill="url(#f)" d="m913 274 461 369-284 58z" filter="url(#g)"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2146" height="744">
<defs>
<linearGradient id="d" x1="43.176%" x2="50%" y1="12.436%" y2="97.744%">
<stop offset="0%" stop-color="#C37EB6" />
<stop offset="100%" stop-color="#F5887A" />
</linearGradient>
<linearGradient id="f" x1="19.609%" x2="50%" y1="14.544%" y2="100%">
<stop offset="0%" stop-color="#F5887A" />
<stop offset="100%" stop-color="#F5887A" stop-opacity="0" />
</linearGradient>
<filter id="e" width="145.2%" height="187%" x="-22.6%" y="-43.5%" filterUnits="objectBoundingBox">
<feGaussianBlur in="SourceGraphic" stdDeviation="50" />
</filter>
<filter id="g" width="165.1%" height="170.3%" x="-32.5%" y="-35.1%" filterUnits="objectBoundingBox">
<feGaussianBlur in="SourceGraphic" stdDeviation="50" />
</filter>
<radialGradient id="c" cx="50%" cy="100%" r="77.678%" fx="50%" fy="100%"
gradientTransform="matrix(0 -1 .37746 0 .123 1.5)">
<stop offset="0%" stop-color="#F0B37D" />
<stop offset="22.35%" stop-color="#F5887A" />
<stop offset="100%" stop-color="#0F172A" stop-opacity="0" />
</radialGradient>
<path id="a" d="M0 0h2440v921H0z" />
</defs>
<g fill="none" fill-rule="evenodd" transform="translate(-140 -177)">
<mask id="b" fill="#fff">
<use xlink:href="#a" />
</mask>
<g mask="url(#b)">
<path fill="url(#c)" d="M0 0h2440v921H0z" />
<path fill="url(#d)" fill-rule="nonzero"
d="M1975.72 781.763c-3.682-3-8.757-3.61-13.042-1.568a12.323 12.323 0 0 0-7.014 11.129v98.57h-430.368c-6.79 0-12.296 5.516-12.296 12.321v98.57c0 6.805 5.505 12.321 12.296 12.321h430.368v98.57a12.323 12.323 0 0 0 7.014 11.129 12.276 12.276 0 0 0 13.042-1.568l196.74-160.176a12.33 12.33 0 0 0 4.54-9.561 12.33 12.33 0 0 0-4.54-9.561l-196.74-160.176Z"
filter="url(#e)" />
<path fill="url(#f)" d="m913 274 461 369-284 58z" filter="url(#g)" />
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Before After
Before After