feat: add new logo (#762)

alchemyplatform · Aug 28, 2024 · 2ec34b6 · 2ec34b6
1 parent 919e88f
commit 2ec34b6
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 58 deletions.
diff --git a/examples/ui-demo/public/images/account-kit-logo.png b/examples/ui-demo/public/images/account-kit-logo.png
diff --git a/examples/ui-demo/src/components/configuration/index.tsx b/examples/ui-demo/src/components/configuration/index.tsx
@@ -13,7 +13,7 @@ const TABS: Tab[] = [
   },
   {
     id: "style",
-    name: "Styling",
+    name: "Stylize",
     icon: <PaintIcon />,
   },
 ];

diff --git a/examples/ui-demo/src/components/icons/alchemy.tsx b/examples/ui-demo/src/components/icons/alchemy.tsx
@@ -17,58 +17,3 @@ export const AlchemyLogo = ({
     />
   </svg>
 );
-
-export const AlchemyFullLogo = ({
-  fill,
-  ...props
-}: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => (
-  <svg
-    width="141"
-    height="30"
-    viewBox="0 0 141 30"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path
-      d="M43.9377 15.9567V15.6069C43.9377 14.7281 43.6369 14.0554 43.0354 13.5891C42.452 13.1048 41.6864 12.8627 40.7384 12.8627C40.0092 12.8627 39.435 12.9882 39.0157 13.2393C38.6147 13.4725 38.2319 13.8312 37.8673 14.3155C37.7579 14.459 37.6394 14.5577 37.5118 14.6115C37.3842 14.6653 37.211 14.6922 36.9922 14.6922H36.1719C35.9714 14.6922 35.7891 14.6204 35.625 14.4769C35.4792 14.3335 35.4154 14.1631 35.4336 13.9658C35.4883 13.4277 35.7526 12.8985 36.2266 12.3784C36.7188 11.8403 37.366 11.4009 38.1681 11.0601C38.9702 10.7193 39.8269 10.5489 40.7384 10.5489C42.4338 10.5489 43.801 11.0152 44.8401 11.9479C45.8974 12.8806 46.4261 14.19 46.4261 15.876V24.0819C46.4261 24.2792 46.3531 24.4496 46.2073 24.5931C46.0615 24.7365 45.8883 24.8083 45.6878 24.8083H44.676C44.4755 24.8083 44.3023 24.7365 44.1565 24.5931C44.0106 24.4496 43.9377 24.2792 43.9377 24.0819V22.9788C43.646 23.6245 43.0262 24.1357 42.0783 24.5123C41.1304 24.889 40.1824 25.0773 39.2345 25.0773C38.3048 25.0773 37.4753 24.9159 36.7461 24.5931C36.017 24.2523 35.4518 23.7949 35.0508 23.2209C34.668 22.647 34.4766 22.0012 34.4766 21.2838C34.4766 19.9386 34.987 18.8893 36.0078 18.136C37.0287 17.3647 38.3868 16.8445 40.0822 16.5755L43.9377 15.9567ZM43.9377 18.1091L40.7111 18.6202C39.5262 18.7996 38.6056 19.0956 37.9493 19.5081C37.293 19.9027 36.9649 20.4049 36.9649 21.0147C36.9649 21.4632 37.1745 21.8667 37.5938 22.2255C38.0131 22.5842 38.6511 22.7635 39.5079 22.7635C40.8205 22.7635 41.8869 22.3958 42.7072 21.6605C43.5276 20.9251 43.9377 19.9655 43.9377 18.7817V18.1091Z"
-      fill="#0C0C0E"
-    />
-    <path
-      d="M52.9039 24.0819C52.9039 24.2792 52.831 24.4496 52.6851 24.5931C52.5393 24.7365 52.3661 24.8083 52.1656 24.8083H51.1539C50.9533 24.8083 50.7802 24.7365 50.6343 24.5931C50.4885 24.4496 50.4156 24.2792 50.4156 24.0819V6.43248C50.4156 6.23518 50.4885 6.06478 50.6343 5.92129C50.7802 5.7778 50.9533 5.70605 51.1539 5.70605H52.1656C52.3661 5.70605 52.5393 5.7778 52.6851 5.92129C52.831 6.06478 52.9039 6.23518 52.9039 6.43248V24.0819Z"
-      fill="#0C0C0E"
-    />
-    <path
-      d="M62.7537 22.7635C64.5766 22.7635 65.8071 22.064 66.4451 20.665C66.5728 20.3959 66.7004 20.2076 66.828 20.1C66.9556 19.9924 67.1287 19.9386 67.3475 19.9386H68.1678C68.3684 19.9386 68.5415 20.0103 68.6874 20.1538C68.8332 20.2794 68.9061 20.4318 68.9061 20.6112C68.9061 21.221 68.66 21.8757 68.1678 22.5752C67.6756 23.2747 66.9647 23.8666 66.035 24.3509C65.1053 24.8352 64.0115 25.0773 62.7537 25.0773C61.4594 25.0773 60.3382 24.8083 59.3903 24.2702C58.4424 23.7321 57.7132 22.9967 57.2027 22.064C56.6923 21.1134 56.4098 20.0552 56.3551 18.8893C56.3368 18.6741 56.3277 18.2615 56.3277 17.6517C56.3277 17.2212 56.3368 16.9163 56.3551 16.7369C56.5191 14.9074 57.148 13.4187 58.2418 12.2708C59.3356 11.1228 60.8395 10.5489 62.7537 10.5489C64.0115 10.5489 65.0962 10.791 66.0076 11.2753C66.9373 11.7416 67.6392 12.3246 68.1131 13.0241C68.6053 13.7057 68.8697 14.3514 68.9061 14.9612C68.9244 15.1585 68.8514 15.3289 68.6874 15.4724C68.5415 15.6159 68.3684 15.6876 68.1678 15.6876H67.3475C67.1287 15.6876 66.9556 15.6338 66.828 15.5262C66.7004 15.4186 66.5728 15.2303 66.4451 14.9612C65.8071 13.5622 64.5766 12.8627 62.7537 12.8627C61.751 12.8627 60.876 13.1945 60.1286 13.8581C59.3812 14.5218 58.9528 15.5262 58.8434 16.8714C58.8252 17.0687 58.8161 17.3916 58.8161 17.84C58.8161 18.2525 58.8252 18.5575 58.8434 18.7548C58.971 20.1 59.3994 21.1044 60.1286 21.7681C60.876 22.4317 61.751 22.7635 62.7537 22.7635Z"
-      fill="#0C0C0E"
-    />
-    <path
-      d="M84.812 24.0819C84.812 24.2792 84.7391 24.4496 84.5933 24.5931C84.4474 24.7365 84.2743 24.8083 84.0737 24.8083H83.062C82.8615 24.8083 82.6883 24.7365 82.5424 24.5931C82.3966 24.4496 82.3237 24.2792 82.3237 24.0819V16.9791C82.3237 15.6338 81.9864 14.6115 81.3119 13.9119C80.6374 13.2124 79.6986 12.8627 78.4955 12.8627C77.3105 12.8627 76.3717 13.2124 75.679 13.9119C75.0045 14.6115 74.6673 15.6338 74.6673 16.9791V24.0819C74.6673 24.2792 74.5943 24.4496 74.4485 24.5931C74.3027 24.7365 74.1295 24.8083 73.929 24.8083H72.9172C72.7167 24.8083 72.5435 24.7365 72.3977 24.5931C72.2518 24.4496 72.1789 24.2792 72.1789 24.0819V6.43248C72.1789 6.23518 72.2518 6.06478 72.3977 5.92129C72.5435 5.7778 72.7167 5.70605 72.9172 5.70605H73.929C74.1295 5.70605 74.3027 5.7778 74.4485 5.92129C74.5943 6.06478 74.6673 6.23518 74.6673 6.43248V12.3784C75.0683 11.8582 75.6152 11.4278 76.3079 11.087C77.0189 10.7282 77.8848 10.5489 78.9056 10.5489C80.0541 10.5489 81.075 10.791 81.9682 11.2753C82.8615 11.7596 83.5542 12.4591 84.0464 13.3739C84.5568 14.2707 84.812 15.3379 84.812 16.5755V24.0819Z"
-      fill="#0C0C0E"
-    />
-    <path
-      d="M94.3941 10.5489C96.3447 10.5489 97.8851 11.1587 99.0153 12.3784C100.146 13.5981 100.711 15.2572 100.711 17.3557V18.0822C100.711 18.2795 100.638 18.4498 100.492 18.5933C100.346 18.7368 100.173 18.8086 99.9724 18.8086H90.5659V18.97C90.6023 20.1538 90.9669 21.0865 91.6596 21.7681C92.3706 22.4317 93.2821 22.7635 94.3941 22.7635C95.3056 22.7635 96.0074 22.647 96.4996 22.4138C97.01 22.1806 97.4658 21.8488 97.8668 21.4183C98.0127 21.2748 98.1403 21.1762 98.2497 21.1224C98.3773 21.0686 98.5413 21.0417 98.7418 21.0417H99.5622C99.7809 21.0417 99.9632 21.1134 100.109 21.2569C100.255 21.4004 100.319 21.5708 100.3 21.7681C100.228 22.2524 99.9541 22.7546 99.4801 23.2747C99.0244 23.777 98.359 24.2074 97.484 24.5662C96.6272 24.9069 95.5972 25.0773 94.3941 25.0773C93.2274 25.0773 92.1883 24.8173 91.2768 24.2971C90.3654 23.759 89.6362 23.0236 89.0893 22.0909C88.5606 21.1582 88.2416 20.109 88.1322 18.9431C88.0958 18.405 88.0775 17.9925 88.0775 17.7055C88.0775 17.4185 88.0958 17.006 88.1322 16.4679C88.2416 15.3558 88.5606 14.3514 89.0893 13.4546C89.6362 12.5577 90.3562 11.8493 91.2495 11.3291C92.161 10.809 93.2092 10.5489 94.3941 10.5489ZM98.2497 16.5486V16.4679C98.2497 15.3738 97.8942 14.5038 97.1832 13.8581C96.4905 13.1945 95.5608 12.8627 94.3941 12.8627C93.3368 12.8627 92.4344 13.1945 91.687 13.8581C90.9578 14.5218 90.5841 15.3917 90.5659 16.4679V16.5486H98.2497Z"
-      fill="#0C0C0E"
-    />
-    <path
-      d="M106.498 12.3784C106.935 11.8224 107.428 11.3829 107.974 11.0601C108.521 10.7193 109.25 10.5489 110.162 10.5489C112.295 10.5489 113.79 11.3291 114.646 12.8896C115.175 12.1362 115.777 11.5623 116.451 11.1677C117.126 10.7551 118.01 10.5489 119.104 10.5489C120.89 10.5489 122.212 11.078 123.069 12.1362C123.944 13.1945 124.381 14.6922 124.381 16.6293V24.0819C124.381 24.2792 124.308 24.4496 124.162 24.5931C124.016 24.7365 123.843 24.8083 123.643 24.8083H122.631C122.43 24.8083 122.257 24.7365 122.111 24.5931C121.966 24.4496 121.893 24.2792 121.893 24.0819V16.8984C121.893 14.2079 120.817 12.8627 118.666 12.8627C117.682 12.8627 116.898 13.1855 116.314 13.8312C115.731 14.4769 115.439 15.4365 115.439 16.71V24.0819C115.439 24.2792 115.367 24.4496 115.221 24.5931C115.075 24.7365 114.902 24.8083 114.701 24.8083H113.689C113.489 24.8083 113.316 24.7365 113.17 24.5931C113.024 24.4496 112.951 24.2792 112.951 24.0819V16.8984C112.951 14.2079 111.876 12.8627 109.724 12.8627C108.74 12.8627 107.956 13.1855 107.373 13.8312C106.79 14.4769 106.498 15.4365 106.498 16.71V24.0819C106.498 24.2792 106.425 24.4496 106.279 24.5931C106.133 24.7365 105.96 24.8083 105.76 24.8083H104.748C104.547 24.8083 104.374 24.7365 104.228 24.5931C104.082 24.4496 104.009 24.2792 104.009 24.0819V11.5443C104.009 11.347 104.082 11.1766 104.228 11.0332C104.374 10.8897 104.547 10.8179 104.748 10.8179H105.76C105.96 10.8179 106.133 10.8897 106.279 11.0332C106.425 11.1766 106.498 11.347 106.498 11.5443V12.3784Z"
-      fill="#0C0C0E"
-    />
-    <path
-      d="M132.039 29.2744C131.875 29.7049 131.611 29.9202 131.246 29.9202H130.125C129.943 29.9202 129.788 29.8574 129.66 29.7318C129.533 29.6063 129.469 29.4538 129.469 29.2744C129.469 29.2027 129.478 29.1399 129.496 29.0861L132.121 23.4631L126.707 11.652C126.689 11.5982 126.68 11.5354 126.68 11.4636C126.68 11.2843 126.744 11.1318 126.871 11.0063C126.999 10.8807 127.154 10.8179 127.336 10.8179H128.457C128.822 10.8179 129.086 11.0332 129.25 11.4636L133.461 20.6112L137.727 11.4636C137.891 11.0332 138.155 10.8179 138.52 10.8179H139.641C139.823 10.8179 139.978 10.8807 140.106 11.0063C140.234 11.1318 140.297 11.2843 140.297 11.4636C140.297 11.5354 140.288 11.5982 140.27 11.652L132.039 29.2744Z"
-      fill="#0C0C0E"
-    />
-    <path
-      d="M24.1385 15.9081L14.9568 0.334005C14.9124 0.257103 14.848 0.193043 14.7701 0.148291C14.6923 0.103539 14.6038 0.0796765 14.5136 0.0791118C14.4234 0.0785472 14.3346 0.1013 14.2562 0.145075C14.1778 0.188849 14.1126 0.252098 14.0672 0.328438L11.3174 4.99508C11.2273 5.14784 11.1799 5.32113 11.1799 5.49752C11.1799 5.67391 11.2273 5.84719 11.3174 5.99995L17.3044 16.16C17.3946 16.3129 17.5243 16.4398 17.6805 16.528C17.8366 16.6162 18.0138 16.6626 18.194 16.6624H23.6937C23.7838 16.6621 23.8721 16.6387 23.9501 16.5945C24.028 16.5503 24.0927 16.4869 24.1377 16.4105C24.1827 16.3342 24.2065 16.2476 24.2066 16.1594C24.2068 16.0712 24.1833 15.9846 24.1385 15.9081Z"
-      fill="#363FF9"
-    />
-    <path
-      d="M0.0708006 24.0476L9.25252 8.47358C9.29758 8.39729 9.36234 8.33395 9.44029 8.28991C9.51824 8.24587 9.60663 8.22269 9.69662 8.22269C9.7866 8.22269 9.87503 8.24587 9.95298 8.28991C10.0309 8.33395 10.0957 8.39729 10.1407 8.47358L12.892 13.1361C12.982 13.2891 13.0294 13.4626 13.0294 13.6392C13.0294 13.8158 12.982 13.9893 12.892 14.1423L6.90486 24.3023C6.81506 24.4552 6.68566 24.5822 6.52971 24.6704C6.37376 24.7586 6.19678 24.805 6.01668 24.8048H0.515605C0.424984 24.8052 0.335864 24.7821 0.257303 24.7379C0.178741 24.6937 0.113549 24.6298 0.0683546 24.5529C0.0231603 24.476 -0.00042547 24.3887 5.81022e-06 24.2999C0.000437091 24.2112 0.0248607 24.1241 0.0708006 24.0476Z"
-      fill="#363FF9"
-    />
-    <path
-      d="M10.1394 24.8014H28.5028C28.5929 24.8013 28.6814 24.778 28.7594 24.7338C28.8373 24.6896 28.902 24.6261 28.947 24.5497C28.9919 24.4732 29.0155 24.3865 29.0154 24.2983C29.0153 24.2101 28.9914 24.1234 28.9462 24.0471L26.1992 19.3818C26.1091 19.2289 25.9794 19.102 25.8233 19.0138C25.6671 18.9256 25.4899 18.8792 25.3096 18.8794H13.3355C13.1552 18.8792 12.978 18.9256 12.8219 19.0138C12.6657 19.102 12.536 19.2289 12.4458 19.3818L9.69603 24.0471C9.65087 24.1234 9.62702 24.2101 9.62689 24.2983C9.62676 24.3865 9.65033 24.4732 9.69527 24.5497C9.74021 24.6261 9.80494 24.6896 9.8829 24.7338C9.96086 24.778 10.0493 24.8013 10.1394 24.8014Z"
-      fill="#363FF9"
-    />
-  </svg>
-);
diff --git a/examples/ui-demo/src/components/topnav/TopNav.tsx b/examples/ui-demo/src/components/topnav/TopNav.tsx
@@ -1,15 +1,21 @@
 import Link from "next/link";
-import { AlchemyFullLogo } from "../icons/alchemy";
 import ExternalLink from "../shared/ExternalLink";
 import { links } from "@/src/utils/links";
 import { GithubLogo } from "../icons/github";
 import { ArrowUpRightIcon } from "../icons/arrow";
+import Image from "next/image";
 
 export function TopNav() {
   return (
     <div className="left-0 top-0 right-0 py-5 bg-white shadow-sm">
       <div className="flex items-center justify-between h-full w-full max-w-screen-2xl mx-auto px-10">
-        <AlchemyFullLogo />
+          <Image
+            width={250}
+            height={80}
+            src="/images/account-kit-logo.png"
+            alt="Account Kit by Alchemy"
+            style={{ objectFit: 'contain' }}
+          />
         <div className="flex gap-4 items-center h-8">
           <div className="flex items-center gap-6 font-semibold">
             <Link className="p-2 bg-gray-100 rounded-lg" href="#">