added signup/signin page

app/.cache/ts-import/home/woobin/Desktop/zoo/app/utils/chains.mjs

@@ -0,0 +1,162 @@
+import { arbitrum, mainnet, polygon, optimism, bsc } from 'wagmi/chains';
+//Chains that are missing from wagmi:
+export const zora = {
+    id: 7777777,
+    name: 'Zora',
+    network: 'zora',
+    nativeCurrency: { name: 'Ether', symbol: 'ETH', decimals: 18 },
+    rpcUrls: {
+        default: {
+            http: ['https://rpc.zora.co'],
+        },
+        public: {
+            http: ['https://rpc.zora.co'],
+        },
+    },
+    blockExplorers: {
+        etherscan: {
+            name: 'Zora explorer',
+            url: 'https://explorer.zora.co',
+        },
+        default: {
+            name: 'Zora explorer',
+            url: 'https://explorer.zora.co',
+        },
+    },
+};
+//Chains that are missing from wagmi:
+export const arbitrumNova = {
+    id: 42170,
+    name: 'Arbitrum Nova',
+    network: 'arbitrum-nova',
+    nativeCurrency: { name: 'Ether', symbol: 'ETH', decimals: 18 },
+    rpcUrls: {
+        blast: {
+            http: ['https://arbitrum-nova.public.blastapi.io'],
+            webSocket: ['wss://arbitrum-nova.public.blastapi.io'],
+        },
+        default: {
+            http: ['https://nova.arbitrum.io/rpc'],
+        },
+        public: {
+            http: ['https://nova.arbitrum.io/rpc'],
+        },
+    },
+    blockExplorers: {
+        etherscan: { name: 'Arbiscan', url: 'https://nova.arbiscan.io' },
+        blockScout: {
+            name: 'BlockScout',
+            url: 'https://nova-explorer.arbitrum.io/',
+        },
+        default: { name: 'Arbiscan', url: 'https://nova.arbiscan.io' },
+    },
+    contracts: {
+        multicall3: {
+            address: '0xca11bde05977b3631167028862be2a173976ca11',
+            blockCreated: 1746963,
+        },
+    },
+};
+export const DefaultChain = {
+    ...mainnet,
+    // Any url to display the logo of the chain in light mode
+    lightIconUrl: '/icons/eth-icon-dark.svg',
+    // Any url to display the logo of the chain in dark mode
+    darkIconUrl: '/icons/eth-icon-light.svg',
+    // The base url of the reservoir api, this is used in the app when
+    // directly interacting with the reservoir indexer servers (in the api proxy for example)
+    // or when prefetching server side rendered data
+    reservoirBaseUrl: 'https://api.reservoir.tools',
+    // Used on the client side portions of the marketplace that need an api key added
+    // Prevents the api key from being leaked in the clientside requests
+    // If you'd like to disable proxying you can just change the proxyApi to the reservoirBaseUrl
+    // Doing so will omit the api key unless further changes are made
+    proxyApi: '/api/reservoir/ethereum',
+    // A prefix used in the asset specific routes on the app (tokens/collections)
+    routePrefix: 'ethereum',
+    // Reservoir API key which you can generate at https://reservoir.tools/
+    // This is a protected key and displays as 'undefined' on the browser
+    // DO NOT add NEXT_PUBLIC to the key or you'll risk leaking it on the browser
+    apiKey: process.env.ETH_RESERVOIR_API_KEY,
+    // Coingecko id, used to convert the chain's native prices to usd. Can be found here:
+    // https://www.coingecko.com/en/api/documentation#operations-coins-get_coins_list
+    coingeckoId: 'ethereum',
+    collectionSetId: process.env.NEXT_PUBLIC_ETH_COLLECTION_SET_ID,
+    community: process.env.NEXT_PUBLIC_ETH_COMMUNITY,
+};
+export default [
+    DefaultChain,
+    {
+        ...polygon,
+        lightIconUrl: '/icons/polygon-icon-dark.svg',
+        darkIconUrl: '/icons/polygon-icon-light.svg',
+        reservoirBaseUrl: 'https://api-polygon.reservoir.tools',
+        proxyApi: '/api/reservoir/polygon',
+        routePrefix: 'polygon',
+        apiKey: process.env.POLYGON_RESERVOIR_API_KEY,
+        coingeckoId: 'matic-network',
+        collectionSetId: process.env.NEXT_PUBLIC_POLYGON_COLLECTION_SET_ID,
+        community: process.env.NEXT_PUBLIC_POLYGON_COMMUNITY,
+    },
+    {
+        ...arbitrum,
+        name: 'Arbitrum',
+        lightIconUrl: '/icons/arbitrum-icon-dark.svg',
+        darkIconUrl: '/icons/arbitrum-icon-light.svg',
+        reservoirBaseUrl: 'https://api-arbitrum.reservoir.tools',
+        proxyApi: '/api/reservoir/arbitrum',
+        routePrefix: 'arbitrum',
+        apiKey: process.env.ARBITRUM_RESERVOIR_API_KEY,
+        coingeckoId: 'arbitrum-iou',
+        collectionSetId: process.env.NEXT_PUBLIC_ARBITRUM_COLLECTION_SET_ID,
+        community: process.env.NEXT_PUBLIC_ARBITRUM_COMMUNITY,
+    },
+    {
+        ...arbitrumNova,
+        lightIconUrl: '/icons/arbitrum-nova-icon-dark.svg',
+        darkIconUrl: '/icons/arbitrum-nova-icon-light.svg',
+        reservoirBaseUrl: 'https://api-arbitrum-nova.reservoir.tools',
+        proxyApi: '/api/reservoir/arbitrum-nova',
+        routePrefix: 'arbitrum-nova',
+        apiKey: process.env.ARBITRUM_NOVA_RESERVOIR_API_KEY,
+        coingeckoId: 'ethereum',
+        collectionSetId: process.env.NEXT_PUBLIC_ARBITRUM_NOVA_COLLECTION_SET_ID,
+        community: process.env.NEXT_PUBLIC_ARBITRUM_NOVA_COMMUNITY,
+    },
+    {
+        ...optimism,
+        name: 'Optimism',
+        lightIconUrl: '/icons/optimism-icon-dark.svg',
+        darkIconUrl: '/icons/optimism-icon-light.svg',
+        reservoirBaseUrl: 'https://api-optimism.reservoir.tools',
+        proxyApi: '/api/reservoir/optimism',
+        routePrefix: 'optimism',
+        apiKey: process.env.OPTIMISM_RESERVOIR_API_KEY,
+        coingeckoId: 'optimism',
+        collectionSetId: process.env.NEXT_PUBLIC_OPTIMISM_COLLECTION_SET_ID,
+        community: process.env.NEXT_PUBLIC_OPTIMISM_COMMUNITY,
+    },
+    {
+        ...zora,
+        name: 'Zora',
+        lightIconUrl: '/icons/zora-icon-dark.svg',
+        darkIconUrl: '/icons/zora-icon-light.svg',
+        reservoirBaseUrl: 'https://api-zora.reservoir.tools',
+        proxyApi: '/api/reservoir/zora',
+        routePrefix: 'zora',
+        apiKey: process.env.ZORA_RESERVOIR_API_KEY,
+        coingeckoId: 'ethereum',
+    },
+    {
+        ...bsc,
+        lightIconUrl: '/icons/bsc-icon-dark.svg',
+        darkIconUrl: '/icons/bsc-icon-light.svg',
+        reservoirBaseUrl: 'https://api-bsc.reservoir.tools',
+        proxyApi: '/api/reservoir/bsc',
+        routePrefix: 'bsc',
+        apiKey: process.env.BSC_RESERVOIR_API_KEY,
+        coingeckoId: 'binancecoin',
+        collectionSetId: process.env.NEXT_PUBLIC_BSC_COLLECTION_SET_ID,
+        community: process.env.NEXT_PUBLIC_BSC_COMMUNITY,
+    },
+];

foundation/src/pages/forgot_password/index.tsx

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import Link from 'next/link';
+import Image from 'next/image';
+import Layout from '@/components/layout/Layout';
+import Seo from '@/components/Seo';
+import Navbar from '@/components/Navbar';
+import Footer from '@/components/Footer';
+import { BiMessageDetail, BiMailSend } from "react-icons/bi";
+export default function ZooConnect() {
+  return (
+    <Layout>
+        <Seo />
+        <Navbar />
+        <div className='bg-black py-32 text-white'>
+          <div className='md:w-[500px] mx-auto w-full rounded-3xl px-12 md:border border-white py-8 flex flex-col'>
+            <p className='text-white text-2xl text-center pb-8'>Forgot Password</p>
+            <p className='text-white text-md text-center'>Select which contact details should we use to reset your password</p>
+            <div className='border border-[#262934] bg-[#1E1F23] space-x-4 mt-8 rounded-xl p-4 flex items-center'>
+              <div className='w-[50px] h-[50px] p-[10px] bg-[#ffffff19] rounded-full'>
+                <BiMessageDetail size={30} />
+              </div>
+              <div className='flex flex-col space-y-2'>
+                <p>via SMS:</p>
+                <p>+1573*****57</p>
+              </div>
+            </div>
+            <div className='border border-[#262934] bg-[#1E1F23] space-x-4 mt-8 rounded-xl p-4 flex items-center'>
+              <div className='w-[50px] h-[50px] p-[10px] bg-[#ffffff19] rounded-full'>
+                <BiMailSend size={30} />
+              </div>
+              <div className='flex flex-col space-y-2'>
+                <p>via EMAIL:</p>
+                <p>woo******@gmail.com</p>
+              </div>
+            </div>
+            <button className='mt-8 rounded-full py-2 px-4 text-lg text-black bg-white'>Continue</button>
+          </div>
+          <div className='md:w-[500px] mx-auto w-full rounded-3xl px-12 md:border border-white py-8 flex flex-col'>
+            <p className='text-white text-2xl text-center pb-8'>Forgot Password</p>
+            <p className='text-white text-md text-center pb-8'>Code has been send to +6282******39</p>
+            <div className='flex items-center justify-between'>
+              <input className='w-[50px] bg-[#262934] h-[50px] text-center text-xl rounded-full outline-none  border border-[#262934] text-white' maxLength={1}/>
+              <input className='w-[50px] bg-[#262934] h-[50px] text-center text-xl rounded-full outline-none  border border-[#262934] text-white' maxLength={1}/>
+              <input className='w-[50px] bg-[#262934] h-[50px] text-center text-xl rounded-full outline-none  border border-[#262934] text-white' maxLength={1}/>
+              <input className='w-[50px] bg-[#262934] h-[50px] text-center text-xl rounded-full outline-none  border border-[#262934] text-white' maxLength={1}/>
+            </div>
+            <button className='mt-8 rounded-full py-2 px-4 text-lg text-black bg-white'>Verify</button>
+          </div>
+        </div>
+        <Footer />
+    </Layout>
+  );
+}

foundation/src/pages/signin/index.tsx

@@ -18,8 +18,12 @@ export default function ZooConnect() {
             <input className='outline-none bg-[#262934] border border-[#333] text-sm rounded-full px-4 py-2' placeholder='Email'/>
             <label className='pb-2 pl-4 mt-6 text-base'>Password *</label>
             <input className='outline-none bg-[#262934] border border-[#333] text-sm rounded-full px-4 py-2' type='password' placeholder='Password'/>
-            <button className='mt-8 rounded-full py-2 px-4 text-lg bg-[#3C9465]'>Sign In</button>
-            <Link href='/forgot-password' className='text-[#3c9465] text-center mt-4'>Forgot the password?</Link>
+            <div className="pl-4 mt-8 flex items-center">
+                <input id="link-checkbox" type="checkbox" value="" className="w-4 h-4 text-[#13B156] bg-transparent border border-white rounded" />
+                <label className="ml-2 text-sm font-medium text-white">Remember me</label>
+            </div>
+            <button className='mt-8 rounded-full py-2 px-4 text-lg text-black bg-white'>Sign In</button>
+            <Link href='/forgot-password' className='hover:text-white text-[#aaa] text-center mt-4'>Forgot the password?</Link>
             <p className='text-white text-sm text-center mt-8'>or continue with</p>
             <div className='flex items-center justify-center space-x-12 mt-6'>
               <button>
@@ -72,7 +76,7 @@ export default function ZooConnect() {
             </div>
             <div className='flex items-center justify-center space-x-2 mt-8'>
               <p className='text-white text-sm'>Don’t have an account?</p>
-              <Link href='/signup' className='text-[#3c9465] text-sm'>Sign Up</Link>
+              <Link href='/signup' className='hover:text-white text-[#aaa] text-sm'>Sign Up</Link>
             </div>
           </div>
         </div>

foundation/src/pages/signup/index.tsx

@@ -0,0 +1,85 @@
+import * as React from 'react';
+import Link from 'next/link';
+import Image from 'next/image';
+import Layout from '@/components/layout/Layout';
+import Seo from '@/components/Seo';
+import Navbar from '@/components/Navbar';
+import Footer from '@/components/Footer';
+
+export default function ZooConnect() {
+  return (
+    <Layout>
+        <Seo />
+        <Navbar />
+        <div className='bg-black py-32 text-white'>
+          <div className='md:w-[500px] mx-auto w-full rounded-3xl px-12 md:border border-white py-8 flex flex-col'>
+            <p className='text-white text-2xl text-center pb-8'>Sign up for free</p>
+            <label className='pb-2 pl-4 text-base'>Email *</label>
+            <input className='outline-none bg-[#262934] border border-[#333] text-sm rounded-full px-4 py-2' placeholder='Email'/>
+            <label className='pb-2 pl-4 mt-6 text-base'>Password *</label>
+            <input className='outline-none bg-[#262934] border border-[#333] text-sm rounded-full px-4 py-2' type='password' placeholder='Password'/>
+            <div className="pl-4 mt-8 flex items-center">
+                <input id="link-checkbox" type="checkbox" value="" className="w-4 h-4 text-[#13B156] bg-transparent border border-white rounded" />
+                <label className="ml-2 text-sm font-medium text-white">Remember me</label>
+            </div>
+            <button className='mt-8 rounded-full py-2 px-4 text-lg text-black bg-white'>Sign Up</button>
+            <p className='text-white text-sm text-center mt-8'>or continue with</p>
+            <div className='flex items-center justify-center space-x-12 mt-6'>
+              <button>
+                <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" fill="#1E1F23"/>
+                  <g clip-path="url(#clip0_210_8054)">
+                  <path d="M32 44C38.6274 44 44 38.6274 44 32C44 25.3726 38.6274 20 32 20C25.3726 20 20 25.3726 20 32C20 38.6274 25.3726 44 32 44Z" fill="#3C5A9A"/>
+                  <path d="M35.9019 23.6836H33.2436C31.6661 23.6836 29.9114 24.3471 29.9114 26.6338C29.9191 27.4305 29.9114 28.1936 29.9114 29.0524H28.0864V31.9565H29.9679V40.3168H33.4251V31.9013H35.7071L35.9135 29.0442H33.3656C33.3656 29.0442 33.3713 27.7733 33.3656 27.4042C33.3656 26.5006 34.3059 26.5523 34.3624 26.5523C34.8099 26.5523 35.6798 26.5536 35.9032 26.5523V23.6836H35.9019V23.6836Z" fill="white"/>
+                  </g>
+                  <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="#262934"/>
+                  <defs>
+                  <clipPath id="clip0_210_8054">
+                  <rect width="24" height="24" fill="white" transform="translate(20 20)"/>
+                  </clipPath>
+                  </defs>
+                </svg>
+              </button>
+              <button>
+                <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <rect x="1" y="0.5" width="62" height="63" rx="31" fill="#1E1F23"/>
+                  <g clip-path="url(#clip0_210_8058)">
+                  <path d="M43.4878 32.2247C43.4878 31.2414 43.4095 30.5239 43.2402 29.7798H32.229V34.2178H38.6923C38.5621 35.3207 37.8584 36.9816 36.2946 38.0977L36.2727 38.2463L39.7543 40.9965L39.9955 41.021C42.2107 38.9349 43.4878 35.8654 43.4878 32.2247" fill="#4285F4"/>
+                  <path d="M32.2292 43.9173C35.3956 43.9173 38.0539 42.8543 39.9956 41.0207L36.2948 38.0973C35.3045 38.8016 33.9753 39.2932 32.2292 39.2932C29.1278 39.2932 26.4956 37.2071 25.5572 34.3237L25.4197 34.3356L21.7995 37.1925L21.7522 37.3267C23.6808 41.2332 27.6422 43.9173 32.2292 43.9173Z" fill="#34A853"/>
+                  <path d="M25.5572 34.3238C25.3096 33.5797 25.1663 32.7824 25.1663 31.9586C25.1663 31.1347 25.3096 30.3375 25.5442 29.5934L25.5376 29.4349L21.8721 26.5322L21.7522 26.5904C20.9573 28.2115 20.5012 30.0319 20.5012 31.9586C20.5012 33.8853 20.9573 35.7056 21.7522 37.3267L25.5572 34.3238" fill="#FBBC05"/>
+                  <path d="M32.2291 24.624C34.4313 24.624 35.9169 25.594 36.7639 26.4046L40.0738 23.1093C38.041 21.1826 35.3956 20 32.2291 20C27.6422 20 23.6808 22.6841 21.7522 26.5906L25.5442 29.5936C26.4955 26.7102 29.1278 24.624 32.2291 24.624" fill="#EB4335"/>
+                  </g>
+                  <rect x="1" y="0.5" width="62" height="63" rx="31" stroke="#262934"/>
+                  <defs>
+                  <clipPath id="clip0_210_8058">
+                  <rect width="23" height="24" fill="white" transform="translate(20.5 20)"/>
+                  </clipPath>
+                  </defs>
+                </svg>
+              </button>
+              <button>
+                <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" fill="#1E1F23"/>
+                  <g clip-path="url(#clip0_210_8064)">
+                  <path d="M36.7729 20.012C36.7219 19.955 34.8844 20.0345 33.2854 21.77C31.6864 23.504 31.9324 25.493 31.9684 25.544C32.0044 25.595 34.2484 25.6745 35.6809 23.657C37.1134 21.6395 36.8239 20.0705 36.7729 20.012V20.012ZM41.7439 37.6115C41.6719 37.4675 38.2564 35.7605 38.5744 32.4785C38.8924 29.195 41.0869 28.295 41.1214 28.1975C41.1559 28.1 40.2259 27.0125 39.2404 26.462C38.5168 26.0739 37.716 25.8515 36.8959 25.811C36.7339 25.8065 36.1714 25.6685 35.0149 25.985C34.2529 26.1935 32.5354 26.8685 32.0629 26.8955C31.5889 26.9225 30.1789 26.1125 28.6624 25.898C27.6919 25.7105 26.6629 26.0945 25.9264 26.39C25.1914 26.684 23.7934 27.521 22.8154 29.7455C21.8374 31.9685 22.3489 35.4905 22.7149 36.5855C23.0809 37.679 23.6524 39.4715 24.6244 40.7795C25.4884 42.2555 26.6344 43.28 27.1129 43.628C27.5914 43.976 28.9414 44.207 29.8774 43.7285C30.6304 43.2665 31.9894 43.001 32.5264 43.0205C33.0619 43.04 34.1179 43.2515 35.1994 43.829C36.0559 44.1245 36.8659 44.0015 37.6774 43.6715C38.4889 43.34 39.6634 42.083 41.0344 39.5345C41.5549 38.3495 41.7919 37.709 41.7439 37.6115V37.6115Z" fill="white"/>
+                  <path d="M36.7729 20.012C36.7219 19.955 34.8844 20.0345 33.2854 21.77C31.6864 23.504 31.9324 25.493 31.9684 25.544C32.0044 25.595 34.2484 25.6745 35.6809 23.657C37.1134 21.6395 36.8239 20.0705 36.7729 20.012V20.012ZM41.7439 37.6115C41.6719 37.4675 38.2564 35.7605 38.5744 32.4785C38.8924 29.195 41.0869 28.295 41.1214 28.1975C41.1559 28.1 40.2259 27.0125 39.2404 26.462C38.5168 26.0739 37.716 25.8515 36.8959 25.811C36.7339 25.8065 36.1714 25.6685 35.0149 25.985C34.2529 26.1935 32.5354 26.8685 32.0629 26.8955C31.5889 26.9225 30.1789 26.1125 28.6624 25.898C27.6919 25.7105 26.6629 26.0945 25.9264 26.39C25.1914 26.684 23.7934 27.521 22.8154 29.7455C21.8374 31.9685 22.3489 35.4905 22.7149 36.5855C23.0809 37.679 23.6524 39.4715 24.6244 40.7795C25.4884 42.2555 26.6344 43.28 27.1129 43.628C27.5914 43.976 28.9414 44.207 29.8774 43.7285C30.6304 43.2665 31.9894 43.001 32.5264 43.0205C33.0619 43.04 34.1179 43.2515 35.1994 43.829C36.0559 44.1245 36.8659 44.0015 37.6774 43.6715C38.4889 43.34 39.6634 42.083 41.0344 39.5345C41.5549 38.3495 41.7919 37.709 41.7439 37.6115V37.6115Z" fill="white"/>
+                  </g>
+                  <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="#262934"/>
+                  <defs>
+                  <clipPath id="clip0_210_8064">
+                  <rect width="24" height="24" fill="white" transform="translate(20 20)"/>
+                  </clipPath>
+                  </defs>
+                </svg>
+              </button>
+            </div>
+            <div className='flex items-center justify-center space-x-2 mt-8'>
+              <p className='text-white text-sm'>Already have an account?</p>
+              <Link href='/signin' className='hover:text-white text-[#aaa] text-sm'>Sign In</Link>
+            </div>
+          </div>
+        </div>
+        <Footer />
+    </Layout>
+  );
+}