mirror of
https://github.com/outbackdingo/firezone.git
synced 2026-01-27 18:18:55 +00:00
fix(website): Sign in -> Admin portal and fix mobile safari SVG crash (#6839)
- Address customer feedback re: sign in link - Mobile safari crash fixed with simplified/optimized SVG
This commit is contained in:
Jamil
@@ -1,267 +1,3 @@
|
||||
<svg width="1440" height="826" viewBox="0 0 1440 826" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5">
|
||||
<mask id="mask0_126_175" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-231" y="-532" width="2026" height="2026">
|
||||
<rect width="1833" height="1032" transform="translate(-231 764.127) rotate(-45)" fill="url(#paint0_linear_126_175)"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_126_175)">
|
||||
<path opacity="0.19" d="M290.843 1285.97C98.3775 661.462 262.122 393.164 782.077 481.077C1302.03 568.99 1570.33 405.245 1586.97 -10.1565" stroke="url(#paint1_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.1" d="M270.784 1265.91C91.691 654.775 262.122 393.164 782.077 481.077C1302.03 568.99 1563.64 398.559 1566.91 -30.2161" stroke="url(#paint2_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.4" d="M250.724 1245.85C85.0043 648.089 262.122 393.164 782.077 481.077C1302.03 568.99 1556.96 391.872 1546.85 -50.2759" stroke="url(#paint3_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.75" d="M230.664 1225.79C78.3177 641.402 262.122 393.164 782.077 481.077C1302.03 568.99 1550.27 385.185 1526.79 -70.3355" stroke="url(#paint4_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.27" d="M210.605 1205.73C71.6312 634.716 262.122 393.164 782.077 481.077C1302.03 568.99 1543.58 378.499 1506.73 -90.3951" stroke="url(#paint5_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.95" d="M190.545 1185.67C64.9447 628.029 262.122 393.164 782.077 481.077C1302.03 568.99 1536.9 371.812 1486.67 -110.455" stroke="url(#paint6_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.3" d="M170.486 1165.61C58.2581 621.343 262.122 393.164 782.077 481.077C1302.03 568.99 1530.21 365.126 1466.61 -130.514" stroke="url(#paint7_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.12" d="M150.426 1145.55C51.5715 614.656 262.122 393.164 782.077 481.077C1302.03 568.99 1523.52 358.439 1446.55 -150.574" stroke="url(#paint8_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.92" d="M130.366 1125.49C44.8851 607.97 262.122 393.164 782.077 481.077C1302.03 568.99 1516.84 351.753 1426.49 -170.634" stroke="url(#paint9_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.41" d="M110.307 1105.43C38.1987 601.283 262.122 393.164 782.077 481.077C1302.03 568.99 1510.15 345.066 1406.43 -190.693" stroke="url(#paint10_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.37" d="M90.247 1085.37C31.512 594.596 262.122 393.164 782.077 481.077C1302.03 568.99 1503.46 338.38 1386.37 -210.753" stroke="url(#paint11_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.09" d="M70.1873 1065.31C24.8254 587.91 262.122 393.164 782.077 481.077C1302.03 568.99 1496.78 331.693 1366.31 -230.813" stroke="url(#paint12_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.11" d="M50.1278 1045.25C18.139 581.223 262.122 393.164 782.077 481.077C1302.03 568.99 1490.09 325.007 1346.25 -250.872" stroke="url(#paint13_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.16" d="M30.0681 1025.19C11.4523 574.537 262.122 393.164 782.077 481.077C1302.03 568.99 1483.4 318.32 1326.19 -270.932" stroke="url(#paint14_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.64" d="M10.0086 1005.14C4.76586 567.85 262.122 393.164 782.077 481.077C1302.03 568.99 1476.72 311.634 1306.14 -290.991" stroke="url(#paint15_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.52" d="M-10.0512 985.076C-1.92079 561.164 262.122 393.164 782.077 481.077C1302.03 568.99 1470.03 304.947 1286.08 -311.051" stroke="url(#paint16_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.29" d="M-30.1106 965.016C-8.60715 554.477 262.122 393.164 782.077 481.077C1302.03 568.99 1463.34 298.261 1266.02 -331.111" stroke="url(#paint17_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.3" d="M-50.1702 944.956C-15.2937 547.791 262.122 393.164 782.077 481.077C1302.03 568.99 1456.66 291.574 1245.96 -351.17" stroke="url(#paint18_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.37" d="M-70.23 924.897C-21.9804 541.104 262.122 393.164 782.077 481.077C1302.03 568.99 1449.97 284.887 1225.9 -371.23" stroke="url(#paint19_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.24" d="M-90.2897 904.837C-28.667 534.418 262.122 393.164 782.077 481.077C1302.03 568.99 1443.29 278.201 1205.84 -391.29" stroke="url(#paint20_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.64" d="M-110.349 884.778C-35.3533 527.731 262.122 393.164 782.077 481.077C1302.03 568.99 1436.6 271.514 1185.78 -411.349" stroke="url(#paint21_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.69" d="M-130.409 864.718C-42.04 521.044 262.122 393.164 782.077 481.077C1302.03 568.99 1429.91 264.828 1165.72 -431.409" stroke="url(#paint22_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.65" d="M-150.469 844.658C-48.7265 514.358 262.122 393.164 782.077 481.077C1302.03 568.99 1423.23 258.141 1145.66 -451.468" stroke="url(#paint23_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.13" d="M-170.528 824.599C-55.4129 507.672 262.122 393.164 782.077 481.077C1302.03 568.99 1416.54 251.455 1125.6 -471.528" stroke="url(#paint24_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.57" d="M-190.588 804.539C-62.0996 500.985 262.122 393.164 782.077 481.077C1302.03 568.99 1409.85 244.768 1105.54 -491.588" stroke="url(#paint25_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.19" d="M290.44 1285.57C97.9743 661.059 261.719 392.761 781.674 480.674C1301.63 568.587 1569.93 404.842 1586.57 -10.5597" stroke="url(#paint26_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.1" d="M270.381 1265.51C91.2878 654.372 261.719 392.761 781.674 480.674C1301.63 568.587 1563.24 398.155 1566.51 -30.6193" stroke="url(#paint27_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.4" d="M250.321 1245.45C84.6011 647.686 261.719 392.761 781.674 480.674C1301.63 568.586 1556.55 391.469 1546.45 -50.6791" stroke="url(#paint28_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.75" d="M230.261 1225.39C77.9145 640.999 261.719 392.761 781.674 480.674C1301.63 568.586 1549.87 384.782 1526.39 -70.7387" stroke="url(#paint29_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.27" d="M210.202 1205.33C71.228 634.313 261.719 392.761 781.674 480.674C1301.63 568.586 1543.18 378.096 1506.33 -90.7983" stroke="url(#paint30_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.95" d="M190.142 1185.27C64.5415 627.626 261.719 392.761 781.674 480.674C1301.63 568.586 1536.49 371.409 1486.27 -110.858" stroke="url(#paint31_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.3" d="M170.082 1165.21C57.8549 620.939 261.719 392.761 781.674 480.674C1301.63 568.586 1529.81 364.723 1466.21 -130.918" stroke="url(#paint32_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.12" d="M150.023 1145.15C51.1683 614.253 261.719 392.761 781.674 480.674C1301.63 568.586 1523.12 358.036 1446.15 -150.977" stroke="url(#paint33_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.92" d="M129.963 1125.09C44.4819 607.566 261.719 392.761 781.674 480.674C1301.63 568.586 1516.43 351.35 1426.09 -171.037" stroke="url(#paint34_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.41" d="M109.904 1105.03C37.7955 600.88 261.719 392.761 781.674 480.674C1301.63 568.587 1509.75 344.663 1406.03 -191.096" stroke="url(#paint35_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.37" d="M89.8438 1084.97C31.1088 594.193 261.719 392.761 781.674 480.674C1301.63 568.586 1503.06 337.976 1385.97 -211.156" stroke="url(#paint36_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.09" d="M69.7841 1064.91C24.4222 587.507 261.719 392.761 781.674 480.674C1301.63 568.586 1496.37 331.29 1365.91 -231.216" stroke="url(#paint37_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.11" d="M49.7246 1044.85C17.7358 580.82 261.719 392.761 781.674 480.674C1301.63 568.586 1489.69 324.603 1345.85 -251.275" stroke="url(#paint38_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.16" d="M29.6649 1024.79C11.0491 574.134 261.719 392.761 781.674 480.674C1301.63 568.586 1483 317.917 1325.79 -271.335" stroke="url(#paint39_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.64" d="M9.60537 1004.73C4.36266 567.447 261.719 392.761 781.674 480.674C1301.63 568.586 1476.31 311.23 1305.73 -291.395" stroke="url(#paint40_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.52" d="M-10.4544 984.672C-2.32398 560.761 261.719 392.761 781.674 480.674C1301.63 568.586 1469.63 304.544 1285.67 -311.454" stroke="url(#paint41_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.29" d="M-30.5138 964.613C-9.01035 554.074 261.719 392.761 781.674 480.674C1301.63 568.587 1462.94 297.857 1265.61 -331.514" stroke="url(#paint42_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.3" d="M-50.5734 944.553C-15.6969 547.388 261.719 392.761 781.674 480.674C1301.63 568.587 1456.26 291.171 1245.55 -351.573" stroke="url(#paint43_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.37" d="M-70.6332 924.494C-22.3836 540.701 261.719 392.761 781.674 480.674C1301.63 568.586 1449.57 284.484 1225.49 -371.633" stroke="url(#paint44_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.24" d="M-90.6929 904.434C-29.0702 534.014 261.719 392.761 781.674 480.674C1301.63 568.586 1442.88 277.798 1205.43 -391.693" stroke="url(#paint45_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.64" d="M-110.752 884.374C-35.7566 527.328 261.719 392.761 781.674 480.674C1301.63 568.586 1436.2 271.111 1185.37 -411.752" stroke="url(#paint46_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.69" d="M-130.812 864.315C-42.4432 520.641 261.719 392.761 781.674 480.674C1301.63 568.586 1429.51 264.425 1165.31 -431.812" stroke="url(#paint47_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.65" d="M-150.872 844.255C-49.1297 513.955 261.719 392.761 781.674 480.674C1301.63 568.586 1422.82 257.738 1145.25 -451.872" stroke="url(#paint48_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.13" d="M-170.931 824.195C-55.8161 507.268 261.719 392.761 781.674 480.674C1301.63 568.587 1416.14 251.052 1125.2 -471.931" stroke="url(#paint49_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
<path opacity="0.57" d="M-190.991 804.136C-62.5028 500.582 261.719 392.761 781.674 480.674C1301.63 568.587 1409.45 244.365 1105.14 -491.991" stroke="url(#paint50_linear_126_175)" stroke-width="2" stroke-linecap="round"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_126_175" x1="-39.7568" y1="548.446" x2="1833" y2="548.446" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00166626" stop-color="#B2B2B2" stop-opacity="0.248611"/>
|
||||
<stop offset="0.131666" stop-color="#C2C2C2" stop-opacity="0.403152"/>
|
||||
<stop offset="0.706666" stop-color="white"/>
|
||||
<stop offset="1" stop-color="#999999" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_126_175" x1="64745.9" y1="-63871.7" x2="111726" y2="-16891.8" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_126_175" x1="64742.1" y1="-63875.4" x2="111382" y2="-17236" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_126_175" x1="64738.3" y1="-63879.3" x2="111088" y2="-17529.8" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_126_175" x1="64734.2" y1="-63883.3" x2="110842" y2="-17775.2" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_126_175" x1="64730.1" y1="-63887.5" x2="110644" y2="-17973.4" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_126_175" x1="64725.7" y1="-63891.8" x2="110492" y2="-18125.8" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint7_linear_126_175" x1="64721.2" y1="-63896.4" x2="110384" y2="-18233.2" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint8_linear_126_175" x1="64716.4" y1="-63901.1" x2="110321" y2="-18296.3" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint9_linear_126_175" x1="64711.5" y1="-63906.1" x2="110302" y2="-18315.3" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint10_linear_126_175" x1="64706.3" y1="-63911.2" x2="110327" y2="-18290.3" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint11_linear_126_175" x1="64700.9" y1="-63916.6" x2="110396" y2="-18221.3" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint12_linear_126_175" x1="64695.2" y1="-63922.3" x2="110510" y2="-18107.7" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint13_linear_126_175" x1="64689.3" y1="-63928.2" x2="110669" y2="-17949" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint14_linear_126_175" x1="64683.1" y1="-63934.5" x2="110873" y2="-17744.1" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint15_linear_126_175" x1="64676.5" y1="-63941" x2="111126" y2="-17491.8" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint16_linear_126_175" x1="64669.6" y1="-63947.9" x2="111427" y2="-17190.6" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint17_linear_126_175" x1="64662.4" y1="-63955.2" x2="111779" y2="-16838.5" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint18_linear_126_175" x1="64654.7" y1="-63962.8" x2="112184" y2="-16433.4" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint19_linear_126_175" x1="64646.6" y1="-63970.9" x2="112645" y2="-15972.5" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint20_linear_126_175" x1="64638" y1="-63979.5" x2="113165" y2="-15452.8" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint21_linear_126_175" x1="64628.9" y1="-63988.6" x2="113747" y2="-14870.7" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint22_linear_126_175" x1="64619.3" y1="-63998.3" x2="114396" y2="-14222" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint23_linear_126_175" x1="64609" y1="-64008.5" x2="115116" y2="-13501.9" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint24_linear_126_175" x1="64598.1" y1="-64019.5" x2="115913" y2="-12704.9" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint25_linear_126_175" x1="64586.4" y1="-64031.2" x2="116793" y2="-11824.6" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED7D0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint26_linear_126_175" x1="64745.5" y1="-63872.1" x2="111725" y2="-16892.2" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint27_linear_126_175" x1="64741.7" y1="-63875.8" x2="111381" y2="-17236.4" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint28_linear_126_175" x1="64737.9" y1="-63879.7" x2="111087" y2="-17530.2" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint29_linear_126_175" x1="64733.8" y1="-63883.7" x2="110842" y2="-17775.6" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint30_linear_126_175" x1="64729.7" y1="-63887.9" x2="110644" y2="-17973.8" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint31_linear_126_175" x1="64725.3" y1="-63892.2" x2="110491" y2="-18126.2" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint32_linear_126_175" x1="64720.8" y1="-63896.8" x2="110384" y2="-18233.6" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint33_linear_126_175" x1="64716" y1="-63901.5" x2="110321" y2="-18296.7" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint34_linear_126_175" x1="64711.1" y1="-63906.5" x2="110302" y2="-18315.7" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint35_linear_126_175" x1="64705.9" y1="-63911.6" x2="110327" y2="-18290.7" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint36_linear_126_175" x1="64700.5" y1="-63917" x2="110396" y2="-18221.7" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint37_linear_126_175" x1="64694.8" y1="-63922.7" x2="110509" y2="-18108.1" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint38_linear_126_175" x1="64688.9" y1="-63928.6" x2="110668" y2="-17949.4" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint39_linear_126_175" x1="64682.7" y1="-63934.9" x2="110873" y2="-17744.5" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint40_linear_126_175" x1="64676.1" y1="-63941.4" x2="111125" y2="-17492.2" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint41_linear_126_175" x1="64669.2" y1="-63948.3" x2="111427" y2="-17191" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint42_linear_126_175" x1="64662" y1="-63955.6" x2="111779" y2="-16838.9" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint43_linear_126_175" x1="64654.3" y1="-63963.3" x2="112184" y2="-16433.8" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint44_linear_126_175" x1="64646.2" y1="-63971.4" x2="112645" y2="-15972.9" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint45_linear_126_175" x1="64637.6" y1="-63979.9" x2="113164" y2="-15453.2" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint46_linear_126_175" x1="64628.5" y1="-63989" x2="113746" y2="-14871.1" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint47_linear_126_175" x1="64618.9" y1="-63998.7" x2="114395" y2="-14222.4" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint48_linear_126_175" x1="64608.6" y1="-64008.9" x2="115115" y2="-13502.3" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint49_linear_126_175" x1="64597.7" y1="-64019.9" x2="115912" y2="-12705.4" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint50_linear_126_175" x1="64586" y1="-64031.6" x2="116793" y2="-11825" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ED6B0C"/>
|
||||
<stop offset="1" stop-color="#F44B2A"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<svg width="802" height="402" viewBox="0 0 802 402" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M72.3939 401C93.1661 337.41 219.608 158.466 411.93 196.008M411.93 196.008C604.251 233.55 743.442 0.999999 743.442 0.999999M411.93 196.008C219.608 158.466 113.92 337.41 93.148 401M411.93 196.008C604.251 233.55 713.556 0.999999 713.556 0.999999M411.93 196.008C219.608 158.466 139.932 337.41 119.16 401M411.93 196.008C604.251 233.55 768.347 1 768.347 1M411.93 196.008C219.608 158.466 73.2423 337.41 52.47 401M411.93 196.008C604.251 233.55 697.783 1.00055 697.783 1.00055M411.93 196.008C219.608 158.466 163.453 337.41 142.681 401M411.93 196.008C604.251 233.55 678.136 0.999999 678.136 0.999999M411.93 196.008C219.608 158.466 209.112 337.41 188.34 401M411.93 196.008C604.251 233.55 643.269 1.00055 643.269 1.00055M411.93 196.008C219.608 158.466 258.092 337.41 237.32 401M411.93 196.008C604.251 233.55 597.667 0.999996 597.667 0.999996M411.93 196.008C604.251 233.55 801 1 801 1M411.93 196.008C219.608 158.466 53.3183 337.41 32.546 401M411.93 196.008C219.608 158.466 82.0973 337.41 61.3251 401M411.93 196.008C219.608 158.466 103.128 337.41 82.3558 401M411.93 196.008C219.608 158.466 126.096 337.41 105.324 401M411.93 196.008C219.608 158.466 60.5336 337.41 39.7613 401M411.93 196.008C219.608 158.466 145.466 337.41 124.694 401M411.93 196.008C219.608 158.466 183.654 337.41 162.882 401M411.93 196.008C219.608 158.466 229.313 337.41 208.541 401M411.93 196.008C219.608 158.466 36.9918 337.41 16.2195 401M411.93 196.008C604.251 233.55 731.543 0.999999 731.543 0.999999M411.93 196.008C604.251 233.55 708.022 0.999999 708.022 0.999999M411.93 196.008C604.251 233.55 752.574 0.999999 752.574 0.999999M411.93 196.008C604.251 233.55 688.375 1.00055 688.375 1.00055M411.93 196.008C604.251 233.55 658.778 1.00055 658.778 1.00055M411.93 196.008C604.251 233.55 626.833 0.999996 626.833 0.999996M411.93 196.008C604.251 233.55 557.111 1.00052 557.111 1.00052M411.93 196.008C604.251 233.55 779.692 1 779.692 1M411.93 196.008C219.608 158.466 21.7722 337.41 0.999944 401M411.93 196.008C219.608 158.466 29.2437 337.41 8.47139 401M411.93 196.008C219.608 158.466 41.1427 337.41 20.3704 401M411.93 196.008C219.608 158.466 55.5834 337.41 34.8112 401M411.93 196.008C219.608 158.466 241.489 337.41 220.716 401M411.93 196.008C219.608 158.466 223.225 337.41 202.453 401M411.93 196.008C219.608 158.466 197.49 337.41 176.718 401M411.93 196.008C219.608 158.466 169.541 337.41 148.769 401M411.93 196.008C219.608 158.466 160.409 337.41 139.637 401M411.93 196.008C219.608 158.466 141.592 337.41 120.82 401M411.93 196.008C219.608 158.466 129.693 337.41 108.921 401M411.93 196.008C219.608 158.466 116.462 337.41 95.6897 401M411.93 196.008C219.608 158.466 105.67 337.41 84.8975 401M411.93 196.008C219.608 158.466 95.4311 337.41 74.6589 401M411.93 196.008C219.608 158.466 64.7153 337.41 43.943 401M411.93 196.008C219.608 158.466 75.5073 337.41 54.735 401M411.93 196.008C219.608 158.466 84.9158 337.41 64.1435 401M411.93 196.008C604.251 233.55 574.611 1.00055 574.611 1.00055M411.93 196.008C604.251 233.55 615.444 0.999996 615.444 0.999996M411.93 196.008C604.251 233.55 638.011 1.00055 638.011 1.00055M411.93 196.008C604.251 233.55 647.973 0.999998 647.973 0.999998M411.93 196.008C604.251 233.55 668.451 1.00055 668.451 1.00055M411.93 196.008C604.251 233.55 680.626 1.00055 680.626 1.00055M411.93 196.008C604.251 233.55 696.4 0.999999 696.4 0.999999M411.93 196.008C604.251 233.55 703.594 1.00055 703.594 1.00055M411.93 196.008C604.251 233.55 711.066 0.999999 711.066 0.999999M411.93 196.008C604.251 233.55 723.518 0.999999 723.518 0.999999M411.93 196.008C604.251 233.55 741.228 0.999999 741.228 0.999999M411.93 196.008C604.251 233.55 745.656 0.999999 745.656 0.999999M411.93 196.008C604.251 233.55 754.788 1 754.788 1M411.93 196.008C604.251 233.55 772.221 1 772.221 1M411.93 196.008C604.251 233.55 786.334 1 786.334 1M411.93 196.008C604.251 233.55 565.167 0.999995 565.167 0.999995" stroke="#FF7300" stroke-opacity="0.25"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 3.9 KiB |
@@ -96,3 +96,9 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
.bg-hero {
|
||||
background-image: url("/images/ribbon.svg");
|
||||
}
|
||||
}
|
||||
|
||||
@@ -22,7 +22,6 @@ import {
|
||||
FadeIn,
|
||||
} from "@/components/Animations";
|
||||
import ElevatorPitch from "@/components/ElevatorPitch";
|
||||
import "@/styles/hero.css";
|
||||
import CustomerTestimonials from "@/components/CustomerTestimonials";
|
||||
import FeatureCards from "@/components/FeatureCards";
|
||||
import SingleFeature from "@/components/SingleFeature";
|
||||
@@ -39,67 +38,69 @@ export const metadata: Metadata = {
|
||||
export default function Page() {
|
||||
return (
|
||||
<>
|
||||
<section className="bg-neutral-950 bg-hero pt-28 mb-16">
|
||||
<div className="flex flex-col items-center mx-auto md:px-0 px-4 max-w-screen-md">
|
||||
<Banner href="/blog/sep-2024-update" active>
|
||||
<Badge
|
||||
text="New"
|
||||
bgColor="accent-700"
|
||||
textColor="accent-200"
|
||||
size="sm"
|
||||
/>
|
||||
<span className="ml-1 ">
|
||||
Internet Resources, REST API, and more
|
||||
</span>
|
||||
<HiArrowLongRight className="inline-block mx-1 w-5 h-5 duration-50 transition transform group-hover:translate-x-1" />
|
||||
</Banner>
|
||||
<h1
|
||||
className={
|
||||
"font-manrope mb-8 text-5xl sm:text-6xl md:text-7xl text-center drop-shadow-[inset_0_2px_0_0_rgba(255,255,255,100)] font-medium tracking-tight leading-tight bg-gradient-to-b from-white from-70% to-slate-200 text-transparent bg-clip-text"
|
||||
}
|
||||
>
|
||||
Upgrade your VPN to zero-trust access
|
||||
</h1>
|
||||
<p className={"text-xl text-center text-neutral-400"}>
|
||||
Firezone is a fast, flexible VPN replacement built on WireGuard®
|
||||
that protects your most valuable resources without tedious
|
||||
configuration.
|
||||
</p>
|
||||
<div className="flex sm:flex-row flex-col-reverse items-center justify-center sm:gap-x-6 md:gap-x-12 mt-10 w-full">
|
||||
<div className="flex items-center my-4 mr-4">
|
||||
<ActionLink
|
||||
size="lg"
|
||||
href="https://app.firezone.dev/sign_up"
|
||||
color="neutral-100"
|
||||
transitionColor="primary-450"
|
||||
>
|
||||
Get started for free
|
||||
</ActionLink>
|
||||
</div>
|
||||
<div className=" flex items-center w-full sm:w-fit">
|
||||
<button
|
||||
type="button"
|
||||
className="tracking-tight group shadow-primary-700 text-lg sm:w-48 w-full inline-flex shadow-lg justify-center items-center md:py-3 py-2 px-5 font-semibold text-center text-white rounded bg-primary-450 hover:ring-1 hover:ring-primary-450 duration-50 transform transition"
|
||||
>
|
||||
<Link href="/contact/sales">Book a demo</Link>
|
||||
<HiArrowLongRight className="group-hover:translate-x-1 transition duration-50 group-hover:scale-110 transform ml-2 -mr-1 w-7 h-7" />
|
||||
</button>
|
||||
<section className="bg-neutral-950">
|
||||
<div className="mx-auto max-w-screen-2xl bg-hero bg-no-repeat bg-center sm:bg-cover pt-28 mb-16">
|
||||
<div className="flex flex-col items-center mx-auto md:px-0 px-4 max-w-screen-md">
|
||||
<Banner href="/blog/sep-2024-update" active>
|
||||
<Badge
|
||||
text="New"
|
||||
bgColor="accent-700"
|
||||
textColor="accent-200"
|
||||
size="sm"
|
||||
/>
|
||||
<span className="ml-1 ">
|
||||
Internet Resources, REST API, and more
|
||||
</span>
|
||||
<HiArrowLongRight className="inline-block mx-1 w-5 h-5 duration-50 transition transform group-hover:translate-x-1" />
|
||||
</Banner>
|
||||
<h1
|
||||
className={
|
||||
"font-manrope mb-8 text-5xl sm:text-6xl md:text-7xl text-center drop-shadow-[inset_0_2px_0_0_rgba(255,255,255,100)] font-medium tracking-tight leading-tight bg-gradient-to-b from-white from-70% to-slate-200 text-transparent bg-clip-text"
|
||||
}
|
||||
>
|
||||
Upgrade your VPN to zero-trust access
|
||||
</h1>
|
||||
<p className={"text-xl text-center text-neutral-400"}>
|
||||
Firezone is a fast, flexible VPN replacement built on WireGuard®
|
||||
that protects your most valuable resources without tedious
|
||||
configuration.
|
||||
</p>
|
||||
<div className="flex sm:flex-row flex-col-reverse items-center justify-center sm:gap-x-6 md:gap-x-12 mt-10 w-full">
|
||||
<div className="flex items-center my-4 mr-4">
|
||||
<ActionLink
|
||||
size="lg"
|
||||
href="https://app.firezone.dev/sign_up"
|
||||
color="neutral-100"
|
||||
transitionColor="primary-450"
|
||||
>
|
||||
Get started for free
|
||||
</ActionLink>
|
||||
</div>
|
||||
<div className=" flex items-center w-full sm:w-fit">
|
||||
<button
|
||||
type="button"
|
||||
className="tracking-tight group shadow-primary-700 text-lg sm:w-48 w-full inline-flex shadow-lg justify-center items-center md:py-3 py-2 px-5 font-semibold text-center text-white rounded bg-primary-450 hover:ring-1 hover:ring-primary-450 duration-50 transform transition"
|
||||
>
|
||||
<Link href="/contact/sales">Book a demo</Link>
|
||||
<HiArrowLongRight className="group-hover:translate-x-1 transition duration-50 group-hover:scale-110 transform ml-2 -mr-1 w-7 h-7" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="pt-24 pb-4 max-w-[1020px] mx-auto">
|
||||
<div className="text-center text-sm mb-6 font-base text-neutral-500">
|
||||
Backed by{" "}
|
||||
<Image
|
||||
src="/images/yc-logo-gray.png"
|
||||
alt="yc logo gray"
|
||||
width={100}
|
||||
height={40}
|
||||
className="mx-1 md:mx-1.5 inline-flex pb-0.5"
|
||||
/>{" "}
|
||||
and trusted by hundreds of organizations
|
||||
<div className="pt-24 pb-4 max-w-[1020px] mx-auto">
|
||||
<div className="text-center text-sm mb-6 font-base text-neutral-500">
|
||||
Backed by{" "}
|
||||
<Image
|
||||
src="/images/yc-logo-gray.png"
|
||||
alt="yc logo gray"
|
||||
width={100}
|
||||
height={40}
|
||||
className="mx-1 md:mx-1.5 inline-flex pb-0.5"
|
||||
/>{" "}
|
||||
and trusted by hundreds of organizations
|
||||
</div>
|
||||
<CustomerLogosGrayscale />
|
||||
</div>
|
||||
<CustomerLogosGrayscale />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@@ -316,7 +316,7 @@ export default function RootNavbar() {
|
||||
className="md:translate-y-0.5 block py-2 pl-3 pr-4 md:p-0 font-medium md:border-transparent hover:text-primary-450 md:border-b-2 hover:border-primary-450 duration-50 transition transform"
|
||||
href="https://app.firezone.dev"
|
||||
>
|
||||
Sign in
|
||||
Admin portal
|
||||
</Link>
|
||||
<Button type="cta" href="/contact/sales">
|
||||
Book a demo
|
||||
|
||||
@@ -1,4 +0,0 @@
|
||||
.bg-hero {
|
||||
background-image: url("/images/ribbon.svg");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
Reference in New Issue
Block a user