From 67e94384154178449eb0c3f79ea0a3c835978d50 Mon Sep 17 00:00:00 2001
From: sudoaugustin <sudoaugustin@gmail.com>
Date: Mon, 4 Mar 2024 21:13:45 +0630
Subject: [PATCH] update: website

---
 apps/supex.dev/app/docs/NavBar.tsx            |   2 +-
 apps/supex.dev/app/docs/OnThisPage.tsx        |   3 +-
 apps/supex.dev/app/docs/installation/codes.ts |   8 +-
 apps/supex.dev/app/docs/layout.tsx            |  10 +-
 apps/supex.dev/app/layout.tsx                 |   5 +-
 apps/supex.dev/components/Logos.tsx           | 101 +++++++-----------
 6 files changed, 51 insertions(+), 78 deletions(-)

diff --git a/apps/supex.dev/app/docs/NavBar.tsx b/apps/supex.dev/app/docs/NavBar.tsx
index b9a88bf..2632679 100644
--- a/apps/supex.dev/app/docs/NavBar.tsx
+++ b/apps/supex.dev/app/docs/NavBar.tsx
@@ -22,7 +22,7 @@ export default function NavBar({ pages }: Props) {
   return (
     <>
       <aside
-        className={`py-5 fixed z-5 max-lg:px-5 max-lg:rounded-md max-lg:inset-x-2.5 max-lg:bg-slate-800 lg:py-10 lg:w-60 duration-200
+        className={`py-5 max-lg:fixed max-lg:z-5 max-lg:px-5 max-lg:rounded-md max-lg:inset-x-2.5 max-lg:bg-slate-800 lg:py-10 lg:w-60 duration-200
         ${isOpen ? 'max-lg:translate-y-0 max-lg:bottom-2.5' : 'max-lg:translate-y-full max-lg:bottom-0'}`}
       >
         {pages.map(({ path, label, subLinks }) => {
diff --git a/apps/supex.dev/app/docs/OnThisPage.tsx b/apps/supex.dev/app/docs/OnThisPage.tsx
index 5575691..295bdf2 100644
--- a/apps/supex.dev/app/docs/OnThisPage.tsx
+++ b/apps/supex.dev/app/docs/OnThisPage.tsx
@@ -1,6 +1,5 @@
 'use client';
 
-import { ChevronRightIcon } from '@heroicons/react/16/solid';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -27,7 +26,7 @@ export default function OnThisPage() {
   }, [pathname]);
 
   return (
-    <nav className="py-5 lg:py-10 text-sm max-xl:hidden w-60">
+    <nav className="py-5 lg:py-10 text-sm max-xl:hidden w-56">
       <h5 className="font-semibold">On This Page</h5>
       <div key={pathname} className="space-y-2.5 mt-5">
         {headings.map(({ id, tag, label }, index) => (
diff --git a/apps/supex.dev/app/docs/installation/codes.ts b/apps/supex.dev/app/docs/installation/codes.ts
index 1c4c3b5..d94fcdd 100644
--- a/apps/supex.dev/app/docs/installation/codes.ts
+++ b/apps/supex.dev/app/docs/installation/codes.ts
@@ -8,10 +8,10 @@ export default {
   },
   package: `{
   "scripts": {
-      "watch:chrome": "supex watch --browser=chrome",
-      "watch:firefox": "supex watch --browser=chrome",
-      "build:chrome": "supex build --browser=chrome",
-      "build:firefox": "supex build --browser=chrome" 
+    "watch:chrome": "supex watch --browser=chrome",
+    "watch:firefox": "supex watch --browser=chrome",
+    "build:chrome": "supex build --browser=chrome",
+    "build:firefox": "supex build --browser=chrome" 
   }
 }`,
   typescript: {
diff --git a/apps/supex.dev/app/docs/layout.tsx b/apps/supex.dev/app/docs/layout.tsx
index 0d92436..03f455f 100644
--- a/apps/supex.dev/app/docs/layout.tsx
+++ b/apps/supex.dev/app/docs/layout.tsx
@@ -23,14 +23,16 @@ const pages = [
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
-    <main className="paging lg:flex lg:max-w-7xl justify-between">
-      <NavBar pages={pages} />
-      <div className="lg:pl-60 flex-1">
+    <main className="paging">
+      <div className="lg:pl-60">
         <article className="prose max-lg:prose-sm mx-auto prose-slate prose-h2:border-b prose-h2:border-slate-800 prose-h2:pb-1 prose-h1:font-bold py-5 lg:py-10 lg:mx-10 prose-invert prose-code:px-1 prose-code:rounded prose-code:my-0 prose-code:bg-slate-800/75 prose-code:border prose-code:border-slate-800 prose-a:no-underline prose-a:text-brand-600 hover:prose-a:text-brand-400 prose-code:inline-flex prose-code:items-center prose-code:justify-center prose-a:duration-150 prose-code:before:content-none prose-code:after:*:content-none">
           {children}
         </article>
       </div>
-      <OnThisPage />
+      <div className="paging justify-between w-full top-16 left-1/2 lg:flex lg:fixed lg:-translate-x-1/2 lg:max-w-7xl -z-5">
+        <NavBar pages={pages} />
+        <OnThisPage />
+      </div>
     </main>
   );
 }
diff --git a/apps/supex.dev/app/layout.tsx b/apps/supex.dev/app/layout.tsx
index 364e343..5a00528 100644
--- a/apps/supex.dev/app/layout.tsx
+++ b/apps/supex.dev/app/layout.tsx
@@ -1,4 +1,4 @@
-import { LogoText } from 'components/Logos';
+import { LogoMark, LogoText } from 'components/Logos';
 import type { Metadata } from 'next';
 import { Inter, JetBrains_Mono } from 'next/font/google';
 import Link from 'next/link';
@@ -32,7 +32,8 @@ export default function RootLayout({
         <header className="fixed top-0 border-b z-5 border-slate-800/75 w-full backdrop-blur-sm">
           <div className="h-16 paging flex justify-between items-center">
             <Link href="/" className="flex items-center">
-              <LogoText className="w-16 lg:w-20 contrast-125 brightness-150" />
+              <LogoText className="w-20 max-lg:hidden contrast-125 brightness-150" />
+              <LogoMark className="w-10 lg:hidden contrast-125 brightness-125" />
             </Link>
             <div className="space-x-5">
               {links.map(({ name, href }) => (
diff --git a/apps/supex.dev/components/Logos.tsx b/apps/supex.dev/components/Logos.tsx
index 93c96ff..ce02b09 100644
--- a/apps/supex.dev/components/Logos.tsx
+++ b/apps/supex.dev/components/Logos.tsx
@@ -1,27 +1,17 @@
 export function LogoText(props: SVGProps) {
   return (
     <svg viewBox="0 0 366 125" fill="none" {...props}>
-      <title>Supex Logo</title>
-      <g filter="url(#filter0_d_1806_124)">
-        <mask id="path-1-outside-1_1806_124" maskUnits="userSpaceOnUse" x="6" y="6" width="349" height="107" fill="black">
-          <rect fill="white" x="6" y="6" width="349" height="107" />
-          <path d="M7.34375 68.5703H20.4277C21.2207 76.4434 27.5645 81.0879 37.5332 81.0879C47.1621 81.0879 53.3359 76.2734 53.3359 68.7402C53.3359 62.5664 49.2578 59.0547 39.1758 56.6758L31.3027 54.8066C16.3496 51.2383 9.21289 43.7051 9.21289 31.6973C9.21289 17.0273 20.2012 7.625 37.3633 7.625C53.7891 7.625 64.9473 16.9141 65.457 31.0742H52.4297C51.6934 23.5977 46.0859 19.1797 37.4766 19.1797C28.4141 19.1797 22.9199 23.4277 22.9199 30.5078C22.9199 36.7949 26.8848 40.3633 36.457 42.5723L44.3301 44.4414C60.1328 48.123 66.9297 55.1465 66.9297 67.5508C66.9297 83.0703 55.6016 92.6426 37.3066 92.6426C19.4082 92.6426 8.02344 83.5234 7.34375 68.5703ZM135.352 28.9785V91H122.607V80.4082H121.701C118.529 87.998 111.676 92.2461 102.557 92.2461C89.0762 92.2461 81.7695 84.2031 81.7695 69.1367V28.9785H94.9668V65.9648C94.9668 75.9336 99.0449 80.6348 107.541 80.6348C116.377 80.6348 122.154 74.5176 122.154 65.1152V28.9785H135.352ZM185.988 27.959C200.262 27.959 209.098 37.9844 209.098 54.4668V65.5117C209.098 82.0508 200.262 92.0762 185.988 92.0762C177.039 92.0762 170.695 87.998 168.373 80.8613H167.24V111.787H153.646V28.9785H167.014V39.1738H168.146C170.752 31.9238 177.039 27.959 185.988 27.959ZM181.287 39.5137C172.451 39.5137 166.957 45.5742 166.957 55.3164V65.0586C166.957 74.8008 172.451 80.8613 181.287 80.8613C190.18 80.8613 195.674 74.7441 195.674 65.0586V55.3164C195.674 45.5742 190.18 39.5137 181.287 39.5137ZM266.701 74.1777H279.219C277.746 84.8262 267.211 92.2461 253.334 92.2461C235.662 92.2461 225.467 82.1074 225.467 64.4355V54.75C225.467 38.4941 236.398 27.7324 252.881 27.7324C269.193 27.7324 279.332 38.4375 279.332 55.6562V63.1895H238.438V66.1914C238.438 75.6504 244.271 81.7676 253.277 81.7676C260.131 81.7676 265.398 78.7656 266.701 74.1777ZM252.654 38.1543C243.762 38.1543 238.438 44.2148 238.438 54.3535H266.531C266.531 44.2715 261.32 38.1543 252.654 38.1543ZM323.852 68.9102H323.002L309.352 91H295.191L315.469 60.1309L295.021 28.9785H310.314L323.568 50.9551H324.418L337.672 28.9785H352.229L331.838 59.5645L352.342 91H337.502L323.852 68.9102Z" />
-        </mask>
+      <title>Supex Text Logo</title>
+      <g filter="url(#filter0_d_2122_2)">
         <path
           d="M7.34375 68.5703H20.4277C21.2207 76.4434 27.5645 81.0879 37.5332 81.0879C47.1621 81.0879 53.3359 76.2734 53.3359 68.7402C53.3359 62.5664 49.2578 59.0547 39.1758 56.6758L31.3027 54.8066C16.3496 51.2383 9.21289 43.7051 9.21289 31.6973C9.21289 17.0273 20.2012 7.625 37.3633 7.625C53.7891 7.625 64.9473 16.9141 65.457 31.0742H52.4297C51.6934 23.5977 46.0859 19.1797 37.4766 19.1797C28.4141 19.1797 22.9199 23.4277 22.9199 30.5078C22.9199 36.7949 26.8848 40.3633 36.457 42.5723L44.3301 44.4414C60.1328 48.123 66.9297 55.1465 66.9297 67.5508C66.9297 83.0703 55.6016 92.6426 37.3066 92.6426C19.4082 92.6426 8.02344 83.5234 7.34375 68.5703ZM135.352 28.9785V91H122.607V80.4082H121.701C118.529 87.998 111.676 92.2461 102.557 92.2461C89.0762 92.2461 81.7695 84.2031 81.7695 69.1367V28.9785H94.9668V65.9648C94.9668 75.9336 99.0449 80.6348 107.541 80.6348C116.377 80.6348 122.154 74.5176 122.154 65.1152V28.9785H135.352ZM185.988 27.959C200.262 27.959 209.098 37.9844 209.098 54.4668V65.5117C209.098 82.0508 200.262 92.0762 185.988 92.0762C177.039 92.0762 170.695 87.998 168.373 80.8613H167.24V111.787H153.646V28.9785H167.014V39.1738H168.146C170.752 31.9238 177.039 27.959 185.988 27.959ZM181.287 39.5137C172.451 39.5137 166.957 45.5742 166.957 55.3164V65.0586C166.957 74.8008 172.451 80.8613 181.287 80.8613C190.18 80.8613 195.674 74.7441 195.674 65.0586V55.3164C195.674 45.5742 190.18 39.5137 181.287 39.5137ZM266.701 74.1777H279.219C277.746 84.8262 267.211 92.2461 253.334 92.2461C235.662 92.2461 225.467 82.1074 225.467 64.4355V54.75C225.467 38.4941 236.398 27.7324 252.881 27.7324C269.193 27.7324 279.332 38.4375 279.332 55.6562V63.1895H238.438V66.1914C238.438 75.6504 244.271 81.7676 253.277 81.7676C260.131 81.7676 265.398 78.7656 266.701 74.1777ZM252.654 38.1543C243.762 38.1543 238.438 44.2148 238.438 54.3535H266.531C266.531 44.2715 261.32 38.1543 252.654 38.1543ZM323.852 68.9102H323.002L309.352 91H295.191L315.469 60.1309L295.021 28.9785H310.314L323.568 50.9551H324.418L337.672 28.9785H352.229L331.838 59.5645L352.342 91H337.502L323.852 68.9102Z"
-          fill="url(#paint0_radial_1806_124)"
-          shapeRendering="crispEdges"
-        />
-        <path
-          d="M7.34375 68.5703V67.5703H6.29726L6.34478 68.6157L7.34375 68.5703ZM20.4277 68.5703L21.4227 68.4701L21.3321 67.5703H20.4277V68.5703ZM39.1758 56.6758L38.9448 57.6487L38.9461 57.6491L39.1758 56.6758ZM31.3027 54.8066L31.0706 55.7793L31.0717 55.7796L31.3027 54.8066ZM65.457 31.0742V32.0742H66.4937L66.4564 31.0382L65.457 31.0742ZM52.4297 31.0742L51.4345 31.1722L51.5233 32.0742H52.4297V31.0742ZM36.457 42.5723L36.688 41.5993L36.6819 41.5979L36.457 42.5723ZM44.3301 44.4414L44.0991 45.4144L44.1032 45.4153L44.3301 44.4414ZM7.34375 69.5703H20.4277V67.5703H7.34375V69.5703ZM19.4328 68.6705C19.8562 72.8745 21.7771 76.267 24.9489 78.5885C28.0987 80.8937 32.4035 82.0879 37.5332 82.0879V80.0879C32.6941 80.0879 28.8427 78.9598 26.1302 76.9745C23.4397 75.0054 21.7922 72.1392 21.4227 68.4701L19.4328 68.6705ZM37.5332 82.0879C42.5028 82.0879 46.6911 80.8463 49.6609 78.5272C52.6555 76.1886 54.3359 72.8085 54.3359 68.7402H52.3359C52.3359 72.2051 50.9295 74.9989 48.4299 76.9509C45.9055 78.9222 42.1925 80.0879 37.5332 80.0879V82.0879ZM54.3359 68.7402C54.3359 65.3904 53.2099 62.6799 50.6861 60.5245C48.2231 58.421 44.495 56.9034 39.4054 55.7025L38.9461 57.6491C43.9386 58.8271 47.2906 60.2547 49.3872 62.0453C51.4229 63.7839 52.3359 65.9162 52.3359 68.7402H54.3359ZM39.4068 55.7028L31.5337 53.8337L31.0717 55.7796L38.9448 57.6487L39.4068 55.7028ZM31.5349 53.834C24.1644 52.0751 18.8462 49.367 15.374 45.7266C11.9248 42.1102 10.2129 37.4857 10.2129 31.6973H8.21289C8.21289 37.9167 10.0693 43.0626 13.9268 47.1069C17.7612 51.1272 23.488 53.9698 31.0706 55.7793L31.5349 53.834ZM10.2129 31.6973C10.2129 24.6302 12.85 18.8989 17.5023 14.9199C22.1709 10.9269 28.9579 8.625 37.3633 8.625V6.625C28.6066 6.625 21.3183 9.02432 16.2023 13.4C11.07 17.7896 8.21289 24.0944 8.21289 31.6973H10.2129ZM37.3633 8.625C45.392 8.625 52.0464 10.8943 56.7382 14.8075C61.4175 18.7103 64.2126 24.302 64.4577 31.1102L66.4564 31.0382C66.1917 23.6862 63.1528 17.5534 58.0192 13.2716C52.898 9.00023 45.7603 6.625 37.3633 6.625V8.625ZM65.457 30.0742H52.4297V32.0742H65.457V30.0742ZM53.4249 30.9762C53.0329 26.9959 51.3301 23.7638 48.527 21.5399C45.7381 19.3271 41.9466 18.1797 37.4766 18.1797V20.1797C41.6159 20.1797 44.9328 21.2412 47.284 23.1066C49.621 24.9608 51.0902 27.676 51.4345 31.1722L53.4249 30.9762ZM37.4766 18.1797C32.8039 18.1797 28.9227 19.2733 26.1863 21.399C23.4189 23.5488 21.9199 26.6814 21.9199 30.5078H23.9199C23.9199 27.2541 25.168 24.7227 27.4133 22.9784C29.6896 21.2101 33.0868 20.1797 37.4766 20.1797V18.1797ZM21.9199 30.5078C21.9199 33.896 23.0044 36.6461 25.4327 38.8151C27.8076 40.9364 31.3878 42.4287 36.2322 43.5467L36.6819 41.5979C31.954 40.5068 28.7656 39.1105 26.765 37.3235C24.8179 35.5843 23.9199 33.4067 23.9199 30.5078H21.9199ZM36.226 43.5452L44.0991 45.4144L44.5611 43.4685L36.688 41.5993L36.226 43.5452ZM44.1032 45.4153C51.9188 47.2362 57.356 49.852 60.8401 53.4234C64.2929 56.9626 65.9297 61.5467 65.9297 67.5508H67.9297C67.9297 61.1505 66.1681 56.0208 62.2717 52.0268C58.4067 48.0649 52.5441 45.3283 44.557 43.4675L44.1032 45.4153ZM65.9297 67.5508C65.9297 75.049 63.2034 81.0303 58.3327 85.1532C53.4423 89.2928 46.289 91.6426 37.3066 91.6426V93.6426C46.6192 93.6426 54.2774 91.2062 59.6248 86.6798C64.9919 82.1367 67.9297 75.5721 67.9297 67.5508H65.9297ZM37.3066 91.6426C28.5187 91.6426 21.4395 89.4038 16.4942 85.434C11.5678 81.4795 8.67061 75.7384 8.34272 68.5249L6.34478 68.6157C6.69658 76.3553 9.83159 82.6504 15.2422 86.9937C20.6338 91.3217 28.1961 93.6426 37.3066 93.6426V91.6426ZM135.352 28.9785H136.352V27.9785H135.352V28.9785ZM135.352 91V92H136.352V91H135.352ZM122.607 91H121.607V92H122.607V91ZM122.607 80.4082H123.607V79.4082H122.607V80.4082ZM121.701 80.4082V79.4082H121.035L120.779 80.0226L121.701 80.4082ZM81.7695 28.9785V27.9785H80.7695V28.9785H81.7695ZM94.9668 28.9785H95.9668V27.9785H94.9668V28.9785ZM122.154 28.9785V27.9785H121.154V28.9785H122.154ZM134.352 28.9785V91H136.352V28.9785H134.352ZM135.352 90H122.607V92H135.352V90ZM123.607 91V80.4082H121.607V91H123.607ZM122.607 79.4082H121.701V81.4082H122.607V79.4082ZM120.779 80.0226C117.782 87.1922 111.327 91.2461 102.557 91.2461V93.2461C112.024 93.2461 119.276 88.8039 122.624 80.7938L120.779 80.0226ZM102.557 91.2461C96.0187 91.2461 91.1245 89.302 87.8505 85.6716C84.5611 82.0241 82.7695 76.5226 82.7695 69.1367H80.7695C80.7695 76.8172 82.6313 82.8705 86.3653 87.011C90.1148 91.1687 95.6142 93.2461 102.557 93.2461V91.2461ZM82.7695 69.1367V28.9785H80.7695V69.1367H82.7695ZM81.7695 29.9785H94.9668V27.9785H81.7695V29.9785ZM93.9668 28.9785V65.9648H95.9668V28.9785H93.9668ZM93.9668 65.9648C93.9668 71.0583 95.0042 75.0083 97.3096 77.69C99.6419 80.4031 103.11 81.6348 107.541 81.6348V79.6348C103.476 79.6348 100.657 78.5159 98.8262 76.3862C96.9684 74.2251 95.9668 70.8402 95.9668 65.9648H93.9668ZM107.541 81.6348C112.199 81.6348 116.128 80.0162 118.889 77.0867C121.644 74.163 123.154 70.0211 123.154 65.1152H121.154C121.154 69.6117 119.776 73.2296 117.433 75.715C115.097 78.1947 111.719 79.6348 107.541 79.6348V81.6348ZM123.154 65.1152V28.9785H121.154V65.1152H123.154ZM122.154 29.9785H135.352V27.9785H122.154V29.9785ZM168.373 80.8613L169.324 80.5519L169.099 79.8613H168.373V80.8613ZM167.24 80.8613V79.8613H166.24V80.8613H167.24ZM167.24 111.787V112.787H168.24V111.787H167.24ZM153.646 111.787H152.646V112.787H153.646V111.787ZM153.646 28.9785V27.9785H152.646V28.9785H153.646ZM167.014 28.9785H168.014V27.9785H167.014V28.9785ZM167.014 39.1738H166.014V40.1738H167.014V39.1738ZM168.146 39.1738V40.1738H168.85L169.088 39.512L168.146 39.1738ZM185.988 28.959C192.877 28.959 198.364 31.3692 202.143 35.6902C205.935 40.0273 208.098 46.3965 208.098 54.4668H210.098C210.098 46.0547 207.842 39.1699 203.648 34.3737C199.44 29.5615 193.373 26.959 185.988 26.959V28.959ZM208.098 54.4668V65.5117H210.098V54.4668H208.098ZM208.098 65.5117C208.098 73.6111 205.935 79.9945 202.142 84.3384C198.364 88.666 192.876 91.0762 185.988 91.0762V93.0762C193.374 93.0762 199.441 90.4736 203.649 85.6538C207.843 80.8502 210.098 73.9514 210.098 65.5117H208.098ZM185.988 91.0762C177.369 91.0762 171.483 87.1867 169.324 80.5519L167.422 81.1708C169.908 88.8094 176.709 93.0762 185.988 93.0762V91.0762ZM168.373 79.8613H167.24V81.8613H168.373V79.8613ZM166.24 80.8613V111.787H168.24V80.8613H166.24ZM167.24 110.787H153.646V112.787H167.24V110.787ZM154.646 111.787V28.9785H152.646V111.787H154.646ZM153.646 29.9785H167.014V27.9785H153.646V29.9785ZM166.014 28.9785V39.1738H168.014V28.9785H166.014ZM167.014 40.1738H168.146V38.1738H167.014V40.1738ZM169.088 39.512C170.32 36.0838 172.406 33.4651 175.221 31.6941C178.045 29.9176 181.659 28.959 185.988 28.959V26.959C181.368 26.959 177.364 27.9828 174.156 30.0012C170.939 32.0251 168.579 35.0138 167.205 38.8356L169.088 39.512ZM181.287 38.5137C176.629 38.5137 172.762 40.1186 170.068 43.09C167.384 46.0501 165.957 50.2622 165.957 55.3164H167.957C167.957 50.6284 169.277 46.9392 171.549 44.4334C173.811 41.939 177.109 40.5137 181.287 40.5137V38.5137ZM165.957 55.3164V65.0586H167.957V55.3164H165.957ZM165.957 65.0586C165.957 70.1128 167.384 74.3249 170.068 77.285C172.762 80.2564 176.629 81.8613 181.287 81.8613V79.8613C177.109 79.8613 173.811 78.436 171.549 75.9416C169.277 73.4358 167.957 69.7466 167.957 65.0586H165.957ZM181.287 81.8613C185.974 81.8613 189.855 80.2416 192.556 77.2639C195.246 74.2974 196.674 70.0857 196.674 65.0586H194.674C194.674 69.717 193.354 73.4067 191.074 75.9202C188.805 78.4224 185.493 79.8613 181.287 79.8613V81.8613ZM196.674 65.0586V55.3164H194.674V65.0586H196.674ZM196.674 55.3164C196.674 50.2622 195.247 46.0494 192.555 43.089C189.853 40.1173 185.971 38.5137 181.287 38.5137V40.5137C185.495 40.5137 188.807 41.9403 191.075 44.4345C193.354 46.9399 194.674 50.6284 194.674 55.3164H196.674ZM266.701 74.1777V73.1777H265.946L265.739 73.9046L266.701 74.1777ZM279.219 74.1777L280.209 74.3147L280.367 73.1777H279.219V74.1777ZM279.332 63.1895V64.1895H280.332V63.1895H279.332ZM238.438 63.1895V62.1895H237.438V63.1895H238.438ZM238.438 54.3535H237.438V55.3535H238.438V54.3535ZM266.531 54.3535V55.3535H267.531V54.3535H266.531ZM266.701 75.1777H279.219V73.1777H266.701V75.1777ZM278.228 74.0407C276.848 84.0204 266.91 91.2461 253.334 91.2461V93.2461C267.512 93.2461 278.644 85.632 280.209 74.3147L278.228 74.0407ZM253.334 91.2461C244.687 91.2461 238.002 88.769 233.479 84.2596C228.957 79.7507 226.467 73.0809 226.467 64.4355H224.467C224.467 73.4621 227.074 80.6975 232.067 85.6759C237.06 90.6539 244.309 93.2461 253.334 93.2461V91.2461ZM226.467 64.4355V54.75H224.467V64.4355H226.467ZM226.467 54.75C226.467 46.8523 229.118 40.3672 233.695 35.8576C238.273 31.3466 244.861 28.7324 252.881 28.7324V26.7324C244.418 26.7324 237.299 29.4991 232.291 34.4329C227.282 39.3681 224.467 46.3919 224.467 54.75H226.467ZM252.881 28.7324C260.811 28.7324 267.144 31.3286 271.498 35.925C275.857 40.5276 278.332 47.2413 278.332 55.6562H280.332C280.332 46.8525 277.737 39.6042 272.95 34.5496C268.156 29.4887 261.263 26.7324 252.881 26.7324V28.7324ZM278.332 55.6562V63.1895H280.332V55.6562H278.332ZM279.332 62.1895H238.438V64.1895H279.332V62.1895ZM237.438 63.1895V66.1914H239.438V63.1895H237.438ZM237.438 66.1914C237.438 71.1269 238.963 75.285 241.756 78.2165C244.555 81.1528 248.54 82.7676 253.277 82.7676V80.7676C249.009 80.7676 245.574 79.3237 243.204 76.8367C240.829 74.3449 239.438 70.7149 239.438 66.1914H237.438ZM253.277 82.7676C260.34 82.7676 266.184 79.6613 267.663 74.4509L265.739 73.9046C264.613 77.8699 259.922 80.7676 253.277 80.7676V82.7676ZM252.654 37.1543C247.968 37.1543 244.122 38.7599 241.46 41.7922C238.813 44.8075 237.438 49.1182 237.438 54.3535H239.438C239.438 49.4502 240.725 45.6612 242.963 43.1116C245.186 40.5789 248.448 39.1543 252.654 39.1543V37.1543ZM238.438 55.3535H266.531V53.3535H238.438V55.3535ZM267.531 54.3535C267.531 49.1502 266.187 44.8443 263.602 41.8231C261.001 38.7822 257.239 37.1543 252.654 37.1543V39.1543C256.736 39.1543 259.912 40.585 262.083 43.1231C264.27 45.6811 265.531 49.4748 265.531 54.3535H267.531ZM323.852 68.9102L324.702 68.3845L324.409 67.9102H323.852V68.9102ZM323.002 68.9102V67.9102H322.444L322.151 68.3845L323.002 68.9102ZM309.352 91V92H309.909L310.202 91.5257L309.352 91ZM295.191 91L294.356 90.451L293.338 92H295.191V91ZM315.469 60.1309L316.305 60.6799L316.665 60.1311L316.305 59.5821L315.469 60.1309ZM295.021 28.9785V27.9785H293.169L294.185 29.5272L295.021 28.9785ZM310.314 28.9785L311.171 28.4621L310.879 27.9785H310.314V28.9785ZM323.568 50.9551L322.712 51.4715L323.004 51.9551H323.568V50.9551ZM324.418 50.9551V51.9551H324.983L325.274 51.4715L324.418 50.9551ZM337.672 28.9785V27.9785H337.107L336.816 28.4621L337.672 28.9785ZM352.229 28.9785L353.061 29.5332L354.097 27.9785H352.229V28.9785ZM331.838 59.5645L331.006 59.0098L330.64 59.5584L331 60.1108L331.838 59.5645ZM352.342 91V92H354.188L353.179 90.4537L352.342 91ZM337.502 91L336.651 91.5257L336.944 92H337.502V91ZM323.852 67.9102H323.002V69.9102H323.852V67.9102ZM322.151 68.3845L308.501 90.4743L310.202 91.5257L323.853 69.4358L322.151 68.3845ZM309.352 90H295.191V92H309.352V90ZM296.027 91.549L316.305 60.6799L314.633 59.5818L294.356 90.451L296.027 91.549ZM316.305 59.5821L295.857 28.4298L294.185 29.5272L314.633 60.6796L316.305 59.5821ZM295.021 29.9785H310.314V27.9785H295.021V29.9785ZM309.458 29.495L322.712 51.4715L324.425 50.4386L311.171 28.4621L309.458 29.495ZM323.568 51.9551H324.418V49.9551H323.568V51.9551ZM325.274 51.4715L338.528 29.495L336.816 28.4621L323.562 50.4386L325.274 51.4715ZM337.672 29.9785H352.229V27.9785H337.672V29.9785ZM351.396 28.4238L331.006 59.0098L332.67 60.1192L353.061 29.5332L351.396 28.4238ZM331 60.1108L351.504 91.5463L353.179 90.4537L332.675 59.0181L331 60.1108ZM352.342 90H337.502V92H352.342V90ZM338.353 90.4743L324.702 68.3845L323.001 69.4358L336.651 91.5257L338.353 90.4743Z"
-          fill="#475569"
-          fillOpacity="0.75"
-          mask="url(#path-1-outside-1_1806_124)"
+          fill="url(#paint0_linear_2122_2)"
+          shapeRendering="geometricPrecision"
         />
       </g>
       <defs>
         <filter
-          id="filter0_d_1806_124"
+          id="filter0_d_2122_2"
           x="0.34375"
           y="0.625"
           width="364.998"
@@ -35,20 +25,13 @@ export function LogoText(props: SVGProps) {
           <feGaussianBlur stdDeviation="5" />
           <feComposite in2="hardAlpha" operator="out" />
           <feColorMatrix type="matrix" values="0 0 0 0 0.886275 0 0 0 0 0.909804 0 0 0 0 0.941176 0 0 0 0.05 0" />
-          <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1806_124" />
-          <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1806_124" result="shape" />
+          <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2122_2" />
+          <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2122_2" result="shape" />
         </filter>
-        <radialGradient
-          id="paint0_radial_1806_124"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(180.5 50) rotate(90) scale(69 179.5)"
-        >
+        <linearGradient id="paint0_linear_2122_2" x1="180.5" y1="-19" x2="180.5" y2="119" gradientUnits="userSpaceOnUse">
           <stop stopColor="#94A3B8" />
           <stop offset="1" stopColor="#94A3B8" stopOpacity="0.1" />
-        </radialGradient>
+        </linearGradient>
       </defs>
     </svg>
   );
@@ -56,35 +39,33 @@ export function LogoText(props: SVGProps) {
 
 export function LogoMark(props: SVGProps) {
   return (
-    <svg viewBox="0 0 512 512" fill="none" {...props}>
+    <svg viewBox="0 0 128 128" fill="none" {...props}>
       <title>Supex Logo Mark</title>
-      <g clipPath="url(#clip0_2033_2)">
-        <rect width="512" height="512" fill="#0F172A" />
-        <g filter="url(#filter0_d_2033_2)">
-          <mask id="path-1-outside-1_2033_2" maskUnits="userSpaceOnUse" x="137" y="88" width="241" height="339" fill="black">
-            <rect fill="white" x="137" y="88" width="241" height="339" />
-            <path d="M142.5 328.375H193.031C196.094 358.781 220.594 376.719 259.094 376.719C296.281 376.719 320.125 358.125 320.125 329.031C320.125 305.188 304.375 291.625 265.438 282.438L235.031 275.219C177.281 261.438 149.719 232.344 149.719 185.969C149.719 129.312 192.156 93 258.438 93C321.875 93 364.969 128.875 366.938 183.562H316.625C313.781 154.688 292.125 137.625 258.875 137.625C223.875 137.625 202.656 154.031 202.656 181.375C202.656 205.656 217.969 219.438 254.938 227.969L285.344 235.188C346.375 249.406 372.625 276.531 372.625 324.438C372.625 384.375 328.875 421.344 258.219 421.344C189.094 421.344 145.125 386.125 142.5 328.375Z" />
-          </mask>
-          <path
-            d="M142.5 328.375H193.031C196.094 358.781 220.594 376.719 259.094 376.719C296.281 376.719 320.125 358.125 320.125 329.031C320.125 305.188 304.375 291.625 265.438 282.438L235.031 275.219C177.281 261.438 149.719 232.344 149.719 185.969C149.719 129.312 192.156 93 258.438 93C321.875 93 364.969 128.875 366.938 183.562H316.625C313.781 154.688 292.125 137.625 258.875 137.625C223.875 137.625 202.656 154.031 202.656 181.375C202.656 205.656 217.969 219.438 254.938 227.969L285.344 235.188C346.375 249.406 372.625 276.531 372.625 324.438C372.625 384.375 328.875 421.344 258.219 421.344C189.094 421.344 145.125 386.125 142.5 328.375Z"
-            fill="url(#paint0_radial_2033_2)"
-            shapeRendering="geometricPrecision"
-          />
-          <path
-            d="M142.5 328.375V323.375H137.268L137.505 328.602L142.5 328.375ZM193.031 328.375L198.006 327.874L197.553 323.375H193.031V328.375ZM265.438 282.438L264.283 287.302L264.289 287.304L265.438 282.438ZM235.031 275.219L233.871 280.082L233.876 280.084L235.031 275.219ZM366.938 183.562V188.562H372.121L371.934 183.383L366.938 183.562ZM316.625 183.562L311.649 184.053L312.093 188.562H316.625V183.562ZM254.938 227.969L256.092 223.104L256.077 223.1L256.062 223.097L254.938 227.969ZM285.344 235.188L284.189 240.052L284.199 240.055L284.209 240.057L285.344 235.188ZM142.5 333.375H193.031V323.375H142.5V333.375ZM188.056 328.876C189.722 345.416 197.297 358.818 209.82 367.984C222.234 377.069 239.117 381.719 259.094 381.719V371.719C240.57 371.719 225.954 367.4 215.726 359.914C205.61 352.51 199.403 341.74 198.006 327.874L188.056 328.876ZM259.094 381.719C278.463 381.719 294.909 376.881 306.632 367.726C318.479 358.474 325.125 345.087 325.125 329.031H315.125C315.125 342.07 309.849 352.526 300.477 359.844C290.981 367.26 276.912 371.719 259.094 371.719V381.719ZM325.125 329.031C325.125 315.795 320.655 304.998 310.63 296.436C300.909 288.134 286.297 282.222 266.586 277.571L264.289 287.304C283.515 291.84 296.247 297.303 304.136 304.04C311.72 310.518 315.125 318.424 315.125 329.031H325.125ZM266.592 277.573L236.186 270.354L233.876 280.084L264.283 287.302L266.592 277.573ZM236.192 270.355C207.847 263.591 187.541 253.209 174.337 239.365C161.248 225.643 154.719 208.079 154.719 185.969H144.719C144.719 210.234 151.971 230.404 167.101 246.267C182.116 262.01 204.465 273.065 233.871 280.082L236.192 270.355ZM154.719 185.969C154.719 158.98 164.778 137.172 182.473 122.038C200.249 106.834 226.175 98 258.438 98V88C224.419 88 195.986 97.3218 175.973 114.439C155.878 131.625 144.719 156.301 144.719 185.969H154.719ZM258.438 98C289.236 98 314.66 106.704 332.536 121.613C350.349 136.471 361.005 157.758 361.941 183.742L371.934 183.383C370.901 154.679 359.026 130.686 338.941 113.934C318.918 97.2336 291.077 88 258.438 88V98ZM366.938 178.562H316.625V188.562H366.938V178.562ZM321.601 183.072C320.06 167.425 313.351 154.648 302.26 145.849C291.24 137.105 276.327 132.625 258.875 132.625V142.625C274.673 142.625 287.213 146.676 296.045 153.683C304.805 160.633 310.346 170.825 311.649 184.053L321.601 183.072ZM258.875 132.625C240.668 132.625 225.403 136.885 214.573 145.298C203.588 153.831 197.656 166.271 197.656 181.375H207.656C207.656 169.135 212.334 159.7 220.708 153.195C229.238 146.569 242.082 142.625 258.875 142.625V132.625ZM197.656 181.375C197.656 194.739 201.951 205.686 211.603 214.307C220.988 222.69 235.038 228.508 253.813 232.841L256.062 223.097C237.869 218.898 225.778 213.56 218.264 206.849C211.018 200.377 207.656 192.292 207.656 181.375H197.656ZM253.783 232.834L284.189 240.052L286.499 230.323L256.092 223.104L253.783 232.834ZM284.209 240.057C314.296 247.067 335.053 257.101 348.292 270.671C361.374 284.081 367.625 301.475 367.625 324.438H377.625C377.625 299.494 370.751 279.372 355.45 263.688C340.306 248.165 317.423 237.527 286.478 230.318L284.209 240.057ZM367.625 324.438C367.625 353.099 357.216 375.867 338.688 391.551C320.061 407.318 292.722 416.344 258.219 416.344V426.344C294.372 426.344 324.236 416.885 345.148 399.184C366.159 381.399 377.625 355.714 377.625 324.438H367.625ZM258.219 416.344C224.463 416.344 197.397 407.744 178.552 392.616C159.802 377.565 148.748 355.708 147.495 328.148L137.505 328.602C138.877 358.792 151.12 383.42 172.292 400.415C193.369 417.334 222.85 426.344 258.219 426.344V416.344Z"
-            fill="#475569"
-            fillOpacity="0.75"
-            mask="url(#path-1-outside-1_2033_2)"
-          />
-        </g>
+      <rect width="128" height="128" rx="25" fill="#0F172A" />
+      <g style={{ mixBlendMode: 'luminosity' }} filter="url(#filter0_d_2118_3)">
+        <mask id="path-2-outside-1_2118_3" maskUnits="userSpaceOnUse" x="38" y="28" width="52" height="73" fill="black">
+          <rect fill="white" x="38" y="28" width="52" height="73" />
+          <path d="M39.25 79.4375H50.0781C50.7344 85.9531 55.9844 89.7969 64.2344 89.7969C72.2031 89.7969 77.3125 85.8125 77.3125 79.5781C77.3125 74.4688 73.9375 71.5625 65.5938 69.5938L59.0781 68.0469C46.7031 65.0938 40.7969 58.8594 40.7969 48.9219C40.7969 36.7812 49.8906 29 64.0938 29C77.6875 29 86.9219 36.6875 87.3438 48.4062H76.5625C75.9531 42.2188 71.3125 38.5625 64.1875 38.5625C56.6875 38.5625 52.1406 42.0781 52.1406 47.9375C52.1406 53.1406 55.4219 56.0938 63.3438 57.9219L69.8594 59.4688C82.9375 62.5156 88.5625 68.3281 88.5625 78.5938C88.5625 91.4375 79.1875 99.3594 64.0469 99.3594C49.2344 99.3594 39.8125 91.8125 39.25 79.4375Z" />
+        </mask>
+        <path
+          d="M39.25 79.4375H50.0781C50.7344 85.9531 55.9844 89.7969 64.2344 89.7969C72.2031 89.7969 77.3125 85.8125 77.3125 79.5781C77.3125 74.4688 73.9375 71.5625 65.5938 69.5938L59.0781 68.0469C46.7031 65.0938 40.7969 58.8594 40.7969 48.9219C40.7969 36.7812 49.8906 29 64.0938 29C77.6875 29 86.9219 36.6875 87.3438 48.4062H76.5625C75.9531 42.2188 71.3125 38.5625 64.1875 38.5625C56.6875 38.5625 52.1406 42.0781 52.1406 47.9375C52.1406 53.1406 55.4219 56.0938 63.3438 57.9219L69.8594 59.4688C82.9375 62.5156 88.5625 68.3281 88.5625 78.5938C88.5625 91.4375 79.1875 99.3594 64.0469 99.3594C49.2344 99.3594 39.8125 91.8125 39.25 79.4375Z"
+          fill="url(#paint0_linear_2118_3)"
+          shapeRendering="geometricPrecision"
+        />
+        <path
+          d="M39.25 79.4375V78.4375H38.2035L38.251 79.4829L39.25 79.4375ZM50.0781 79.4375L51.0731 79.3373L50.9825 78.4375H50.0781V79.4375ZM65.5938 69.5938L65.3628 70.5667L65.3641 70.567L65.5938 69.5938ZM59.0781 68.0469L58.846 69.0196L58.8471 69.0198L59.0781 68.0469ZM87.3438 48.4062V49.4062H88.3804L88.3431 48.3703L87.3438 48.4062ZM76.5625 48.4062L75.5673 48.5043L75.6561 49.4062H76.5625V48.4062ZM63.3438 57.9219L63.5747 56.9489L63.5686 56.9475L63.3438 57.9219ZM69.8594 59.4688L69.6284 60.4417L69.6325 60.4427L69.8594 59.4688ZM39.25 80.4375H50.0781V78.4375H39.25V80.4375ZM49.0832 79.5377C49.4382 83.063 51.0515 85.9159 53.718 87.8675C56.3623 89.8029 59.9641 90.7969 64.2344 90.7969V88.7969C60.2547 88.7969 57.1064 87.869 54.8992 86.2536C52.7141 84.6544 51.3743 82.3277 51.0731 79.3373L49.0832 79.5377ZM64.2344 90.7969C68.3739 90.7969 71.8811 89.7628 74.3772 87.8135C76.8982 85.8448 78.3125 82.997 78.3125 79.5781H76.3125C76.3125 82.3936 75.1721 84.6552 73.1462 86.2372C71.0955 87.8387 68.0636 88.7969 64.2344 88.7969V90.7969ZM78.3125 79.5781C78.3125 76.7605 77.3622 74.4675 75.2315 72.6478C73.1616 70.88 70.0438 69.6163 65.8234 68.6205L65.3641 70.567C69.4874 71.5399 72.2291 72.7137 73.9326 74.1686C75.5753 75.5715 76.3125 77.2864 76.3125 79.5781H78.3125ZM65.8247 68.6208L59.3091 67.0739L58.8471 69.0198L65.3628 70.5667L65.8247 68.6208ZM59.3102 67.0742C53.2288 65.6229 48.8628 63.3933 46.0205 60.4133C43.2012 57.4574 41.7969 53.6751 41.7969 48.9219H39.7969C39.7969 54.1061 41.3457 58.4098 44.5732 61.7937C47.7778 65.1536 52.5524 67.5177 58.846 69.0196L59.3102 67.0742ZM41.7969 48.9219C41.7969 43.1195 43.9603 38.4258 47.7691 35.1682C51.5943 31.8966 57.1678 30 64.0938 30V28C56.8166 28 50.7417 29.994 46.4692 33.6482C42.1803 37.3164 39.7969 42.5837 39.7969 48.9219H41.7969ZM64.0938 30C70.7065 30 76.1719 31.8689 80.0177 35.0765C83.8511 38.2738 86.1432 42.8548 86.3444 48.4422L88.3431 48.3703C88.1224 42.239 85.5864 37.1168 81.2987 33.5406C77.0234 29.9748 71.0748 28 64.0938 28V30ZM87.3438 47.4062H76.5625V49.4062H87.3438V47.4062ZM77.5577 48.3082C77.2292 44.9724 75.7999 42.2531 73.4399 40.3807C71.094 38.5195 67.9153 37.5625 64.1875 37.5625V39.5625C67.5847 39.5625 70.2888 40.4336 72.1968 41.9475C74.0908 43.4501 75.2865 45.6526 75.5673 48.5043L77.5577 48.3082ZM64.1875 37.5625C60.296 37.5625 57.0423 38.473 54.7381 40.263C52.4028 42.0772 51.1406 44.7215 51.1406 47.9375H53.1406C53.1406 45.2942 54.1519 43.251 55.965 41.8424C57.8092 40.4098 60.579 39.5625 64.1875 39.5625V37.5625ZM51.1406 47.9375C51.1406 50.7837 52.0542 53.109 54.1053 54.9411C56.103 56.7255 59.0997 57.9688 63.1189 58.8963L63.5686 56.9475C59.6659 56.0469 57.061 54.8995 55.4376 53.4495C53.8677 52.0472 53.1406 50.2944 53.1406 47.9375H51.1406ZM63.1128 58.8948L69.6284 60.4417L70.0904 58.4958L63.5747 56.9489L63.1128 58.8948ZM69.6325 60.4427C76.0858 61.9461 80.5489 64.1006 83.3994 67.0225C86.2186 69.9123 87.5625 73.659 87.5625 78.5938H89.5625C89.5625 73.2628 88.0939 68.9705 84.831 65.6259C81.5995 62.3135 76.7111 60.0382 70.0863 58.4948L69.6325 60.4427ZM87.5625 78.5938C87.5625 84.7541 85.3245 89.6538 81.3363 93.0297C77.3285 96.4222 71.4521 98.3594 64.0469 98.3594V100.359C71.7823 100.359 78.1636 98.3356 82.6285 94.5562C87.113 90.7602 89.5625 85.2772 89.5625 78.5938H87.5625ZM64.0469 98.3594C56.8019 98.3594 50.9849 96.5137 46.9307 93.2592C42.8955 90.02 40.5183 85.3166 40.249 79.3921L38.251 79.4829C38.5442 85.9334 41.1592 91.1909 45.6787 94.8189C50.1792 98.4316 56.4793 100.359 64.0469 100.359V98.3594Z"
+          fill="#475569"
+          fillOpacity="0.75"
+          mask="url(#path-2-outside-1_2118_3)"
+        />
       </g>
       <defs>
         <filter
-          id="filter0_d_2033_2"
-          x="135.5"
-          y="86"
-          width="250.125"
-          height="348.344"
+          id="filter0_d_2118_3"
+          x="32.25"
+          y="22"
+          width="69.3125"
+          height="90.3594"
           filterUnits="userSpaceOnUse"
           colorInterpolationFilters="sRGB"
         >
@@ -94,23 +75,13 @@ export function LogoMark(props: SVGProps) {
           <feGaussianBlur stdDeviation="5" />
           <feComposite in2="hardAlpha" operator="out" />
           <feColorMatrix type="matrix" values="0 0 0 0 0.886275 0 0 0 0 0.909804 0 0 0 0 0.941176 0 0 0 0.05 0" />
-          <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2033_2" />
-          <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2033_2" result="shape" />
+          <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2118_3" />
+          <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2118_3" result="shape" />
         </filter>
-        <radialGradient
-          id="paint0_radial_2033_2"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(256.5 255.5) rotate(90) scale(267.5 138.5)"
-        >
+        <linearGradient id="paint0_linear_2118_3" x1="64" y1="6" x2="64" y2="121" gradientUnits="userSpaceOnUse">
           <stop stopColor="#94A3B8" />
           <stop offset="1" stopColor="#94A3B8" stopOpacity="0.1" />
-        </radialGradient>
-        <clipPath id="clip0_2033_2">
-          <rect width="512" height="512" fill="white" />
-        </clipPath>
+        </linearGradient>
       </defs>
     </svg>
   );