Update NoRamp Kit Website

noramp · May 22, 2024 · f8c1857 · f8c1857
1 parent 05766f4
commit f8c1857
Show file tree

Hide file tree

Showing 9 changed files with 10,335 additions and 43 deletions.
diff --git a/example/public/norampkit.png b/example/public/norampkit.png
diff --git a/example/src/components/header.tsx b/example/src/components/header.tsx
@@ -46,7 +46,7 @@ const Header = () => {
     <Navbar
       onMenuOpenChange={setIsMenuOpen}
       isMenuOpen={isMenuOpen}
-      className="bg-[#121212] text-white border-b border-gray-200/20"
+      className="bg-[#00000] text-gray border-b border-gray-200/20"
     >
       <NavbarContent>
         <NavbarMenuToggle
@@ -63,28 +63,28 @@ const Header = () => {
 
       <NavbarContent className="hidden gap-10 sm:flex" justify="center">
         <NavbarItem isActive={location.pathname === '/checkout'}>
-          <Link className="text-gray-400 hover:text-gray-200" to="/checkout">
+          <Link className="text-gray-600 hover:text-gray-900" to="/checkout">
             Checkout
           </Link>
         </NavbarItem>
         <NavbarItem
-          className="text-gray-400 hover:text-gray-200"
+          className="text-gray-600 hover:text-gray-900"
           isActive={location.pathname === '/kyc'}
         >
           <Link to="/kyc">KYC</Link>
         </NavbarItem>
         <NavbarItem isActive={location.pathname === '/payout'}>
-          <Link className="text-gray-400 hover:text-gray-200" to="/payout">
+          <Link className="text-gray-600 hover:text-gray-900" to="/payout">
             Payout
           </Link>
         </NavbarItem>
         <NavbarItem isActive={location.pathname === '/connect'}>
-          <Link className="text-gray-400 hover:text-gray-200" to="/connect">
+          <Link className="text-gray-600 hover:text-gray-900" to="/connect">
             Connect
           </Link>
         </NavbarItem>
         <NavbarItem isActive={location.pathname === '/cashout'}>
-          <Link className="text-gray-400 hover:text-gray-200" to="/cashout">
+          <Link className="text-gray-600 hover:text-gray-900" to="/cashout">
             Cashout
           </Link>
         </NavbarItem>
@@ -98,11 +98,11 @@ const Header = () => {
             href="https://dashboard.noramp.io/?utm_source=norampkit"
             variant="solid"
           >
-            Get Stated
+            Get Started
           </Button>
         </NavbarItem>
       </NavbarContent>
-      <NavbarMenu hidden={!isMenuOpen} className="bg-[#111111] text-slate-100">
+      <NavbarMenu hidden={!isMenuOpen} className="bg-[#00000] text-gray">
         {menuItems.map((item, index) => (
           <NavbarMenuItem key={`${item}-${index}`} className="bg-transparent">
             <Link

diff --git a/example/src/components/layout.tsx b/example/src/components/layout.tsx
@@ -5,7 +5,7 @@ const Layout = ({ children }: { children: ReactNode }) => {
   return (
     <div className="flex flex-col w-full min-h-screen">
       <Header />
-      <div className="flex flex-1 px-4 bg-[#111111] text-slate-100 lg:-px-0 ">
+      <div className="flex flex-1 px-4 bg-[#00000] text-gray lg:-px-0 ">
         {children}
       </div>
     </div>

diff --git a/example/src/components/ui/logo.tsx b/example/src/components/ui/logo.tsx
@@ -2,39 +2,51 @@ import React from 'react';
 
 const Logo = ({ width = 28, height = 28 }) => {
   return (
+    // <svg
+    //   xmlns="http://www.w3.org/2000/svg"
+    //   width={width}
+    //   height={height}
+    //   viewBox="0 0 206 174"
+    //   fill="none"
+    // className="text-text"
+    // >
+    //   <g>
+    //     <path
+    //       opacity="0.8"
+    //       d="M109.849 35.0473C110.374 35.2403 110.726 35.7422 110.726 36.3056V81.0969C110.726 82.024 109.812 82.6668 108.946 82.3609L41.9916 58.7152C41.4579 58.5267 41.0993 58.0208 41.0993 57.4512V11.7213C41.0993 10.7872 42.0256 10.1439 42.8945 10.463L109.849 35.0473ZM85.0011 107.706C85.5266 107.899 85.8777 108.401 85.8777 108.964V153.749C85.8777 154.676 84.9643 155.319 84.0981 155.013L17.1438 131.374C16.6101 131.185 16.2514 130.679 16.2514 130.11V84.3733C16.2514 83.4391 17.1778 82.7958 18.0468 83.115L85.0011 107.706ZM165.507 129.796C165.507 130.363 165.151 130.868 164.62 131.058L97.6655 154.995C96.7983 155.305 95.8809 154.662 95.8809 153.733V108.65C95.8809 108.085 96.2343 107.582 96.7624 107.39L163.717 83.097C164.585 82.782 165.507 83.4251 165.507 84.3571V129.796ZM189.925 57.1373C189.925 57.7049 189.569 58.2096 189.038 58.3995L122.084 82.343C121.217 82.6531 120.299 82.0101 120.299 81.0808V35.9916C120.299 35.4263 120.653 34.9231 121.181 34.7315L188.135 10.445C189.003 10.1301 189.925 10.7732 189.925 11.7051V57.1373Z"
+    //       stroke="currentColor"
+    //       strokeWidth="2.75673"
+    //     />
+    //     <path
+    //       opacity="0.6"
+    //       d="M108.943 41.1498C109.334 41.2937 109.597 41.6685 109.597 42.0902V81.3C109.597 81.9943 108.914 82.4724 108.27 82.2446L49.6847 61.5454C49.287 61.4049 49.0187 61.0271 49.0187 60.6008V20.5694C49.0187 19.8699 49.711 19.3915 50.3577 19.629L108.943 41.1498ZM87.2009 104.754C87.5926 104.898 87.8552 105.273 87.8552 105.695V144.899C87.8552 145.593 87.1725 146.071 86.5279 145.843L27.9429 125.15C27.5451 125.009 27.2768 124.632 27.2768 124.205V84.1681C27.2768 83.4686 27.9692 82.9901 28.6159 83.2277L87.2009 104.754ZM157.531 123.931C157.531 124.355 157.265 124.732 156.869 124.874L98.2836 145.828C97.6383 146.059 96.9526 145.581 96.9526 144.885V105.42C96.9526 104.997 97.217 104.621 97.6106 104.478L156.196 83.2123C156.842 82.9777 157.531 83.4561 157.531 84.1539V123.931ZM178.897 60.326C178.897 60.7509 178.631 61.1277 178.235 61.2693L119.65 82.2291C119.004 82.46 118.319 81.9818 118.319 81.2859V41.8153C118.319 41.3922 118.583 41.0165 118.977 40.8736L177.562 19.6134C178.208 19.379 178.897 19.8573 178.897 20.5551V60.326Z"
+    //       stroke="currentColor"
+    //       strokeWidth="2.75673"
+    //     />
+    //     <path
+    //       opacity="0.3"
+    //       d="M108.001 47.5577C108.254 47.6505 108.423 47.8922 108.423 48.164V81.5133C108.423 81.9608 107.983 82.2693 107.566 82.1223L57.6994 64.517C57.4427 64.4263 57.2696 64.1827 57.2696 63.9079V29.8598C57.2696 29.409 57.7163 29.1002 58.1338 29.2535L108.001 47.5577ZM39.6274 83.3464L40.1025 82.0525L39.6274 83.3464L89.4944 101.655C89.7472 101.748 89.9166 101.99 89.9166 102.262V135.606C89.9166 136.054 89.4762 136.362 89.06 136.215L39.193 118.615C38.9362 118.524 38.7631 118.28 38.7631 118.006V83.9527C38.7631 83.5018 39.2099 83.1931 39.6274 83.3464ZM149.224 117.772C149.224 118.046 149.052 118.289 148.797 118.38L98.9296 136.202C98.5129 136.351 98.0705 136.043 98.0705 135.594V102.028C98.0705 101.755 98.2411 101.513 98.4951 101.421L98.0251 100.125L98.4951 101.421L148.362 83.3335C148.779 83.1822 149.224 83.4908 149.224 83.9406V117.772ZM167.411 63.6742C167.411 63.9481 167.239 64.191 166.983 64.2824L117.116 82.1095C116.7 82.2584 116.257 81.9498 116.257 81.5013V47.9302C116.257 47.6575 116.428 47.4152 116.682 47.323L166.549 29.2405C166.966 29.0893 167.411 29.3979 167.411 29.8477V63.6742Z"
+    //       stroke="currentColor"
+    //       strokeWidth="2.75673"
+    //     />
+    //     <path
+    //       d="M110.785 29.262C111.44 29.5022 111.876 30.1258 111.876 30.8235V80.9391C111.876 82.0864 110.742 82.8891 109.66 82.5076L34.6357 56.0512C33.9706 55.8166 33.5257 55.188 33.5257 54.4827V3.31694C33.5257 2.16091 34.6759 1.35751 35.7613 1.75545L110.785 29.262ZM82.9427 110.557C83.5977 110.797 84.0332 111.421 84.0332 112.119V162.227C84.0332 163.374 82.899 164.177 81.8171 163.796L6.79322 137.346C6.12798 137.112 5.68305 136.483 5.68305 135.778V84.6049C5.68305 83.4488 6.83343 82.6454 7.91882 83.0434L82.9427 110.557ZM173.26 135.427C173.26 136.13 172.818 136.757 172.156 136.993L97.1321 163.775C96.049 164.162 94.9098 163.359 94.9098 162.209V111.767C94.9098 111.067 95.3482 110.442 96.0064 110.204L171.03 83.0231C172.115 82.6303 173.26 83.4335 173.26 84.5868V135.427ZM200.621 54.1315C200.621 54.8344 200.179 55.4614 199.517 55.6977L124.493 82.4873C123.41 82.8741 122.271 82.0711 122.271 80.921V30.4722C122.271 29.7721 122.71 29.1469 123.368 28.9085L198.392 1.73504C199.476 1.34229 200.621 2.14551 200.621 3.29876V54.1315Z"
+    //       stroke="currentColor"
+    //       strokeWidth="2.75673"
+    //     />
+    //   </g>
+    // </svg>
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width={width}
-      height={height}
-      viewBox="0 0 206 174"
+      width="35"
+      height="23"
       fill="none"
-      className="text-text"
+      viewBox="0 0 35 23"
     >
-      <g>
-        <path
-          opacity="0.8"
-          d="M109.849 35.0473C110.374 35.2403 110.726 35.7422 110.726 36.3056V81.0969C110.726 82.024 109.812 82.6668 108.946 82.3609L41.9916 58.7152C41.4579 58.5267 41.0993 58.0208 41.0993 57.4512V11.7213C41.0993 10.7872 42.0256 10.1439 42.8945 10.463L109.849 35.0473ZM85.0011 107.706C85.5266 107.899 85.8777 108.401 85.8777 108.964V153.749C85.8777 154.676 84.9643 155.319 84.0981 155.013L17.1438 131.374C16.6101 131.185 16.2514 130.679 16.2514 130.11V84.3733C16.2514 83.4391 17.1778 82.7958 18.0468 83.115L85.0011 107.706ZM165.507 129.796C165.507 130.363 165.151 130.868 164.62 131.058L97.6655 154.995C96.7983 155.305 95.8809 154.662 95.8809 153.733V108.65C95.8809 108.085 96.2343 107.582 96.7624 107.39L163.717 83.097C164.585 82.782 165.507 83.4251 165.507 84.3571V129.796ZM189.925 57.1373C189.925 57.7049 189.569 58.2096 189.038 58.3995L122.084 82.343C121.217 82.6531 120.299 82.0101 120.299 81.0808V35.9916C120.299 35.4263 120.653 34.9231 121.181 34.7315L188.135 10.445C189.003 10.1301 189.925 10.7732 189.925 11.7051V57.1373Z"
-          stroke="currentColor"
-          strokeWidth="2.75673"
-        />
-        <path
-          opacity="0.6"
-          d="M108.943 41.1498C109.334 41.2937 109.597 41.6685 109.597 42.0902V81.3C109.597 81.9943 108.914 82.4724 108.27 82.2446L49.6847 61.5454C49.287 61.4049 49.0187 61.0271 49.0187 60.6008V20.5694C49.0187 19.8699 49.711 19.3915 50.3577 19.629L108.943 41.1498ZM87.2009 104.754C87.5926 104.898 87.8552 105.273 87.8552 105.695V144.899C87.8552 145.593 87.1725 146.071 86.5279 145.843L27.9429 125.15C27.5451 125.009 27.2768 124.632 27.2768 124.205V84.1681C27.2768 83.4686 27.9692 82.9901 28.6159 83.2277L87.2009 104.754ZM157.531 123.931C157.531 124.355 157.265 124.732 156.869 124.874L98.2836 145.828C97.6383 146.059 96.9526 145.581 96.9526 144.885V105.42C96.9526 104.997 97.217 104.621 97.6106 104.478L156.196 83.2123C156.842 82.9777 157.531 83.4561 157.531 84.1539V123.931ZM178.897 60.326C178.897 60.7509 178.631 61.1277 178.235 61.2693L119.65 82.2291C119.004 82.46 118.319 81.9818 118.319 81.2859V41.8153C118.319 41.3922 118.583 41.0165 118.977 40.8736L177.562 19.6134C178.208 19.379 178.897 19.8573 178.897 20.5551V60.326Z"
-          stroke="currentColor"
-          strokeWidth="2.75673"
-        />
-        <path
-          opacity="0.3"
-          d="M108.001 47.5577C108.254 47.6505 108.423 47.8922 108.423 48.164V81.5133C108.423 81.9608 107.983 82.2693 107.566 82.1223L57.6994 64.517C57.4427 64.4263 57.2696 64.1827 57.2696 63.9079V29.8598C57.2696 29.409 57.7163 29.1002 58.1338 29.2535L108.001 47.5577ZM39.6274 83.3464L40.1025 82.0525L39.6274 83.3464L89.4944 101.655C89.7472 101.748 89.9166 101.99 89.9166 102.262V135.606C89.9166 136.054 89.4762 136.362 89.06 136.215L39.193 118.615C38.9362 118.524 38.7631 118.28 38.7631 118.006V83.9527C38.7631 83.5018 39.2099 83.1931 39.6274 83.3464ZM149.224 117.772C149.224 118.046 149.052 118.289 148.797 118.38L98.9296 136.202C98.5129 136.351 98.0705 136.043 98.0705 135.594V102.028C98.0705 101.755 98.2411 101.513 98.4951 101.421L98.0251 100.125L98.4951 101.421L148.362 83.3335C148.779 83.1822 149.224 83.4908 149.224 83.9406V117.772ZM167.411 63.6742C167.411 63.9481 167.239 64.191 166.983 64.2824L117.116 82.1095C116.7 82.2584 116.257 81.9498 116.257 81.5013V47.9302C116.257 47.6575 116.428 47.4152 116.682 47.323L166.549 29.2405C166.966 29.0893 167.411 29.3979 167.411 29.8477V63.6742Z"
-          stroke="currentColor"
-          strokeWidth="2.75673"
-        />
-        <path
-          d="M110.785 29.262C111.44 29.5022 111.876 30.1258 111.876 30.8235V80.9391C111.876 82.0864 110.742 82.8891 109.66 82.5076L34.6357 56.0512C33.9706 55.8166 33.5257 55.188 33.5257 54.4827V3.31694C33.5257 2.16091 34.6759 1.35751 35.7613 1.75545L110.785 29.262ZM82.9427 110.557C83.5977 110.797 84.0332 111.421 84.0332 112.119V162.227C84.0332 163.374 82.899 164.177 81.8171 163.796L6.79322 137.346C6.12798 137.112 5.68305 136.483 5.68305 135.778V84.6049C5.68305 83.4488 6.83343 82.6454 7.91882 83.0434L82.9427 110.557ZM173.26 135.427C173.26 136.13 172.818 136.757 172.156 136.993L97.1321 163.775C96.049 164.162 94.9098 163.359 94.9098 162.209V111.767C94.9098 111.067 95.3482 110.442 96.0064 110.204L171.03 83.0231C172.115 82.6303 173.26 83.4335 173.26 84.5868V135.427ZM200.621 54.1315C200.621 54.8344 200.179 55.4614 199.517 55.6977L124.493 82.4873C123.41 82.8741 122.271 82.0711 122.271 80.921V30.4722C122.271 29.7721 122.71 29.1469 123.368 28.9085L198.392 1.73504C199.476 1.34229 200.621 2.14551 200.621 3.29876V54.1315Z"
-          stroke="currentColor"
-          strokeWidth="2.75673"
-        />
-      </g>
+      <path
+        fill="#000"
+        d="M15.39 2.72c0-1.755-2.01-2.057-2.68-1.371L.03 14.328c-.03.045-.063.164.044.274.107.11.223.045.268 0l1.83-1.874c1.117-1.143 2.769 0 2.769 1.051v7.001c0 1.82 1.875 1.865 2.902.814L17.89 11.31c1.24-1.27 3.125-.447 3.125 1.051v8.272c0 1.508 1.697 2.514 3.126 1.051l10.448-10.694c.045-.045.073-.153 0-.228-.089-.091-.223-.046-.268 0l-1.875 1.92c-.938.959-2.68 0-2.68-1.143V2.49c0-1.69-1.92-1.965-2.723-1.142l-8.796 9.003c-1.26 1.29-2.858.375-2.858-.914V2.72z"
+      ></path>
     </svg>
   );
 };

diff --git a/example/src/routes/home.tsx b/example/src/routes/home.tsx
@@ -7,13 +7,15 @@ export default function Home() {
 
   return (
     <div className="container mx-auto">
-      <div className="p-6 ">
+      <div className="p-6 xl:mx-28">
         <h1 className="mb-4 text-3xl font-bold">NoRampKit</h1>
-        <a href="https://noramp.io" className="flex justify-center ">
+        <a href="https://noramp.io" className="flex justify-center">
           <img
             alt="norampkit"
-            src="https://i.imgur.com/0cl3hkv.png"
-            className="mb-6 max-h-80"
+            src="../public/norampkit.png"
+            height={518}
+            width={922}
+            className="mb-6 rounded-xl"
           />
         </a>
 

diff --git a/package.json b/package.json
@@ -81,6 +81,7 @@
     "@types/lodash.merge": "^4.6.9",
     "lodash.merge": "^4.6.2",
     "viem": "^1.19.9",
-    "wagmi": "^1.4.7"
+    "wagmi": "^1.4.7",
+    "yarn": "^1.22.22"
   }
 }