refactor: Update logo component to use SVG instead of PNG

public/logos/zen-alpha-black.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:#000;}.g,.h{stroke-width:0px;}.i{fill:none;stroke:#fff;stroke-linejoin:round;stroke-width:4.375px;}.h{fill:url(#e);}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity=".02"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="g" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="i" d="M33.3917,50.625h22.5458c2.9642,0,5.3614,2.4276,5.3117,5.4032-.0486,2.9129-2.4859,5.2218-5.3992,5.2218h-31.7886"/><path class="i" d="M46.2859,29.375h-22.136c-2.9133,0-5.3506-2.3089-5.3992-5.2218-.0496-2.9756,2.3475-5.4032,5.3117-5.4032h31.8763"/><path class="i" d="M24.0615,61.25c-.6775,0-1.3659-.1303-2.0307-.4057-2.7105-1.1227-3.9977-4.2302-2.875-6.9406,1.7267-4.1686,4.2017-7.9058,7.3563-11.1076,3.268-3.3171,7.122-5.9089,11.4551-7.7038,5.956-2.4672,10.5947-7.1058,13.0615-13.0615,1.1227-2.7107,4.2303-3.9976,6.9406-2.875,2.7105,1.1227,3.9977,4.2302,2.875,6.9406-1.7267,4.1686-4.2017,7.9058-7.3563,11.1076-3.268,3.3171-7.122,5.9089-11.4551,7.7038-5.956,2.4672-10.5947,7.1058-13.0615,13.0615-.8473,2.0457-2.8255,3.2808-4.9099,3.2808Z"/></g></svg>

public/logos/zen-alpha-blue.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:none;stroke:#fff;stroke-linejoin:round;stroke-width:4.375px;}.h{fill:url(#e);}.h,.i{stroke-width:0px;}.i{fill:#70a0ff;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="g" d="M33.3917,50.625h22.5458c2.9642,0,5.3614,2.4276,5.3117,5.4032-.0486,2.9129-2.4859,5.2218-5.3992,5.2218h-31.7886"/><path class="g" d="M46.2859,29.375h-22.136c-2.9133,0-5.3506-2.3089-5.3992-5.2218-.0496-2.9756,2.3475-5.4032,5.3117-5.4032h31.8763"/><path class="g" d="M24.0615,61.25c-.6775,0-1.3659-.1303-2.0307-.4057-2.7105-1.1227-3.9977-4.2302-2.875-6.9406,1.7267-4.1686,4.2017-7.9058,7.3563-11.1076,3.268-3.3171,7.122-5.9089,11.4551-7.7038,5.956-2.4672,10.5947-7.1058,13.0615-13.0615,1.1227-2.7107,4.2303-3.9976,6.9406-2.875,2.7105,1.1227,3.9977,4.2302,2.875,6.9406-1.7267,4.1686-4.2017,7.9058-7.3563,11.1076-3.268,3.3171-7.122,5.9089-11.4551,7.7038-5.956,2.4672-10.5947,7.1058-13.0615,13.0615-.8473,2.0457-2.8255,3.2808-4.9099,3.2808Z"/></g></svg>

public/logos/zen-alpha-brown.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:none;stroke:#fff;stroke-linejoin:round;stroke-width:4.375px;}.h{fill:url(#e);}.h,.i{stroke-width:0px;}.i{fill:#c7949b;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="g" d="M33.3917,50.625h22.5458c2.9642,0,5.3614,2.4276,5.3117,5.4032-.0486,2.9129-2.4859,5.2218-5.3992,5.2218h-31.7886"/><path class="g" d="M46.2859,29.375h-22.136c-2.9133,0-5.3506-2.3089-5.3992-5.2218-.0496-2.9756,2.3475-5.4032,5.3117-5.4032h31.8763"/><path class="g" d="M24.0615,61.25c-.6775,0-1.3659-.1303-2.0307-.4057-2.7105-1.1227-3.9977-4.2302-2.875-6.9406,1.7267-4.1686,4.2017-7.9058,7.3563-11.1076,3.268-3.3171,7.122-5.9089,11.4551-7.7038,5.956-2.4672,10.5947-7.1058,13.0615-13.0615,1.1227-2.7107,4.2303-3.9976,6.9406-2.875,2.7105,1.1227,3.9977,4.2302,2.875,6.9406-1.7267,4.1686-4.2017,7.9058-7.3563,11.1076-3.268,3.3171-7.122,5.9089-11.4551,7.7038-5.956,2.4672-10.5947,7.1058-13.0615,13.0615-.8473,2.0457-2.8255,3.2808-4.9099,3.2808Z"/></g></svg>

public/logos/zen-alpha-buff.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:none;stroke:#fff;stroke-linejoin:round;stroke-width:4.375px;}.h{fill:url(#e);}.h,.i{stroke-width:0px;}.i{fill:#c9987e;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="g" d="M33.3917,50.625h22.5458c2.9642,0,5.3614,2.4276,5.3117,5.4032-.0486,2.9129-2.4859,5.2218-5.3992,5.2218h-31.7886"/><path class="g" d="M46.2859,29.375h-22.136c-2.9133,0-5.3506-2.3089-5.3992-5.2218-.0496-2.9756,2.3475-5.4032,5.3117-5.4032h31.8763"/><path class="g" d="M24.0615,61.25c-.6775,0-1.3659-.1303-2.0307-.4057-2.7105-1.1227-3.9977-4.2302-2.875-6.9406,1.7267-4.1686,4.2017-7.9058,7.3563-11.1076,3.268-3.3171,7.122-5.9089,11.4551-7.7038,5.956-2.4672,10.5947-7.1058,13.0615-13.0615,1.1227-2.7107,4.2303-3.9976,6.9406-2.875,2.7105,1.1227,3.9977,4.2302,2.875,6.9406-1.7267,4.1686-4.2017,7.9058-7.3563,11.1076-3.268,3.3171-7.122,5.9089-11.4551,7.7038-5.956,2.4672-10.5947,7.1058-13.0615,13.0615-.8473,2.0457-2.8255,3.2808-4.9099,3.2808Z"/></g></svg>

public/logos/zen-alpha-indigo.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:none;stroke:#fff;stroke-linejoin:round;stroke-width:4.375px;}.h{fill:url(#e);}.h,.i{stroke-width:0px;}.i{fill:#a570ff;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="g" d="M33.3917,50.625h22.5458c2.9642,0,5.3614,2.4276,5.3117,5.4032-.0486,2.9129-2.4859,5.2218-5.3992,5.2218h-31.7886"/><path class="g" d="M46.2859,29.375h-22.136c-2.9133,0-5.3506-2.3089-5.3992-5.2218-.0496-2.9756,2.3475-5.4032,5.3117-5.4032h31.8763"/><path class="g" d="M24.0615,61.25c-.6775,0-1.3659-.1303-2.0307-.4057-2.7105-1.1227-3.9977-4.2302-2.875-6.9406,1.7267-4.1686,4.2017-7.9058,7.3563-11.1076,3.268-3.3171,7.122-5.9089,11.4551-7.7038,5.956-2.4672,10.5947-7.1058,13.0615-13.0615,1.1227-2.7107,4.2303-3.9976,6.9406-2.875,2.7105,1.1227,3.9977,4.2302,2.875,6.9406-1.7267,4.1686-4.2017,7.9058-7.3563,11.1076-3.268,3.3171-7.122,5.9089-11.4551,7.7038-5.956,2.4672-10.5947,7.1058-13.0615,13.0615-.8473,2.0457-2.8255,3.2808-4.9099,3.2808Z"/></g></svg>

public/logos/zen-alpha-mantis.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:none;stroke:#fff;stroke-linejoin:round;stroke-width:4.375px;}.h{fill:url(#e);}.h,.i{stroke-width:0px;}.i{fill:#81c66c;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="g" d="M33.3917,50.625h22.5458c2.9642,0,5.3614,2.4276,5.3117,5.4032-.0486,2.9129-2.4859,5.2218-5.3992,5.2218h-31.7886"/><path class="g" d="M46.2859,29.375h-22.136c-2.9133,0-5.3506-2.3089-5.3992-5.2218-.0496-2.9756,2.3475-5.4032,5.3117-5.4032h31.8763"/><path class="g" d="M24.0615,61.25c-.6775,0-1.3659-.1303-2.0307-.4057-2.7105-1.1227-3.9977-4.2302-2.875-6.9406,1.7267-4.1686,4.2017-7.9058,7.3563-11.1076,3.268-3.3171,7.122-5.9089,11.4551-7.7038,5.956-2.4672,10.5947-7.1058,13.0615-13.0615,1.1227-2.7107,4.2303-3.9976,6.9406-2.875,2.7105,1.1227,3.9977,4.2302,2.875,6.9406-1.7267,4.1686-4.2017,7.9058-7.3563,11.1076-3.268,3.3171-7.122,5.9089-11.4551,7.7038-5.956,2.4672-10.5947,7.1058-13.0615,13.0615-.8473,2.0457-2.8255,3.2808-4.9099,3.2808Z"/></g></svg>

public/logos/zen-alpha-orchid.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:none;stroke:#fff;stroke-linejoin:round;stroke-width:4.375px;}.h{fill:url(#e);}.h,.i{stroke-width:0px;}.i{fill:#ef6cd9;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="g" d="M33.3917,50.625h22.5458c2.9642,0,5.3614,2.4276,5.3117,5.4032-.0486,2.9129-2.4859,5.2218-5.3992,5.2218h-31.7886"/><path class="g" d="M46.2859,29.375h-22.136c-2.9133,0-5.3506-2.3089-5.3992-5.2218-.0496-2.9756,2.3475-5.4032,5.3117-5.4032h31.8763"/><path class="g" d="M24.0615,61.25c-.6775,0-1.3659-.1303-2.0307-.4057-2.7105-1.1227-3.9977-4.2302-2.875-6.9406,1.7267-4.1686,4.2017-7.9058,7.3563-11.1076,3.268-3.3171,7.122-5.9089,11.4551-7.7038,5.956-2.4672,10.5947-7.1058,13.0615-13.0615,1.1227-2.7107,4.2303-3.9976,6.9406-2.875,2.7105,1.1227,3.9977,4.2302,2.875,6.9406-1.7267,4.1686-4.2017,7.9058-7.3563,11.1076-3.268,3.3171-7.122,5.9089-11.4551,7.7038-5.956,2.4672-10.5947,7.1058-13.0615,13.0615-.8473,2.0457-2.8255,3.2808-4.9099,3.2808Z"/></g></svg>

public/logos/zen-alpha-pink.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:none;stroke:#fff;stroke-linejoin:round;stroke-width:4.375px;}.h{fill:url(#e);}.h,.i{stroke-width:0px;}.i{fill:#ff708d;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="g" d="M33.3917,50.625h22.5458c2.9642,0,5.3614,2.4276,5.3117,5.4032-.0486,2.9129-2.4859,5.2218-5.3992,5.2218h-31.7886"/><path class="g" d="M46.2859,29.375h-22.136c-2.9133,0-5.3506-2.3089-5.3992-5.2218-.0496-2.9756,2.3475-5.4032,5.3117-5.4032h31.8763"/><path class="g" d="M24.0615,61.25c-.6775,0-1.3659-.1303-2.0307-.4057-2.7105-1.1227-3.9977-4.2302-2.875-6.9406,1.7267-4.1686,4.2017-7.9058,7.3563-11.1076,3.268-3.3171,7.122-5.9089,11.4551-7.7038,5.956-2.4672,10.5947-7.1058,13.0615-13.0615,1.1227-2.7107,4.2303-3.9976,6.9406-2.875,2.7105,1.1227,3.9977,4.2302,2.875,6.9406-1.7267,4.1686-4.2017,7.9058-7.3563,11.1076-3.268,3.3171-7.122,5.9089-11.4551,7.7038-5.956,2.4672-10.5947,7.1058-13.0615,13.0615-.8473,2.0457-2.8255,3.2808-4.9099,3.2808Z"/></g></svg>

public/logos/zen-alpha-tangerine.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:none;stroke:#fff;stroke-linejoin:round;stroke-width:4.375px;}.h{fill:url(#e);}.h,.i{stroke-width:0px;}.i{fill:#ff9147;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="g" d="M33.3917,50.625h22.5458c2.9642,0,5.3614,2.4276,5.3117,5.4032-.0486,2.9129-2.4859,5.2218-5.3992,5.2218h-31.7886"/><path class="g" d="M46.2859,29.375h-22.136c-2.9133,0-5.3506-2.3089-5.3992-5.2218-.0496-2.9756,2.3475-5.4032,5.3117-5.4032h31.8763"/><path class="g" d="M24.0615,61.25c-.6775,0-1.3659-.1303-2.0307-.4057-2.7105-1.1227-3.9977-4.2302-2.875-6.9406,1.7267-4.1686,4.2017-7.9058,7.3563-11.1076,3.268-3.3171,7.122-5.9089,11.4551-7.7038,5.956-2.4672,10.5947-7.1058,13.0615-13.0615,1.1227-2.7107,4.2303-3.9976,6.9406-2.875,2.7105,1.1227,3.9977,4.2302,2.875,6.9406-1.7267,4.1686-4.2017,7.9058-7.3563,11.1076-3.268,3.3171-7.122,5.9089-11.4551,7.7038-5.956,2.4672-10.5947,7.1058-13.0615,13.0615-.8473,2.0457-2.8255,3.2808-4.9099,3.2808Z"/></g></svg>

public/logos/zen-alpha-turqoise.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:none;stroke:#fff;stroke-linejoin:round;stroke-width:4.375px;}.h{fill:url(#e);}.h,.i{stroke-width:0px;}.i{fill:#41c8b8;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="g" d="M33.3917,50.625h22.5458c2.9642,0,5.3614,2.4276,5.3117,5.4032-.0486,2.9129-2.4859,5.2218-5.3992,5.2218h-31.7886"/><path class="g" d="M46.2859,29.375h-22.136c-2.9133,0-5.3506-2.3089-5.3992-5.2218-.0496-2.9756,2.3475-5.4032,5.3117-5.4032h31.8763"/><path class="g" d="M24.0615,61.25c-.6775,0-1.3659-.1303-2.0307-.4057-2.7105-1.1227-3.9977-4.2302-2.875-6.9406,1.7267-4.1686,4.2017-7.9058,7.3563-11.1076,3.268-3.3171,7.122-5.9089,11.4551-7.7038,5.956-2.4672,10.5947-7.1058,13.0615-13.0615,1.1227-2.7107,4.2303-3.9976,6.9406-2.875,2.7105,1.1227,3.9977,4.2302,2.875,6.9406-1.7267,4.1686-4.2017,7.9058-7.3563,11.1076-3.268,3.3171-7.122,5.9089-11.4551,7.7038-5.956,2.4672-10.5947,7.1058-13.0615,13.0615-.8473,2.0457-2.8255,3.2808-4.9099,3.2808Z"/></g></svg>

public/logos/zen-alpha-white.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:url(#d);}.g,.h{stroke-width:0px;}.i{fill:none;stroke:#141414;stroke-linejoin:round;stroke-width:4.375px;}.h{fill:#fff;}</style><linearGradient id="d" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#000" stop-opacity=".05"/><stop offset=".9" stop-color="#000" stop-opacity="0"/></linearGradient></defs><g id="c"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/><rect class="g" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="i" d="M33.3917,50.625h22.5458c2.9642,0,5.3614,2.4276,5.3117,5.4032-.0486,2.9129-2.4859,5.2218-5.3992,5.2218h-31.7886"/><path class="i" d="M46.2859,29.375h-22.136c-2.9133,0-5.3506-2.3089-5.3992-5.2218-.0496-2.9756,2.3475-5.4032,5.3117-5.4032h31.8763"/><path class="i" d="M24.0615,61.25c-.6775,0-1.3659-.1303-2.0307-.4057-2.7105-1.1227-3.9977-4.2302-2.875-6.9406,1.7267-4.1686,4.2017-7.9058,7.3563-11.1076,3.268-3.3171,7.122-5.9089,11.4551-7.7038,5.956-2.4672,10.5947-7.1058,13.0615-13.0615,1.1227-2.7107,4.2303-3.9976,6.9406-2.875,2.7105,1.1227,3.9977,4.2302,2.875,6.9406-1.7267,4.1686-4.2017,7.9058-7.3563,11.1076-3.268,3.3171-7.122,5.9089-11.4551,7.7038-5.956,2.4672-10.5947,7.1058-13.0615,13.0615-.8473,2.0457-2.8255,3.2808-4.9099,3.2808Z"/></g></svg>

public/logos/zen-alpha-yellow.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:none;stroke:#fff;stroke-linejoin:round;stroke-width:4.375px;}.h{fill:url(#e);}.h,.i{stroke-width:0px;}.i{fill:#d4b435;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="g" d="M33.3917,50.625h22.5458c2.9642,0,5.3614,2.4276,5.3117,5.4032-.0486,2.9129-2.4859,5.2218-5.3992,5.2218h-31.7886"/><path class="g" d="M46.2859,29.375h-22.136c-2.9133,0-5.3506-2.3089-5.3992-5.2218-.0496-2.9756,2.3475-5.4032,5.3117-5.4032h31.8763"/><path class="g" d="M24.0615,61.25c-.6775,0-1.3659-.1303-2.0307-.4057-2.7105-1.1227-3.9977-4.2302-2.875-6.9406,1.7267-4.1686,4.2017-7.9058,7.3563-11.1076,3.268-3.3171,7.122-5.9089,11.4551-7.7038,5.956-2.4672,10.5947-7.1058,13.0615-13.0615,1.1227-2.7107,4.2303-3.9976,6.9406-2.875,2.7105,1.1227,3.9977,4.2302,2.875,6.9406-1.7267,4.1686-4.2017,7.9058-7.3563,11.1076-3.268,3.3171-7.122,5.9089-11.4551,7.7038-5.956,2.4672-10.5947,7.1058-13.0615,13.0615-.8473,2.0457-2.8255,3.2808-4.9099,3.2808Z"/></g></svg>

public/logos/zen-black.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:#000;}.g,.h,.i{stroke-width:0px;}.h{fill:url(#e);}.i{fill:#fff;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity=".02"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="g" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="i" d="M63.4367,57.6782c-.0536,3.2127-2.7418,5.7593-5.955,5.7593h-24.1527c-.9392,0-1.5768-.9548-1.2169-1.8223l.0082-.0197c1.5882-3.8346,4.1653-7.0703,7.456-9.4308.4093-.2936.9032-.4459,1.407-.4459h16.5948c3.2694,0,5.9133,2.6775,5.8585,5.9594Z"/><path class="i" d="M46.671,16.5625c.9392,0,1.5768.9548,1.2169,1.8223l-.0082.0197c-1.5882,3.8346-4.1653,7.0703-7.456,9.4308-.4093.2936-.9032.4459-1.407.4459h-16.4984c-3.2132,0-5.9014-2.5466-5.955-5.7593-.0547-3.2819,2.5892-5.9594,5.8585-5.9594h24.2491Z"/><path class="i" d="M22.4208,63.4375c-.7473,0-1.5065-.1438-2.2398-.4475-2.9896-1.2383-4.4093-4.6657-3.171-7.6551,1.9045-4.5977,4.6342-8.7196,8.1136-12.251,3.6044-3.6585,7.8551-6.5172,12.6343-8.4968,6.5691-2.7211,11.6853-7.8373,14.4061-14.4061,1.2383-2.9897,4.6658-4.4091,7.6551-3.171,2.9896,1.2383,4.4093,4.6657,3.171,7.6551-1.9045,4.5977-4.6342,8.7196-8.1136,12.251-3.6044,3.6585-7.8551,6.5172-12.6343,8.4968-6.5691,2.7211-11.6853,7.8373-14.4061,14.4061-.9345,2.2562-3.1164,3.6185-5.4153,3.6185Z"/></g></svg>

public/logos/zen-blue.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:url(#e);}.g,.h,.i{stroke-width:0px;}.h{fill:#70a0ff;}.i{fill:#f9fbff;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="g" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="i" d="M63.4367,58.0615c-.0536,3.2127-2.7418,5.7593-5.955,5.7593h-24.1527c-.9392,0-1.5768-.9548-1.2169-1.8223l.0082-.0197c1.5882-3.8346,4.1653-7.0703,7.456-9.4308.4093-.2936.9032-.4459,1.407-.4459h16.5948c3.2694,0,5.9133,2.6775,5.8585,5.9594Z"/><path class="i" d="M46.671,16.9458c.9392,0,1.5768.9548,1.2169,1.8223l-.0082.0197c-1.5882,3.8346-4.1653,7.0703-7.456,9.4308-.4093.2936-.9032.4459-1.407.4459h-16.4984c-3.2132,0-5.9014-2.5466-5.955-5.7593-.0547-3.2819,2.5892-5.9594,5.8585-5.9594h24.2491Z"/><path class="i" d="M22.4208,63.8208c-.7473,0-1.5065-.1438-2.2398-.4475-2.9896-1.2383-4.4093-4.6657-3.171-7.6551,1.9045-4.5977,4.6342-8.7196,8.1136-12.251,3.6044-3.6585,7.8551-6.5172,12.6343-8.4968,6.5691-2.7211,11.6853-7.8373,14.4061-14.4061,1.2383-2.9897,4.6658-4.4091,7.6551-3.171,2.9896,1.2383,4.4093,4.6657,3.171,7.6551-1.9045,4.5977-4.6342,8.7196-8.1136,12.251-3.6044,3.6585-7.8551,6.5172-12.6343,8.4968-6.5691,2.7211-11.6853,7.8373-14.4061,14.4061-.9345,2.2562-3.1164,3.6185-5.4153,3.6185Z"/></g></svg>

public/logos/zen-brown.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:url(#e);}.g,.h,.i{stroke-width:0px;}.h{fill:#fdfbfb;}.i{fill:#c7949b;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="g" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="h" d="M63.4367,58.0615c-.0536,3.2127-2.7418,5.7593-5.955,5.7593h-24.1527c-.9392,0-1.5768-.9548-1.2169-1.8223l.0082-.0197c1.5882-3.8346,4.1653-7.0703,7.456-9.4308.4093-.2936.9032-.4459,1.407-.4459h16.5948c3.2694,0,5.9133,2.6775,5.8585,5.9594Z"/><path class="h" d="M46.671,16.9458c.9392,0,1.5768.9548,1.2169,1.8223l-.0082.0197c-1.5882,3.8346-4.1653,7.0703-7.456,9.4308-.4093.2936-.9032.4459-1.407.4459h-16.4984c-3.2132,0-5.9014-2.5466-5.955-5.7593-.0547-3.2819,2.5892-5.9594,5.8585-5.9594h24.2491Z"/><path class="h" d="M22.4208,63.8208c-.7473,0-1.5065-.1438-2.2398-.4475-2.9896-1.2383-4.4093-4.6657-3.171-7.6551,1.9045-4.5977,4.6342-8.7196,8.1136-12.251,3.6044-3.6585,7.8551-6.5172,12.6343-8.4968,6.5691-2.7211,11.6853-7.8373,14.4061-14.4061,1.2383-2.9897,4.6658-4.4091,7.6551-3.171,2.9896,1.2383,4.4093,4.6657,3.171,7.6551-1.9045,4.5977-4.6342,8.7196-8.1136,12.251-3.6044,3.6585-7.8551,6.5172-12.6343,8.4968-6.5691,2.7211-11.6853,7.8373-14.4061,14.4061-.9345,2.2562-3.1164,3.6185-5.4153,3.6185Z"/></g></svg>

public/logos/zen-buff.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:url(#e);}.g,.h,.i{stroke-width:0px;}.h{fill:#c9987e;}.i{fill:#fdfbfa;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="g" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="i" d="M63.4367,58.0615c-.0536,3.2127-2.7418,5.7593-5.955,5.7593h-24.1527c-.9392,0-1.5768-.9548-1.2169-1.8223l.0082-.0197c1.5882-3.8346,4.1653-7.0703,7.456-9.4308.4093-.2936.9032-.4459,1.407-.4459h16.5948c3.2694,0,5.9133,2.6775,5.8585,5.9594Z"/><path class="i" d="M46.671,16.9458c.9392,0,1.5768.9548,1.2169,1.8223l-.0082.0197c-1.5882,3.8346-4.1653,7.0703-7.456,9.4308-.4093.2936-.9032.4459-1.407.4459h-16.4984c-3.2132,0-5.9014-2.5466-5.955-5.7593-.0547-3.2819,2.5892-5.9594,5.8585-5.9594h24.2491Z"/><path class="i" d="M22.4208,63.8208c-.7473,0-1.5065-.1438-2.2398-.4475-2.9896-1.2383-4.4093-4.6657-3.171-7.6551,1.9045-4.5977,4.6342-8.7196,8.1136-12.251,3.6044-3.6585,7.8551-6.5172,12.6343-8.4968,6.5691-2.7211,11.6853-7.8373,14.4061-14.4061,1.2383-2.9897,4.6658-4.4091,7.6551-3.171,2.9896,1.2383,4.4093,4.6657,3.171,7.6551-1.9045,4.5977-4.6342,8.7196-8.1136,12.251-3.6044,3.6585-7.8551,6.5172-12.6343,8.4968-6.5691,2.7211-11.6853,7.8373-14.4061,14.4061-.9345,2.2562-3.1164,3.6185-5.4153,3.6185Z"/></g></svg>

public/logos/zen-indigo.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:url(#e);}.g,.h,.i{stroke-width:0px;}.h{fill:#a570ff;}.i{fill:#fcfaff;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="g" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="i" d="M63.4367,58.0615c-.0536,3.2127-2.7418,5.7593-5.955,5.7593h-24.1527c-.9392,0-1.5768-.9548-1.2169-1.8223l.0082-.0197c1.5882-3.8346,4.1653-7.0703,7.456-9.4308.4093-.2936.9032-.4459,1.407-.4459h16.5948c3.2694,0,5.9133,2.6775,5.8585,5.9594Z"/><path class="i" d="M46.671,16.9458c.9392,0,1.5768.9548,1.2169,1.8223l-.0082.0197c-1.5882,3.8346-4.1653,7.0703-7.456,9.4308-.4093.2936-.9032.4459-1.407.4459h-16.4984c-3.2132,0-5.9014-2.5466-5.955-5.7593-.0547-3.2819,2.5892-5.9594,5.8585-5.9594h24.2491Z"/><path class="i" d="M22.4208,63.8208c-.7473,0-1.5065-.1438-2.2398-.4475-2.9896-1.2383-4.4093-4.6657-3.171-7.6551,1.9045-4.5977,4.6342-8.7196,8.1136-12.251,3.6044-3.6585,7.8551-6.5172,12.6343-8.4968,6.5691-2.7211,11.6853-7.8373,14.4061-14.4061,1.2383-2.9897,4.6658-4.4091,7.6551-3.171,2.9896,1.2383,4.4093,4.6657,3.171,7.6551-1.9045,4.5977-4.6342,8.7196-8.1136,12.251-3.6044,3.6585-7.8551,6.5172-12.6343,8.4968-6.5691,2.7211-11.6853,7.8373-14.4061,14.4061-.9345,2.2562-3.1164,3.6185-5.4153,3.6185Z"/></g></svg>

public/logos/zen-mantis.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:#f8fcf7;}.g,.h,.i{stroke-width:0px;}.h{fill:url(#e);}.i{fill:#81c66c;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="g" d="M63.4367,58.0615c-.0536,3.2127-2.7418,5.7593-5.955,5.7593h-24.1527c-.9392,0-1.5768-.9548-1.2169-1.8223l.0082-.0197c1.5882-3.8346,4.1653-7.0703,7.456-9.4308.4093-.2936.9032-.4459,1.407-.4459h16.5948c3.2694,0,5.9133,2.6775,5.8585,5.9594Z"/><path class="g" d="M46.671,16.9458c.9392,0,1.5768.9548,1.2169,1.8223l-.0082.0197c-1.5882,3.8346-4.1653,7.0703-7.456,9.4308-.4093.2936-.9032.4459-1.407.4459h-16.4984c-3.2132,0-5.9014-2.5466-5.955-5.7593-.0547-3.2819,2.5892-5.9594,5.8585-5.9594h24.2491Z"/><path class="g" d="M22.4208,63.8208c-.7473,0-1.5065-.1438-2.2398-.4475-2.9896-1.2383-4.4093-4.6657-3.171-7.6551,1.9045-4.5977,4.6342-8.7196,8.1136-12.251,3.6044-3.6585,7.8551-6.5172,12.6343-8.4968,6.5691-2.7211,11.6853-7.8373,14.4061-14.4061,1.2383-2.9897,4.6658-4.4091,7.6551-3.171,2.9896,1.2383,4.4093,4.6657,3.171,7.6551-1.9045,4.5977-4.6342,8.7196-8.1136,12.251-3.6044,3.6585-7.8551,6.5172-12.6343,8.4968-6.5691,2.7211-11.6853,7.8373-14.4061,14.4061-.9345,2.2562-3.1164,3.6185-5.4153,3.6185Z"/></g></svg>

public/logos/zen-orchid.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:url(#e);}.g,.h,.i{stroke-width:0px;}.h{fill:#fef9fe;}.i{fill:#ef6cd9;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="g" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="h" d="M63.4367,58.0615c-.0536,3.2127-2.7418,5.7593-5.955,5.7593h-24.1527c-.9392,0-1.5768-.9548-1.2169-1.8223l.0082-.0197c1.5882-3.8346,4.1653-7.0703,7.456-9.4308.4093-.2936.9032-.4459,1.407-.4459h16.5948c3.2694,0,5.9133,2.6775,5.8585,5.9594Z"/><path class="h" d="M46.671,16.9458c.9392,0,1.5768.9548,1.2169,1.8223l-.0082.0197c-1.5882,3.8346-4.1653,7.0703-7.456,9.4308-.4093.2936-.9032.4459-1.407.4459h-16.4984c-3.2132,0-5.9014-2.5466-5.955-5.7593-.0547-3.2819,2.5892-5.9594,5.8585-5.9594h24.2491Z"/><path class="h" d="M22.4208,63.8208c-.7473,0-1.5065-.1438-2.2398-.4475-2.9896-1.2383-4.4093-4.6657-3.171-7.6551,1.9045-4.5977,4.6342-8.7196,8.1136-12.251,3.6044-3.6585,7.8551-6.5172,12.6343-8.4968,6.5691-2.7211,11.6853-7.8373,14.4061-14.4061,1.2383-2.9897,4.6658-4.4091,7.6551-3.171,2.9896,1.2383,4.4093,4.6657,3.171,7.6551-1.9045,4.5977-4.6342,8.7196-8.1136,12.251-3.6044,3.6585-7.8551,6.5172-12.6343,8.4968-6.5691,2.7211-11.6853,7.8373-14.4061,14.4061-.9345,2.2562-3.1164,3.6185-5.4153,3.6185Z"/></g></svg>

public/logos/zen-pink.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:url(#e);}.g,.h,.i{stroke-width:0px;}.h{fill:#fffafb;}.i{fill:#ff708d;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="g" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="h" d="M63.4367,58.0615c-.0536,3.2127-2.7418,5.7593-5.955,5.7593h-24.1527c-.9392,0-1.5768-.9548-1.2169-1.8223l.0082-.0197c1.5882-3.8346,4.1653-7.0703,7.456-9.4308.4093-.2936.9032-.4459,1.407-.4459h16.5948c3.2694,0,5.9133,2.6775,5.8585,5.9594Z"/><path class="h" d="M46.671,16.9458c.9392,0,1.5768.9548,1.2169,1.8223l-.0082.0197c-1.5882,3.8346-4.1653,7.0703-7.456,9.4308-.4093.2936-.9032.4459-1.407.4459h-16.4984c-3.2132,0-5.9014-2.5466-5.955-5.7593-.0547-3.2819,2.5892-5.9594,5.8585-5.9594h24.2491Z"/><path class="h" d="M22.4208,63.8208c-.7473,0-1.5065-.1438-2.2398-.4475-2.9896-1.2383-4.4093-4.6657-3.171-7.6551,1.9045-4.5977,4.6342-8.7196,8.1136-12.251,3.6044-3.6585,7.8551-6.5172,12.6343-8.4968,6.5691-2.7211,11.6853-7.8373,14.4061-14.4061,1.2383-2.9897,4.6658-4.4091,7.6551-3.171,2.9896,1.2383,4.4093,4.6657,3.171,7.6551-1.9045,4.5977-4.6342,8.7196-8.1136,12.251-3.6044,3.6585-7.8551,6.5172-12.6343,8.4968-6.5691,2.7211-11.6853,7.8373-14.4061,14.4061-.9345,2.2562-3.1164,3.6185-5.4153,3.6185Z"/></g></svg>

public/logos/zen-tangerine.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:#fffaf7;}.g,.h,.i{stroke-width:0px;}.h{fill:url(#e);}.i{fill:#ff9147;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="g" d="M63.4367,58.0615c-.0536,3.2127-2.7418,5.7593-5.955,5.7593h-24.1527c-.9392,0-1.5768-.9548-1.2169-1.8223l.0082-.0197c1.5882-3.8346,4.1653-7.0703,7.456-9.4308.4093-.2936.9032-.4459,1.407-.4459h16.5948c3.2694,0,5.9133,2.6775,5.8585,5.9594Z"/><path class="g" d="M46.671,16.9458c.9392,0,1.5768.9548,1.2169,1.8223l-.0082.0197c-1.5882,3.8346-4.1653,7.0703-7.456,9.4308-.4093.2936-.9032.4459-1.407.4459h-16.4984c-3.2132,0-5.9014-2.5466-5.955-5.7593-.0547-3.2819,2.5892-5.9594,5.8585-5.9594h24.2491Z"/><path class="g" d="M22.4208,63.8208c-.7473,0-1.5065-.1438-2.2398-.4475-2.9896-1.2383-4.4093-4.6657-3.171-7.6551,1.9045-4.5977,4.6342-8.7196,8.1136-12.251,3.6044-3.6585,7.8551-6.5172,12.6343-8.4968,6.5691-2.7211,11.6853-7.8373,14.4061-14.4061,1.2383-2.9897,4.6658-4.4091,7.6551-3.171,2.9896,1.2383,4.4093,4.6657,3.171,7.6551-1.9045,4.5977-4.6342,8.7196-8.1136,12.251-3.6044,3.6585-7.8551,6.5172-12.6343,8.4968-6.5691,2.7211-11.6853,7.8373-14.4061,14.4061-.9345,2.2562-3.1164,3.6185-5.4153,3.6185Z"/></g></svg>

public/logos/zen-turqoise.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:url(#e);}.g,.h,.i{stroke-width:0px;}.h{fill:#41c8b8;}.i{fill:#f5fcfb;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="g" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="i" d="M63.4367,58.0615c-.0536,3.2127-2.7418,5.7593-5.955,5.7593h-24.1527c-.9392,0-1.5768-.9548-1.2169-1.8223l.0082-.0197c1.5882-3.8346,4.1653-7.0703,7.456-9.4308.4093-.2936.9032-.4459,1.407-.4459h16.5948c3.2694,0,5.9133,2.6775,5.8585,5.9594Z"/><path class="i" d="M46.671,16.9458c.9392,0,1.5768.9548,1.2169,1.8223l-.0082.0197c-1.5882,3.8346-4.1653,7.0703-7.456,9.4308-.4093.2936-.9032.4459-1.407.4459h-16.4984c-3.2132,0-5.9014-2.5466-5.955-5.7593-.0547-3.2819,2.5892-5.9594,5.8585-5.9594h24.2491Z"/><path class="i" d="M22.4208,63.8208c-.7473,0-1.5065-.1438-2.2398-.4475-2.9896-1.2383-4.4093-4.6657-3.171-7.6551,1.9045-4.5977,4.6342-8.7196,8.1136-12.251,3.6044-3.6585,7.8551-6.5172,12.6343-8.4968,6.5691-2.7211,11.6853-7.8373,14.4061-14.4061,1.2383-2.9897,4.6658-4.4091,7.6551-3.171,2.9896,1.2383,4.4093,4.6657,3.171,7.6551-1.9045,4.5977-4.6342,8.7196-8.1136,12.251-3.6044,3.6585-7.8551,6.5172-12.6343,8.4968-6.5691,2.7211-11.6853,7.8373-14.4061,14.4061-.9345,2.2562-3.1164,3.6185-5.4153,3.6185Z"/></g></svg>

public/logos/zen-white.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:url(#e);}.g,.h,.i{stroke-width:0px;}.h{fill:#141414;}.i{fill:#fff;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity=".02"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="i" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="g" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="h" d="M63.4367,58.5615c-.0536,3.2127-2.7418,5.7593-5.955,5.7593h-24.1527c-.9392,0-1.5768-.9548-1.2169-1.8223l.0082-.0197c1.5882-3.8346,4.1653-7.0703,7.456-9.4308.4093-.2936.9032-.4459,1.407-.4459h16.5948c3.2694,0,5.9133,2.6775,5.8585,5.9594Z"/><path class="h" d="M46.671,17.4458c.9392,0,1.5768.9548,1.2169,1.8223l-.0082.0197c-1.5882,3.8346-4.1653,7.0703-7.456,9.4308-.4093.2936-.9032.4459-1.407.4459h-16.4984c-3.2132,0-5.9014-2.5466-5.955-5.7593-.0547-3.2819,2.5892-5.9594,5.8585-5.9594h24.2491Z"/><path class="h" d="M22.4208,64.3208c-.7473,0-1.5065-.1438-2.2398-.4475-2.9896-1.2383-4.4093-4.6657-3.171-7.6551,1.9045-4.5977,4.6342-8.7196,8.1136-12.251,3.6044-3.6585,7.8551-6.5172,12.6343-8.4968,6.5691-2.7211,11.6853-7.8373,14.4061-14.4061,1.2383-2.9897,4.6658-4.4091,7.6551-3.171,2.9896,1.2383,4.4093,4.6657,3.171,7.6551-1.9045,4.5977-4.6342,8.7196-8.1136,12.251-3.6044,3.6585-7.8551,6.5172-12.6343,8.4968-6.5691,2.7211-11.6853,7.8373-14.4061,14.4061-.9345,2.2562-3.1164,3.6185-5.4153,3.6185Z"/></g></svg>

public/logos/zen-yellow.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.g{fill:url(#e);}.g,.h,.i{stroke-width:0px;}.h{fill:#d4b435;}.i{fill:#fdfbf4;}</style><linearGradient id="e" x1="40" y1="80" x2="40" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff" stop-opacity="0"/><stop offset=".9" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><g id="c"><rect class="h" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="d"><rect class="g" width="80" height="80" rx="18.25" ry="18.25"/></g><g id="f"><path class="i" d="M63.4367,58.0615c-.0536,3.2127-2.7418,5.7593-5.955,5.7593h-24.1527c-.9392,0-1.5768-.9548-1.2169-1.8223l.0082-.0197c1.5882-3.8346,4.1653-7.0703,7.456-9.4308.4093-.2936.9032-.4459,1.407-.4459h16.5948c3.2694,0,5.9133,2.6775,5.8585,5.9594Z"/><path class="i" d="M46.671,16.9458c.9392,0,1.5768.9548,1.2169,1.8223l-.0082.0197c-1.5882,3.8346-4.1653,7.0703-7.456,9.4308-.4093.2936-.9032.4459-1.407.4459h-16.4984c-3.2132,0-5.9014-2.5466-5.955-5.7593-.0547-3.2819,2.5892-5.9594,5.8585-5.9594h24.2491Z"/><path class="i" d="M22.4208,63.8208c-.7473,0-1.5065-.1438-2.2398-.4475-2.9896-1.2383-4.4093-4.6657-3.171-7.6551,1.9045-4.5977,4.6342-8.7196,8.1136-12.251,3.6044-3.6585,7.8551-6.5172,12.6343-8.4968,6.5691-2.7211,11.6853-7.8373,14.4061-14.4061,1.2383-2.9897,4.6658-4.4091,7.6551-3.171,2.9896,1.2383,4.4093,4.6657,3.171,7.6551-1.9045,4.5977-4.6342,8.7196-8.1136,12.251-3.6044,3.6585-7.8551,6.5172-12.6343,8.4968-6.5691,2.7211-11.6853,7.8373-14.4061,14.4061-.9345,2.2562-3.1164,3.6185-5.4153,3.6185Z"/></g></svg>

src/components/branding-assets.tsx

@@ -15,11 +15,10 @@ export function BrandingAssets() {
         <div className="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 mt-10 w-full">
           {LOGO_COLORS.map((color) => (
             <div key={color} className="flex flex-col items-center">
-              <img src={`/logos/zen-${color}.png`} alt={`Zen Browser ${color} logo`} className="w-24 h-24 mt-4" />
+              <img src={`/logos/zen-${color}.svg`} alt={`Zen Browser ${color} logo`} className="w-24 h-24 mt-4" />
               <div className="flex items-center my-2">
                 <a
-                  href={`/logos/zen-${color}.png`}
-                  download={`zen-${color}.png`}
+                  href={`/logos/zen-${color}.svg`}
                   className="text-blue-500 text-md ml-2"
                 >
                   {color}
@@ -37,10 +36,10 @@ export function BrandingAssets() {
         <div className="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 mt-10 w-full">
           {LOGO_COLORS.map((color) => (
             <div key={color} className="flex flex-col items-center">
-              <img src={`/logos/zen-alpha-${color}.png`} alt={`Zen Browser ${color} logo`} className="w-24 h-24 mt-4" />
+              <img src={`/logos/zen-alpha-${color}.svg`} alt={`Zen Browser ${color} logo`} className="w-24 h-24 mt-4" />
               <div className="flex items-center my-2">
                 <a
-                  href={`/logos/zen-alpha-${color}.png`}
+                  href={`/logos/zen-alpha-${color}.svg`}
                   download={`zen-alpha-${color}.png`}
                   className="text-blue-500 text-md ml-2"
                 >

src/components/features.tsx

@@ -73,7 +73,7 @@ export default function Features() {
         </div>
         <div className="relative hidden ml-auto xl:flex h-[500px] w-full max-w-xl items-center justify-center overflow-hidden">
          <span className="pointer-events-none whitespace-pre-wrap bg-gradient-to-b from-black to-gray-300/80 bg-clip-text text-center text-8xl font-semibold leading-none text-transparent dark:from-white dark:to-slate-900/10">
-            <Image src="/logos/zen-black.png" width={100} height={100} alt="Zen Logo" />
+            <Image src="/logos/zen-black.svg" width={100} height={100} alt="Zen Logo" />
          </span>
  
          {/* Inner Circles */}
@@ -83,7 +83,7 @@ export default function Features() {
             delay={20}
             radius={80}
          >
-            <Image src="/logos/zen-indigo.png" width={30} height={30} alt="Zen Logo" />
+            <Image src="/logos/zen-indigo.svg" width={30} height={30} alt="Zen Logo" />
          </OrbitingCircles>
          <OrbitingCircles
             className="size-[30px] border-none bg-transparent"
@@ -91,7 +91,7 @@ export default function Features() {
             delay={10}
             radius={80}
          >
-            <Image src="/logos/zen-yellow.png" width={30} height={30} alt="Zen Logo" />
+            <Image src="/logos/zen-alpha-yellow.svg" width={30} height={30} alt="Zen Logo" />
          </OrbitingCircles>
  
          {/* Outer Circles (reverse) */}
@@ -101,7 +101,7 @@ export default function Features() {
             duration={20}
             reverse
          >
-            <Image src="/logos/zen-blue.png" width={50} height={50} alt="Zen Logo" />
+            <Image src="/logos/zen-alpha-blue.svg" width={50} height={50} alt="Zen Logo" />
          </OrbitingCircles>
          <OrbitingCircles
             className="size-[50px] border-none bg-transparent"
@@ -110,7 +110,7 @@ export default function Features() {
             delay={20}
             reverse
          >
-            <Image src="/logos/zen-pink.png" width={50} height={50} alt="Zen Logo" />
+            <Image src="/logos/zen-pink.svg" width={50} height={50} alt="Zen Logo" />
          </OrbitingCircles>
       </div>
       </div>

src/components/logo.tsx

@@ -14,7 +14,7 @@ export default function Logo({ withText, ...props }: any) {
   }, []);
   return (
     <div className="flex items-center m-0" {...props}>
-      <Image src={`/logos/zen-${randomColor}.png`} width={40} height={40} alt="Zen Logo" className={ny("transition-all duration-300 hover:scale-110", withText && "mr-2")} />
+      <Image src={`/logos/zen-${randomColor}.svg`} width={40} height={40} alt="Zen Logo" className={ny("transition-all duration-300 hover:scale-110", withText && "mr-2")} />
       {withText && <span className="text-2xl font-bold ml-2">zen</span>}
     </div>
   );

src/components/release-note.tsx

@@ -6,7 +6,7 @@ import Link from "next/link";
 export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
   return (
     <div className="flex flex-col mt-52 mb-24">
-      <div className="mx-auto w-full px-10 md:px-0 md:w-1/2">
+      <div className="mx-auto w-full px-10 md:px-0 lg:w-2/3">
         <h1 className="text-4xl font-bold">
           Release notes for {data.version} 🎉
         </h1>

src/lib/logos.ts

@@ -1,4 +1,4 @@
 
 export const LOGO_COLORS = [
-  "black", "blue", "brown", "buff", "indigo", "mantis", "orchid", "pink", "tangerine", "turquise", "white", "yellow"
+  "black", "blue", "brown", "buff", "indigo", "mantis", "orchid", "pink", "tangerine", "turqoise", "white", "yellow"
 ]