From 2212311ec6c9568595bc9e629720af0c008dcad8 Mon Sep 17 00:00:00 2001
From: Alex Zhang <alexzhang1618@gmail.com>
Date: Wed, 20 Sep 2023 17:28:16 -0700
Subject: [PATCH] Update nav logo

---
 public/asset/nav_logo.svg       | 29 +++++++++++++++++++++++++++++
 public/asset/nav_spaceship.svg  | 20 --------------------
 src/components/Navbar/index.tsx |  6 +++---
 3 files changed, 32 insertions(+), 23 deletions(-)
 create mode 100644 public/asset/nav_logo.svg
 delete mode 100644 public/asset/nav_spaceship.svg

diff --git a/public/asset/nav_logo.svg b/public/asset/nav_logo.svg
new file mode 100644
index 0000000..c810c28
--- /dev/null
+++ b/public/asset/nav_logo.svg
@@ -0,0 +1,29 @@
+<svg width="66" height="50" viewBox="0 0 66 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_4071_3298" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="8" y="0" width="50" height="50">
+<path d="M29.5464 2.01839L9.84898 21.7159C8.04416 23.5208 8.04416 26.447 9.84898 28.2518L29.5464 47.9494C31.3513 49.7542 34.2775 49.7542 36.0823 47.9494L55.7798 28.2518C57.5846 26.447 57.5846 23.5208 55.7798 21.7159L36.0823 2.01839C34.2775 0.213558 31.3513 0.213559 29.5464 2.01839Z" fill="#0A153E"/>
+</mask>
+<g mask="url(#mask0_4071_3298)">
+<path d="M29.5464 2.01839L9.84898 21.7159C8.04416 23.5208 8.04416 26.447 9.84898 28.2518L29.5464 47.9494C31.3513 49.7542 34.2775 49.7542 36.0823 47.9494L55.7798 28.2518C57.5846 26.447 57.5846 23.5208 55.7798 21.7159L36.0823 2.01839C34.2775 0.213558 31.3513 0.213559 29.5464 2.01839Z" fill="white"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.450715 29.2912C0.371776 27.9071 3.42067 26.4663 8.50095 25.2161C8.52697 25.7378 8.64092 26.2558 8.84281 26.7462C6.57433 27.3058 4.785 27.8893 3.54417 28.461C2.94331 28.7378 2.5298 28.9856 2.26559 29.1877C2.55106 29.3584 2.99006 29.5576 3.6185 29.7643C4.88272 30.1801 6.66534 30.5479 8.8989 30.8423C9.04483 28.4169 10.987 26.4309 13.4724 26.2892C16.1515 26.1364 18.4472 28.1843 18.6 30.8635C18.613 31.091 18.6101 31.3158 18.5923 31.5367C22.9812 31.6568 27.9512 31.5836 33.2159 31.2833C41.5094 30.8103 49.0121 29.8606 54.6272 28.6927L54.6269 28.6953C55.0585 28.6056 55.4789 28.5145 55.8878 28.4223C58.7637 27.7736 60.9904 27.0829 62.454 26.4086C63.0548 26.1318 63.4683 25.884 63.7325 25.6819C63.4471 25.5112 63.0081 25.312 62.3796 25.1053C61.1027 24.6853 59.2969 24.3143 57.0317 24.0185C56.9066 23.4308 56.6661 22.8627 56.3102 22.3506C61.9556 23.0041 65.4646 24.1266 65.5474 25.5784C65.6419 27.2357 61.2518 28.9743 54.2594 30.3697L54.2602 30.3671C48.6336 31.4901 41.3216 32.3909 33.3051 32.8481C27.8669 33.1583 22.7275 33.2288 18.1991 33.0934C17.4869 34.7126 15.9129 35.8835 14.0257 35.9911C11.7014 36.1237 9.66561 34.5997 9.06745 32.4442C3.7864 31.7816 0.530439 30.689 0.450715 29.2912ZM64.032 25.398C64.0323 25.398 64.0304 25.4015 64.0254 25.4085C64.0292 25.4015 64.0316 25.398 64.032 25.398ZM1.93581 28.9396C1.93613 28.9396 1.93901 28.9428 1.94352 28.9494C1.93775 28.9429 1.9355 28.9397 1.93581 28.9396ZM1.96616 29.4716C1.96584 29.4716 1.96771 29.4681 1.9727 29.461C1.96897 29.4681 1.96647 29.4716 1.96616 29.4716ZM64.0602 25.9268L64.0546 25.9203C64.0591 25.9268 64.062 25.93 64.0623 25.93C64.0624 25.93 64.0623 25.9298 64.0622 25.9295L64.0602 25.9268Z" fill="url(#paint0_linear_4071_3298)"/>
+<mask id="mask1_4071_3298" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="1" width="47" height="48">
+<path d="M29.7108 3.11248L10.9512 21.872C9.2323 23.5909 9.2323 26.3778 10.9512 28.0967L29.7108 46.8563C31.4297 48.5752 34.2165 48.5752 35.9354 46.8563L54.695 28.0967C56.4139 26.3778 56.4139 23.5909 54.695 21.872L35.9354 3.11248C34.2165 1.39358 31.4297 1.39359 29.7108 3.11248Z" fill="#0A153E"/>
+</mask>
+<g mask="url(#mask1_4071_3298)">
+<path d="M29.7108 3.11248L10.9512 21.872C9.2323 23.5909 9.2323 26.3778 10.9512 28.0967L29.7108 46.8563C31.4297 48.5752 34.2165 48.5752 35.9354 46.8563L54.695 28.0967C56.4139 26.3778 56.4139 23.5909 54.695 21.872L35.9354 3.11248C34.2165 1.39358 31.4297 1.39359 29.7108 3.11248Z" fill="#0A153E"/>
+</g>
+<path d="M22.5133 29.1873C21.9689 29.1873 21.5224 29.1022 21.1736 28.9321C20.8249 28.7535 20.5654 28.5196 20.3953 28.2304C20.2252 27.9411 20.1401 27.6222 20.1401 27.2734C20.1401 26.6865 20.3698 26.2102 20.8291 25.8444C21.2884 25.4786 21.9774 25.2957 22.8961 25.2957H24.5037V25.1426C24.5037 24.7088 24.3804 24.3898 24.1337 24.1857C23.887 23.9816 23.5808 23.8795 23.2151 23.8795C22.8833 23.8795 22.5941 23.9603 22.3474 24.1219C22.1008 24.275 21.9477 24.5047 21.8881 24.8109H20.2932C20.3357 24.3516 20.4889 23.9518 20.7525 23.6115C21.0247 23.2713 21.3735 23.0119 21.7988 22.8332C22.2241 22.6461 22.7004 22.5525 23.2278 22.5525C24.1295 22.5525 24.8397 22.7779 25.3586 23.2288C25.8775 23.6796 26.1369 24.3175 26.1369 25.1426V29.0342H24.7462L24.5931 28.0134C24.4059 28.3537 24.1422 28.6344 23.802 28.8556C23.4702 29.0767 23.0407 29.1873 22.5133 29.1873ZM22.8833 27.9114C23.3512 27.9114 23.7127 27.7583 23.9679 27.452C24.2315 27.1458 24.3974 26.7673 24.4655 26.3165H23.0747C22.6409 26.3165 22.3304 26.3973 22.1433 26.5589C21.9562 26.712 21.8626 26.9034 21.8626 27.1331C21.8626 27.3797 21.9562 27.5711 22.1433 27.7072C22.3304 27.8433 22.5771 27.9114 22.8833 27.9114ZM30.7959 29.1873C30.1494 29.1873 29.5795 29.0469 29.0862 28.7662C28.5928 28.4855 28.2015 28.0943 27.9123 27.5924C27.6316 27.0905 27.4913 26.5164 27.4913 25.8699C27.4913 25.2234 27.6316 24.6493 27.9123 24.1474C28.2015 23.6456 28.5928 23.2543 29.0862 22.9736C29.5795 22.6929 30.1494 22.5525 30.7959 22.5525C31.604 22.5525 32.2845 22.7652 32.8374 23.1905C33.3903 23.6073 33.7433 24.1857 33.8964 24.9257H32.1739C32.0888 24.6195 31.9187 24.3813 31.6635 24.2112C31.4168 24.0326 31.1234 23.9433 30.7831 23.9433C30.3323 23.9433 29.9495 24.1134 29.6348 24.4536C29.3201 24.7939 29.1627 25.266 29.1627 25.8699C29.1627 26.4738 29.3201 26.9459 29.6348 27.2862C29.9495 27.6264 30.3323 27.7965 30.7831 27.7965C31.1234 27.7965 31.4168 27.7115 31.6635 27.5414C31.9187 27.3712 32.0888 27.1288 32.1739 26.8141H33.8964C33.7433 27.5286 33.3903 28.1028 32.8374 28.5366C32.2845 28.9704 31.604 29.1873 30.7959 29.1873ZM35.3459 29.0342V22.7056H36.7877L36.9281 23.5605C37.1322 23.2543 37.4002 23.0119 37.7319 22.8332C38.0721 22.6461 38.4634 22.5525 38.9057 22.5525C39.8839 22.5525 40.5772 22.9311 40.9855 23.6881C41.2151 23.3393 41.5214 23.0629 41.9041 22.8588C42.2954 22.6546 42.7207 22.5525 43.18 22.5525C44.0051 22.5525 44.6388 22.7992 45.0812 23.2926C45.5235 23.7859 45.7446 24.5089 45.7446 25.4616V29.0342H44.1115V25.6147C44.1115 25.0703 44.0051 24.6535 43.7925 24.3643C43.5883 24.0751 43.2694 23.9305 42.8355 23.9305C42.3932 23.9305 42.036 24.0921 41.7638 24.4154C41.5001 24.7386 41.3682 25.1894 41.3682 25.7678V29.0342H39.7351V25.6147C39.7351 25.0703 39.6287 24.6535 39.4161 24.3643C39.2034 24.0751 38.876 23.9305 38.4336 23.9305C37.9998 23.9305 37.6468 24.0921 37.3746 24.4154C37.1109 24.7386 36.9791 25.1894 36.9791 25.7678V29.0342H35.3459Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.00338 29.0845C1.92821 27.7665 4.83125 26.3945 9.66861 25.204C9.69328 25.7007 9.80171 26.1942 9.9939 26.6612C7.83437 27.1941 6.13092 27.7496 4.94954 28.2939C4.37729 28.5575 3.98347 28.7935 3.73184 28.986C4.00372 29.1485 4.42182 29.3382 5.02033 29.5351C6.22399 29.931 7.92108 30.2812 10.0474 30.5615C10.1871 28.2523 12.0366 26.3618 14.403 26.2268C16.9546 26.0813 19.141 28.0317 19.2865 30.5833C19.2989 30.7997 19.2961 31.0136 19.2792 31.2237C23.4594 31.3381 28.1929 31.2684 33.2072 30.9824C41.1056 30.5319 48.251 29.6275 53.5987 28.5153C53.5181 29.0543 53.4011 29.5863 53.2493 30.1099C47.8907 31.1794 40.9269 32.0373 33.2922 32.4727C28.1127 32.7682 23.2179 32.8353 18.905 32.7064C18.2268 34.2488 16.7276 35.3642 14.93 35.4667C12.7158 35.593 10.7765 34.1408 10.2074 32.0871C5.17922 31.456 2.07929 30.4156 2.00338 29.0845ZM60.9836 25.098C59.7671 24.6979 58.0465 24.3444 55.8883 24.0627C55.769 23.5029 55.5396 22.9618 55.2003 22.4741C60.5786 23.0965 63.9216 24.1657 64.0005 25.5486C64.0905 27.127 59.9092 28.7829 53.2494 30.1118C53.4012 29.5883 53.5184 29.0562 53.599 28.5172C54.0104 28.4317 54.4112 28.3449 54.8008 28.257C57.5398 27.6393 59.6605 26.9814 61.0544 26.3392C61.6266 26.0756 62.0204 25.8396 62.2721 25.6471C62.0002 25.4846 61.5821 25.2949 60.9836 25.098ZM62.5572 25.3767C62.5575 25.3767 62.5558 25.3801 62.551 25.3868L62.5548 25.3801L62.5565 25.3776L62.5572 25.3767ZM3.41776 28.7497C3.41806 28.7497 3.42081 28.7528 3.4251 28.759C3.41961 28.7529 3.41746 28.7497 3.41776 28.7497ZM3.44666 29.2564C3.44636 29.2564 3.44813 29.2531 3.45289 29.2463C3.44934 29.253 3.44696 29.2564 3.44666 29.2564ZM62.5788 25.8741C62.5843 25.8803 62.5864 25.8834 62.5861 25.8834L62.5848 25.8821C62.5841 25.8812 62.5831 25.88 62.5818 25.8783C62.5809 25.8771 62.5799 25.8757 62.5788 25.8741Z" fill="url(#paint1_linear_4071_3298)"/>
+<defs>
+<linearGradient id="paint0_linear_4071_3298" x1="29.6376" y1="17.9899" x2="35.7503" y2="35.948" gradientUnits="userSpaceOnUse">
+<stop offset="0.0916665" stop-color="white"/>
+<stop offset="1" stop-color="#663CC6"/>
+<stop offset="1" stop-color="#663CC6"/>
+</linearGradient>
+<linearGradient id="paint1_linear_4071_3298" x1="29.8006" y1="18.3206" x2="35.6234" y2="35.4252" gradientUnits="userSpaceOnUse">
+<stop offset="0.0916665" stop-color="#306DC8"/>
+<stop offset="1" stop-color="#663CC6"/>
+<stop offset="1" stop-color="#663CC6"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/asset/nav_spaceship.svg b/public/asset/nav_spaceship.svg
deleted file mode 100644
index b3644b6..0000000
--- a/public/asset/nav_spaceship.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg width="44" height="42" viewBox="0 0 44 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="20.4999" cy="21.438" r="18.5" stroke="white" stroke-width="2"/>
-<g clip-path="url(#clip0_20_2)">
-<path d="M18.2103 15.6284L8.93723 13.8005L2.07465 18.3652L8.47503 22.1039" fill="white"/>
-<path d="M15.4158 32.5385L25.1511 26.0629L22.9334 35.5341L15.8028 40.042L15.4158 32.5385Z" fill="white"/>
-<path d="M8.47502 22.1038L15.2562 32.6446L32.9712 20.8611L29.6604 15.5377L26.1901 10.3204" fill="white"/>
-<path d="M36.8422 10.7609C35.4324 8.6414 31.6348 8.81566 29.7646 9.11891C28.7497 9.32362 25.5455 10.0439 24.7087 12.2467C23.5077 15.6325 27.3546 21.0698 30.7819 21.377C35.1729 21.7488 38.7431 13.9649 36.8422 10.7609Z" fill="white"/>
-<path d="M8.79417 21.8917C6.57831 25.4822 6.23876 29.4709 7.3744 30.8321C8.51004 32.1933 11.5035 31.8484 14.1593 29.6115" fill="white"/>
-<path d="M15.3073 32.3758C11.4074 33.0884 7.86556 31.9167 7.15756 30.5062C6.44956 29.0957 8.0332 26.6313 10.9632 25.1527" fill="white"/>
-<path d="M15.7079 17.0576L9.91941 15.9692L5.61035 18.8354L9.64333 21.0916" fill="#0C0745"/>
-<path d="M16.9032 31.314L22.9678 27.28L21.5746 33.1455L17.2655 36.0117L16.9032 31.314Z" fill="#0C0745"/>
-<path d="M31.7844 19.7694C34.2868 18.3401 35.9092 14.2036 34.7163 12.4102C33.7402 10.9428 30.9064 11.1816 29.6234 11.3294C29.0362 11.4848 28.0213 11.6895 27.0638 12.3265L29.2901 16.0195L31.7844 19.7694Z" fill="#0C0745"/>
-<path d="M11.2067 22.4036L15.8188 29.6836L29.9716 20.5048L27.5857 16.9179L25.1999 13.331" fill="#0C0745"/>
-</g>
-<defs>
-<clipPath id="clip0_20_2">
-<rect width="35.6518" height="25.8476" fill="white" transform="translate(0 19.7451) rotate(-33.6305)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index d90df34..847254c 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -64,7 +64,7 @@ const Navbar: React.FC = () => {
             <Container maxWidth={false}>
               <Box sx={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
                 <Link href="/">
-                  <img src="asset/nav_spaceship.svg" className={s.ship} />
+                  <img src="asset/nav_logo.svg" className={s.ship} />
                 </Link>
                 <Box sx={{ display: 'flex', flexDirection: 'row', paddingRight: '8px' }}>
                   {pages.map((page, index) => (
@@ -92,7 +92,7 @@ const Navbar: React.FC = () => {
             <Container maxWidth={false}>
               <Box sx={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
                 <Link href="/">
-                  <img src="asset/nav_spaceship.svg" className={s.ship} />
+                  <img src="asset/nav_logo.svg" className={s.ship} />
                 </Link>
                 <IconButton
                   size="large"
@@ -119,7 +119,7 @@ const Navbar: React.FC = () => {
           >
             <Toolbar sx={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
               <Link href="/" onClick={handleMobileClose}>
-                <img src="asset/nav_spaceship.svg" className={s.ship} />
+                <img src="asset/nav_logo.svg" className={s.ship} />
               </Link>
               <IconButton edge="start" color="primary" onClick={handleMobileClose} aria-label="close">
                 <CloseIcon />