From 83835be41ef51dd837653b4e88b8a35c43e71926 Mon Sep 17 00:00:00 2001
From: soomtochukwu <onwuajuesesomtochukwu@gmail.com>
Date: Thu, 1 May 2025 19:12:17 +0100
Subject: [PATCH 1/5] feat: get loan , assets

---
 dapp/components/_components/Card.tsx          |  60 ++++
 dapp/components/_components/Cards2.tsx        |   0
 dapp/components/_components/Header.tsx        |  46 +++
 dapp/components/_components/Icon.tsx          |  14 +
 dapp/components/_components/Logo.tsx          |  10 +
 dapp/components/_components/Search.tsx        |  19 ++
 dapp/components/_components/SideBar.tsx       |  53 ++++
 dapp/package-lock.json                        | 288 +++++++++++++++++-
 dapp/public/images/icons/bell.svg             |   3 +
 dapp/public/images/icons/dashboard-square.svg |   6 +
 dapp/public/images/icons/help.svg             |   3 +
 dapp/public/images/icons/logo.svg             |  15 +
 dapp/public/images/icons/search.svg           |   3 +
 dapp/src/app/borrow/assets/page.tsx           |   7 +
 dapp/src/app/borrow/get_loan/layout.tsx       |  43 +++
 .../borrow/get_loan/loans_received/page.tsx   |   9 +
 .../borrow/get_loan/offers_received/page.tsx  |   9 +
 dapp/src/app/borrow/get_loan/page.tsx         | 110 +++++++
 dapp/src/app/borrow/give_loan/page.tsx        |   7 +
 dapp/src/app/borrow/layout.tsx                |  19 ++
 dapp/src/app/globals.css                      |   5 +
 21 files changed, 727 insertions(+), 2 deletions(-)
 create mode 100644 dapp/components/_components/Card.tsx
 create mode 100644 dapp/components/_components/Cards2.tsx
 create mode 100644 dapp/components/_components/Header.tsx
 create mode 100644 dapp/components/_components/Icon.tsx
 create mode 100644 dapp/components/_components/Logo.tsx
 create mode 100644 dapp/components/_components/Search.tsx
 create mode 100644 dapp/components/_components/SideBar.tsx
 create mode 100644 dapp/public/images/icons/bell.svg
 create mode 100644 dapp/public/images/icons/dashboard-square.svg
 create mode 100644 dapp/public/images/icons/help.svg
 create mode 100644 dapp/public/images/icons/logo.svg
 create mode 100644 dapp/public/images/icons/search.svg
 create mode 100644 dapp/src/app/borrow/assets/page.tsx
 create mode 100644 dapp/src/app/borrow/get_loan/layout.tsx
 create mode 100644 dapp/src/app/borrow/get_loan/loans_received/page.tsx
 create mode 100644 dapp/src/app/borrow/get_loan/offers_received/page.tsx
 create mode 100644 dapp/src/app/borrow/get_loan/page.tsx
 create mode 100644 dapp/src/app/borrow/give_loan/page.tsx
 create mode 100644 dapp/src/app/borrow/layout.tsx

diff --git a/dapp/components/_components/Card.tsx b/dapp/components/_components/Card.tsx
new file mode 100644
index 0000000..3663fd0
--- /dev/null
+++ b/dapp/components/_components/Card.tsx
@@ -0,0 +1,60 @@
+import Image from "next/image";
+import React from "react";
+
+interface CardProp {
+  listed: boolean;
+  offered: boolean;
+  received: boolean;
+  ongoing: boolean;
+  title: string;
+  subTitle: string;
+  src: string;
+}
+
+const Card = ({
+  src,
+  offered,
+  ongoing,
+  received,
+  listed,
+  subTitle,
+  title,
+}: CardProp) => {
+  return (
+    <div className=" bg-[#090a20] p-2 rounded-xl">
+      {received ? (
+        ongoing ? (
+          <div className="bg-green-600 p-2 fixed rounded-xl">Ongoing</div>
+        ) : (
+          <div className="bg-red-600 p-2 fixed rounded-xl">Closed</div>
+        )
+      ) : null}
+      <Image src={src} alt={src} width={240} height={350}></Image>
+      <div className="flex justify-between space-y-2 p-4 w-full items-center">
+        <div>
+          <div className="text-lg">{title}</div>
+          <div className="text-xs" style={{ color: "#878893" }}>
+            {subTitle}
+          </div>
+        </div>
+        {listed ? (
+          received ? (
+            <div> Escrow</div>
+          ) : (
+            <div>Listed</div>
+          )
+        ) : (
+          <div
+            className="p-3 rounded-3xl "
+            style={{ color: "#e28706", backgroundColor: "#663d08" }}
+          >
+            Unlisted
+          </div>
+        )}
+      </div>
+      {offered ? <div>{received ? "View" : "See Offers"}</div> : null}
+    </div>
+  );
+};
+
+export default Card;
diff --git a/dapp/components/_components/Cards2.tsx b/dapp/components/_components/Cards2.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/dapp/components/_components/Header.tsx b/dapp/components/_components/Header.tsx
new file mode 100644
index 0000000..aebcab3
--- /dev/null
+++ b/dapp/components/_components/Header.tsx
@@ -0,0 +1,46 @@
+"use client"
+
+
+import React from 'react'
+import Search from './Search'
+import Icon from './Icon'
+
+const _Icons = [
+    {
+        src: "/images/icons/search.svg",
+        _function: () => { }
+    },
+    {
+        src: "/images/icons/bell.svg",
+        _function: () => { }
+    },
+    {
+        src: "/images/icons/help.svg",
+        _function: () => { }
+    },
+]
+
+const Header = () => {
+    return (
+        <div className='flex items-center justify-between p-6 w-full border-b-2 border-[#131429]'>
+            <div>
+
+                <Search />
+            </div>
+            <div className='flex space-x-3'>
+                <div className='flex space-x-3'>
+                    {
+                        _Icons.map((icon, index) => {
+                            return <button className='w-fit rounded-full p-2 bg-[#131429]' type="button" key={index} onClick={() => { icon._function() }}> <Icon src={icon.src} /> </button>
+                        })
+                    }
+                </div>
+                <div className='rounded-full p-2 bg-[#131429]'>
+                    connect wallet
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default Header
\ No newline at end of file
diff --git a/dapp/components/_components/Icon.tsx b/dapp/components/_components/Icon.tsx
new file mode 100644
index 0000000..e1338ac
--- /dev/null
+++ b/dapp/components/_components/Icon.tsx
@@ -0,0 +1,14 @@
+import Image from 'next/image';
+import React from 'react'
+
+interface IconProps {
+    src: string;
+}
+
+const Icon = ({ src }: IconProps) => {
+    return (
+        <Image className='w-fit' src={src} alt={src} width={17} height={17} />
+    )
+}
+
+export default Icon
\ No newline at end of file
diff --git a/dapp/components/_components/Logo.tsx b/dapp/components/_components/Logo.tsx
new file mode 100644
index 0000000..c75c4fc
--- /dev/null
+++ b/dapp/components/_components/Logo.tsx
@@ -0,0 +1,10 @@
+import Image from 'next/image'
+import React from 'react'
+
+const Logo = () => {
+    return (
+        <Image src={'/images/icons/logo.svg'} alt={'Logo'} width={120} height={120}></Image>
+    )
+}
+
+export default Logo
\ No newline at end of file
diff --git a/dapp/components/_components/Search.tsx b/dapp/components/_components/Search.tsx
new file mode 100644
index 0000000..68b3d27
--- /dev/null
+++ b/dapp/components/_components/Search.tsx
@@ -0,0 +1,19 @@
+import React from 'react'
+import Icon from './Icon'
+
+const Search = () => {
+    return (
+        <div className='flex w-full items-center rounded-lg bg-[#131429] p-2 px-3 space-x-4'>
+            <Icon src={'/images/icons/search.svg'} />
+            <input
+                type="search"
+                name=""
+                id=""
+                className='bg-inherit w-full border-none p-1s px-3 focus:outline-none'
+                placeholder='Search'
+            />
+        </div>
+    )
+}
+
+export default Search
\ No newline at end of file
diff --git a/dapp/components/_components/SideBar.tsx b/dapp/components/_components/SideBar.tsx
new file mode 100644
index 0000000..24c5bc7
--- /dev/null
+++ b/dapp/components/_components/SideBar.tsx
@@ -0,0 +1,53 @@
+"use client"
+import React from "react";
+import Logo from "./Logo";
+import Link from "next/link";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import Search from "./Search";
+import Icon from "./Icon";
+import { usePathname } from "next/navigation";
+
+const navs = [
+    {
+        url: "/borrow/assets",
+        name: "My assets",
+    },
+    {
+        url: "/borrow/get_loan",
+        name: "Get a Loan",
+    },
+    {
+        url: "/borrow/give_loan",
+        name: "Give a Loan",
+    },
+];
+
+const SideBar = () => {
+    const path = usePathname();
+    return (
+        <div className="border-r-2 h-screen border-[#131429]  w-80 p-3 space-y-12">
+            <div className="mt-5">
+                <Logo />
+            </div>
+            <Search />
+            <div className="flex flex-col space-y-2">
+                {navs.map((nav, index) => {
+                    return (
+                        <Link className={"flex rounded-xl p-3 items-center space-x-4" + " " + (path.includes(nav.url) ? "bg-[#835aff]" : " ")} href={nav.url} key={index}>
+                            <div>
+                                <Icon src={"/images/icons/dashboard-square.svg"} />
+                            </div>
+                            <div>
+
+                                {nav.name}
+                            </div>
+                        </Link>
+                    );
+                })}
+            </div>
+        </div>
+    );
+};
+
+export default SideBar;
diff --git a/dapp/package-lock.json b/dapp/package-lock.json
index 7e14661..d4fdca0 100644
--- a/dapp/package-lock.json
+++ b/dapp/package-lock.json
@@ -826,6 +826,35 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@noble/curves": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.7.0.tgz",
+      "integrity": "sha512-UTMhXK9SeDhFJVrHeUJ5uZlI6ajXg10O6Ddocf9S6GjbSBVZsJo88HzKwXznNfGpMTRDyJkqMjNDPYgf0qFWnw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@noble/hashes": "1.6.0"
+      },
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@noble/curves/node_modules/@noble/hashes": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.0.tgz",
+      "integrity": "sha512-YUULf0Uk4/mAA89w+k3+yUYh6NrEvxZa5T6SY3wlMvE2chHkxFUUIDI8/XW1QSC357iA5pSnqt7XEhvFOqmDyQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/@noble/hashes": {
       "version": "1.7.1",
       "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.7.1.tgz",
@@ -911,6 +940,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@scure/base": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@scure/base/-/base-1.2.1.tgz",
+      "integrity": "sha512-DGmGtC8Tt63J5GfHgfl5CuAXh96VF/LD8K9Hr/Gv0J2lAoRGlPOMpqMpMbCTOoOJMZCk2Xt+DskdDyn6dEFdzQ==",
+      "license": "MIT",
+      "peer": true,
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/@scure/bip32": {
       "version": "1.6.2",
       "resolved": "https://registry.npmjs.org/@scure/bip32/-/bip32-1.6.2.tgz",
@@ -971,6 +1010,33 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
+    "node_modules/@scure/starknet": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@scure/starknet/-/starknet-1.1.0.tgz",
+      "integrity": "sha512-83g3M6Ix2qRsPN4wqLDqiRZ2GBNbjVWfboJE/9UjfG+MHr6oDSu/CWgy8hsBSJejr09DkkL+l0Ze4KVrlCIdtQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@noble/curves": "~1.7.0",
+        "@noble/hashes": "~1.6.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/starknet/node_modules/@noble/hashes": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.1.tgz",
+      "integrity": "sha512-pq5D8h10hHBjyqX+cfBm0i8JUXJ0UhczFc4r74zbuT9XgewFo2E3J1cOaGtdZynILNmQ685YWGzGE1Zv6io50w==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/@starknet-io/types-js": {
       "version": "0.7.10",
       "resolved": "https://registry.npmjs.org/@starknet-io/types-js/-/types-js-0.7.10.tgz",
@@ -3013,6 +3079,17 @@
         "reusify": "^1.0.4"
       }
     },
+    "node_modules/fetch-cookie": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/fetch-cookie/-/fetch-cookie-3.0.1.tgz",
+      "integrity": "sha512-ZGXe8Y5Z/1FWqQ9q/CrJhkUD73DyBU9VF0hBQmEO/wPHe4A9PKTjplFDLeFX8aOsYypZUcX5Ji/eByn3VCVO3Q==",
+      "license": "Unlicense",
+      "peer": true,
+      "dependencies": {
+        "set-cookie-parser": "^2.4.8",
+        "tough-cookie": "^4.0.0"
+      }
+    },
     "node_modules/file-entry-cache": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
@@ -3228,6 +3305,17 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/get-starknet-core": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/get-starknet-core/-/get-starknet-core-4.0.0.tgz",
+      "integrity": "sha512-6pLmidQZkC3wZsrHY99grQHoGpuuXqkbSP65F8ov1/JsEI8DDLkhsAuLCKFzNOK56cJp+f1bWWfTJ57e9r5eqQ==",
+      "deprecated": "Package no longer supported. Please use @starknet-io/get-starknet-core",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@starknet-io/types-js": "^0.7.7"
+      }
+    },
     "node_modules/get-symbol-description": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
@@ -3952,6 +4040,17 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/isomorphic-fetch": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-3.0.0.tgz",
+      "integrity": "sha512-qvUtwJ3j6qwsF3jLxkZ72qCgjMysPzDfeV240JHiGZsANBYd+EEuu35v7dfrJ9Up0Ak07D7GGSkGhCHTqg/5wA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "node-fetch": "^2.6.1",
+        "whatwg-fetch": "^3.4.1"
+      }
+    },
     "node_modules/isows": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/isows/-/isows-1.0.6.tgz",
@@ -4193,6 +4292,13 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lossless-json": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/lossless-json/-/lossless-json-4.0.2.tgz",
+      "integrity": "sha512-+z0EaLi2UcWi8MZRxA5iTb6m4Ys4E80uftGY+yG5KNFJb5EceQXOhdW/pWJZ8m97s26u7yZZAYMcKWNztSZssA==",
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/lru-cache": {
       "version": "10.4.3",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
@@ -4402,6 +4508,27 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -4663,6 +4790,13 @@
       "dev": true,
       "license": "BlueOak-1.0.0"
     },
+    "node_modules/pako": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz",
+      "integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==",
+      "license": "(MIT AND Zlib)",
+      "peer": true
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -4941,16 +5075,35 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/psl": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.15.0.tgz",
+      "integrity": "sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/lupomontero"
+      }
+    },
     "node_modules/punycode": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
       "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
+    "node_modules/querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -5085,6 +5238,13 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/resolve": {
       "version": "1.22.10",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
@@ -5235,6 +5395,13 @@
         "node": ">=10"
       }
     },
+    "node_modules/set-cookie-parser": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz",
+      "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==",
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -5462,6 +5629,47 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/starknet": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/starknet/-/starknet-6.24.1.tgz",
+      "integrity": "sha512-g7tiCt73berhcNi41otlN3T3kxZnIvZhMi8WdC21Y6GC6zoQgbI2z1t7JAZF9c4xZiomlanwVnurcpyfEdyMpg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@noble/curves": "1.7.0",
+        "@noble/hashes": "1.6.0",
+        "@scure/base": "1.2.1",
+        "@scure/starknet": "1.1.0",
+        "abi-wan-kanabi": "^2.2.3",
+        "fetch-cookie": "~3.0.0",
+        "isomorphic-fetch": "~3.0.0",
+        "lossless-json": "^4.0.1",
+        "pako": "^2.0.4",
+        "starknet-types-07": "npm:@starknet-io/types-js@^0.7.10",
+        "ts-mixer": "^6.0.3"
+      }
+    },
+    "node_modules/starknet-types-07": {
+      "name": "@starknet-io/types-js",
+      "version": "0.7.10",
+      "resolved": "https://registry.npmjs.org/@starknet-io/types-js/-/types-js-0.7.10.tgz",
+      "integrity": "sha512-1VtCqX4AHWJlRRSYGSn+4X1mqolI1Tdq62IwzoU2vUuEE72S1OlEeGhpvd6XsdqXcfHmVzYfj8k1XtKBQqwo9w==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/starknet/node_modules/@noble/hashes": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.0.tgz",
+      "integrity": "sha512-YUULf0Uk4/mAA89w+k3+yUYh6NrEvxZa5T6SY3wlMvE2chHkxFUUIDI8/XW1QSC357iA5pSnqt7XEhvFOqmDyQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/streamsearch": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
@@ -5896,6 +6104,39 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/tough-cookie": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz",
+      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "psl": "^1.1.33",
+        "punycode": "^2.1.1",
+        "universalify": "^0.2.0",
+        "url-parse": "^1.5.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tough-cookie/node_modules/universalify": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
+      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/ts-api-utils": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.0.0.tgz",
@@ -5916,6 +6157,13 @@
       "dev": true,
       "license": "Apache-2.0"
     },
+    "node_modules/ts-mixer": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/ts-mixer/-/ts-mixer-6.0.4.tgz",
+      "integrity": "sha512-ufKpbmrugz5Aou4wcr5Wc1UUFWOLhq+Fm6qa6P0w0K5Qw2yhaUoiWszhCVuNQyNwrlGiscHOmqYoAox1PtvgjA==",
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
@@ -6030,7 +6278,7 @@
       "version": "5.7.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.3.tgz",
       "integrity": "sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==",
-      "dev": true,
+      "devOptional": true,
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
@@ -6085,6 +6333,17 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/url-parse": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -6137,6 +6396,31 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause",
+      "peer": true
+    },
+    "node_modules/whatwg-fetch": {
+      "version": "3.6.20",
+      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz",
+      "integrity": "sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
diff --git a/dapp/public/images/icons/bell.svg b/dapp/public/images/icons/bell.svg
new file mode 100644
index 0000000..8ba3fc4
--- /dev/null
+++ b/dapp/public/images/icons/bell.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.73 21C12.5542 21.3031 12.3018 21.5547 11.9982 21.7295C11.6946 21.9044 11.3504 21.9965 11 21.9965C10.6496 21.9965 10.3054 21.9044 10.0018 21.7295C9.69816 21.5547 9.44581 21.3031 9.27 21M17 8C17 6.4087 16.3679 4.88258 15.2426 3.75736C14.1174 2.63214 12.5913 2 11 2C9.4087 2 7.88258 2.63214 6.75736 3.75736C5.63214 4.88258 5 6.4087 5 8C5 15 2 17 2 17H20C20 17 17 15 17 8Z" stroke="#F3EEFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/dapp/public/images/icons/dashboard-square.svg b/dapp/public/images/icons/dashboard-square.svg
new file mode 100644
index 0000000..fa64691
--- /dev/null
+++ b/dapp/public/images/icons/dashboard-square.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.33325 3.99967C1.33325 2.7426 1.33325 2.11406 1.72378 1.72353C2.1143 1.33301 2.74284 1.33301 3.99992 1.33301C5.257 1.33301 5.88554 1.33301 6.27606 1.72353C6.66659 2.11406 6.66659 2.7426 6.66659 3.99967V5.33301C6.66659 6.59009 6.66659 7.21863 6.27606 7.60915C5.88554 7.99967 5.257 7.99967 3.99992 7.99967C2.74284 7.99967 2.1143 7.99967 1.72378 7.60915C1.33325 7.21863 1.33325 6.59009 1.33325 5.33301V3.99967Z" stroke="#F3EEFF"/>
+<path d="M1.33325 12.666C1.33325 12.0448 1.33325 11.7341 1.43475 11.4891C1.57007 11.1624 1.82964 10.9028 2.15634 10.7675C2.40137 10.666 2.712 10.666 3.33325 10.666H4.66659C5.28784 10.666 5.59847 10.666 5.8435 10.7675C6.1702 10.9028 6.42977 11.1624 6.56509 11.4891C6.66659 11.7341 6.66659 12.0448 6.66659 12.666C6.66659 13.2873 6.66659 13.5979 6.56509 13.8429C6.42977 14.1696 6.1702 14.4292 5.8435 14.5645C5.59847 14.666 5.28784 14.666 4.66659 14.666H3.33325C2.712 14.666 2.40137 14.666 2.15634 14.5645C1.82964 14.4292 1.57007 14.1696 1.43475 13.8429C1.33325 13.5979 1.33325 13.2873 1.33325 12.666Z" stroke="#F3EEFF"/>
+<path d="M9.33325 10.6667C9.33325 9.40959 9.33325 8.78105 9.72378 8.39052C10.1143 8 10.7428 8 11.9999 8C13.257 8 13.8855 8 14.2761 8.39052C14.6666 8.78105 14.6666 9.40959 14.6666 10.6667V12C14.6666 13.2571 14.6666 13.8856 14.2761 14.2761C13.8855 14.6667 13.257 14.6667 11.9999 14.6667C10.7428 14.6667 10.1143 14.6667 9.72378 14.2761C9.33325 13.8856 9.33325 13.2571 9.33325 12V10.6667Z" stroke="#F3EEFF"/>
+<path d="M9.33325 3.33301C9.33325 2.71175 9.33325 2.40112 9.43475 2.1561C9.57007 1.82939 9.82964 1.56983 10.1563 1.4345C10.4014 1.33301 10.712 1.33301 11.3333 1.33301H12.6666C13.2878 1.33301 13.5985 1.33301 13.8435 1.4345C14.1702 1.56983 14.4298 1.82939 14.5651 2.1561C14.6666 2.40112 14.6666 2.71175 14.6666 3.33301C14.6666 3.95426 14.6666 4.26489 14.5651 4.50992C14.4298 4.83662 14.1702 5.09619 13.8435 5.23151C13.5985 5.33301 13.2878 5.33301 12.6666 5.33301H11.3333C10.712 5.33301 10.4014 5.33301 10.1563 5.23151C9.82964 5.09619 9.57007 4.83662 9.43475 4.50992C9.33325 4.26489 9.33325 3.95426 9.33325 3.33301Z" stroke="#F3EEFF"/>
+</svg>
diff --git a/dapp/public/images/icons/help.svg b/dapp/public/images/icons/help.svg
new file mode 100644
index 0000000..05d9fa3
--- /dev/null
+++ b/dapp/public/images/icons/help.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.09 9C9.3251 8.33167 9.78915 7.76811 10.4 7.40913C11.0108 7.05016 11.7289 6.91894 12.4272 7.03871C13.1255 7.15849 13.7588 7.52152 14.2151 8.06353C14.6713 8.60553 14.9211 9.29152 14.92 10C14.92 12 11.92 13 11.92 13M12 17H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="#F3EEFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/dapp/public/images/icons/logo.svg b/dapp/public/images/icons/logo.svg
new file mode 100644
index 0000000..a89a511
--- /dev/null
+++ b/dapp/public/images/icons/logo.svg
@@ -0,0 +1,15 @@
+<svg width="142" height="34" viewBox="0 0 142 34" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<mask id="mask0_0_1" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="34" height="34">
+<rect y="0.158203" width="33.6842" height="33.6842" rx="16.8421" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_0_1)">
+<rect x="-8.21045" y="-8.05176" width="50.1053" height="50.1053" rx="25.0526" fill="url(#pattern0_0_1)"/>
+</g>
+<path d="M42.5347 11.5137V8.53263H56.581V11.5137H51.1747V27H47.941V11.5137H42.5347ZM64.9248 14.4695V17.3242H63.7879C61.5648 17.3242 60.1753 18.5116 60.1753 20.9368V27H57.0932V14.5453H59.9984L60.1753 16.3642C60.7058 15.1263 61.8932 14.2926 63.5606 14.2926C63.99 14.2926 64.4195 14.3432 64.9248 14.4695ZM70.2312 27.3284C67.5786 27.3284 65.9617 25.7874 65.9617 23.4379C65.9617 21.1389 67.6291 19.6989 70.5849 19.4716L74.3238 19.1937V18.9158C74.3238 17.2232 73.3133 16.5411 71.747 16.5411C69.9281 16.5411 68.9175 17.2989 68.9175 18.6126H66.2902C66.2902 15.9095 68.5133 14.1411 71.8986 14.1411C75.2586 14.1411 77.3302 15.96 77.3302 19.4211V27H74.627L74.3996 25.1558C73.8691 26.4442 72.1765 27.3284 70.2312 27.3284ZM71.2417 25.0042C73.1365 25.0042 74.3491 23.8674 74.3491 21.9474V21.2905L71.747 21.4926C69.827 21.6695 69.0944 22.3011 69.0944 23.3116C69.0944 24.4484 69.8523 25.0042 71.2417 25.0042ZM81.899 12.0189C80.8633 12.0189 80.0296 11.1853 80.0296 10.1495C80.0296 9.11368 80.8633 8.30526 81.899 8.30526C82.9096 8.30526 83.7685 9.11368 83.7685 10.1495C83.7685 11.1853 82.9096 12.0189 81.899 12.0189ZM77.3769 32.8611L77.8822 30.1326C78.3117 30.2589 78.5643 30.2842 78.9433 30.2842C80.0043 30.2842 80.358 29.6779 80.358 28.4147V14.52H83.4401V28.7684C83.4401 31.4211 81.9243 33.1389 79.2211 33.1389C78.6401 33.1389 78.1854 33.0884 77.3769 32.8611ZM92.2076 27.3284C88.4939 27.3284 85.8918 24.6253 85.8918 20.76C85.8918 16.8442 88.4434 14.1411 92.1065 14.1411C95.8455 14.1411 98.2202 16.6421 98.2202 20.5326V21.4674L88.8223 21.4926C89.0497 23.6905 90.2118 24.8021 92.2581 24.8021C93.9508 24.8021 95.0623 24.1453 95.416 22.9579H98.2708C97.7402 25.6863 95.4665 27.3284 92.2076 27.3284ZM92.1318 16.6674C90.3129 16.6674 89.2013 17.6526 88.8981 19.5221H95.1634C95.1634 17.8042 93.976 16.6674 92.1318 16.6674ZM99.9543 20.7347C99.9543 16.8695 102.506 14.1411 106.194 14.1411C109.605 14.1411 111.929 16.0358 112.257 19.0421H109.175C108.822 17.6274 107.786 16.8947 106.321 16.8947C104.35 16.8947 103.036 18.3853 103.036 20.7347C103.036 23.0842 104.249 24.5495 106.22 24.5495C107.761 24.5495 108.847 23.7916 109.175 22.4274H112.283C111.904 25.3326 109.479 27.3284 106.22 27.3284C102.43 27.3284 99.9543 24.7011 99.9543 20.7347ZM118.821 27H115.739V17.0968H113.339V14.52H115.739V10.6295H118.821V14.52H121.246V17.0968H118.821V27ZM124.703 12.0189C123.642 12.0189 122.809 11.1853 122.809 10.1495C122.809 9.11368 123.642 8.30526 124.703 8.30526C125.714 8.30526 126.548 9.11368 126.548 10.1495C126.548 11.1853 125.714 12.0189 124.703 12.0189ZM123.162 27V14.52H126.244V27H123.162ZM138.145 27V17.0968H133.041V27H129.985V17.0968H128.191V14.52H129.985V13.0042C129.985 9.61895 131.753 8.20421 134.279 8.20421C134.759 8.20421 135.34 8.22947 135.871 8.33053V10.9579H134.785C133.395 10.9579 133.041 11.7663 133.041 13.0042V14.52H141.227V27H138.145ZM139.686 11.9684C138.65 11.9684 137.841 11.16 137.841 10.1242C137.841 9.11368 138.65 8.30526 139.686 8.30526C140.696 8.30526 141.505 9.11368 141.505 10.1242C141.505 11.16 140.696 11.9684 139.686 11.9684Z" fill="#F3EEFF"/>
+<defs>
+<pattern id="pattern0_0_1" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_0_1" transform="scale(0.000976562)"/>
+</pattern>
+<image id="image0_0_1" width="1024" height="1024" preserveAspectRatio="none" xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIBAAEAAMBIgACEQEDEQH/xAAvAAEBAAMBAAAAAAAAAAAAAAAAAQMEBQIBAQADAQAAAAAAAAAAAAAAAAABAgME/9oADAMBAAIQAxAAAALkC0AEFSghUoAQVKAEFQVKEFQVBUFQVBUFQVBUFQVBUFQVBUFQVKEFSgBBUoAAAQVBUFQVBUoSgBBUFQVBUFQVBUFShBUFQVKAEFSgAAAACUSgABAFEURRFEWABRFgAKAAAAQApAAAAAVBUoABFAAAACWAFBAAAALAKRRFgBQRRAAAAAAAAALBQAAAAAAAQAFQVBQAACFAAAAIAAAAUCWAAAAACwVBYAFQVBQCAAAAAAAAAFAlEAAAAAABYAAAACygAABBUFAAlgAAABQARYVBUFgAUCAAAAAAAAAAAAAAABZYAAWAAAAAAAAAABYAAAAAAAAAAAAAFAAABFhUFQUCURRAVKCFQAAACkWAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoAAAAAlgBQCFgAAAAUCUACFgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAhUolgABUoAAAlgAAAAAAAAAAAAAAAAAAAAABQJYAAAAAAAAAAAAWWAAFBAAUgAAAAsoAAAgAAAAWAAABUoAIAAAAAWAAAAAAAAAAAAAAAAABYAAAAAAAAAAAAAAAAAAAAAAAAFAAABFgAAABQJYAALBYAACwWAAAAAAAAAAAAAABSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFSgAACAAsolgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsoAAAlEABYFgAAAAAAAAAAAAAAFgAAAAAABZRAAAAAAAAAAAAAAAAAAAAAAAAAAWAAAAAKRQAAAgFgAAAAAAABQJYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVKAAAAAAJRAAAAAAAAAAAAAAAAAAVBYAAAAAAAAFlEWAAAAAAAAAAAAAAAAAAAACwWAAAAAsoAAAAgUACWAAAAAAAAAAAAAAAAAAAAAAAAFAAQWAAABYAAAAAABYAAAAAAAAAAAAAAAALBUoAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAWAAAAWAAAAAAAAAFgAAAAAAAAAAAAAAAAALKAAJYAAAWAAAAAAAAAAAAAAAAAAAAAAAAAAAABYAAAAAAAAAAAAAAAAAAAAAAAAAAACygACWAAAABYAAAAAFgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUoAlEAAAAAAAAAAAAAAAAAAAAAAAAAAAAKRRFEWAAAAAAAAAAAAAAAAAAAAAAAAAAAAACygAEBYAAAAAAAAAAAAAAAAAAAAAAFgAAAKGTq4d3i3wcnu6JzR24RYAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAEAAAAAAAAABYAAAAAAAAAFgAAWWAAACyjJj6mdtscHVfNHD8dPmd/KlaVgAAAAAAAAAAAAAAAAAAAAAAAAAAAKAACAAAqUSiAAAAALAAAAAAAAAAAACwAAAKDP18Gfi6ajLSoHH7GvtnyR2c0WAAAAAAAAAAAAAABRAAAAAAAAAAACgAAgAAAAAAAABUFQAAAAAAAAAAAAAAALKNnW6+V844+oAADk6/X5HbypWlIAAAAAAAAAAAAAAAAAAAAAAAAAACgASwAAAAAAAAAAAAAAAAAAAAAAAAAApTZ6WP3x9XpLncAABzOni0pxx2csWAAAAAAAAAAAAAAAAAAAAAAAAAAFSgAAEAAAAAAAAAAAAAAAAAAAAAAAAoNzV6+Wnoc3S9ebCgAIKg52p2eP1c0la5wAAAAAAAAAAAAAAAAAAAAAAAAACygACAAAAAAAABZQAlEAAAAAAAAURRFEURQPcNvdl5OsK2AqUAAAaO7LV4r156+RKlFEURRFEUQAAAAAAAAAABRFgAAAABQQCgABAAKACWAFlgAsoAAAlEUJYAAACg26zqN9W+g3xoN8aDfGg3xodBtUvUY7VBUFTDMZ2HMkIAAanP7WptjoN9emg3xoN8aDfGg3xoNzTtRLLQAABQJYAUEUQAAAAACygEAAoAAAAQFSgAAhYAAFQUAAACWAAAFBm6mDPzdIU0AAAAABIAIcrc522Gfp8XpGwMdwSACAAAAALyergvnzB080AABQIAFAAlgAAABYCwVBYAFAAABAWWBQIWUJYAAAAVBYFAgAAACjY189bdNHN11CagqCwKgAAAGrNdPwdPGyYx2Wts83YEWAAqCoKgqCoKhHO18+Dp5ELVAAsAACoALAAAAAAAAAAWUAAAAAAAASwAAAAAAAKEogAAKDpZ+X08OqoppUFQVBUFQVBUE5W1p7cz346OuOh56HPPfU5G7ltuIx6agqCoKgqCoKguDNzL5YhvzQAAAAAAAAAAAAAAAAAAFSgABBUoAgVBUFgAAUACURQAAlgABUo39BW3YnIU067kDruQOveZ0q61Fb1KAPPrRtTWhvyZetgz7ZTldbXOZ68sdet60tzDrqK3qCoLHNtTpOQtl13IHXcgb2iXzQtUAAAAAAAAAAAAAAAAABYKlAAIAAAACyiAAAsAAUAAIKCAAWCpQAAZonbzS49gRIAHjmZ9fXlZ8HW1xyjbIDlYerysdb0+XsZbb6XLqAAYcyY5DNh24wmCCoAAAAAAAAAAAAAAAAAAAFgoAAIAAAACwAAAAAAACiKAEsAAAAKB0tXez3Cm4ADHk59s8JdeXZ6Pj3vkE1Ac3pY625Ax16WTQ38usK3AAx83raF8MA0wSwAAAAAAAAAAAAAAAAAAAAWCgAAgALLAAAAAAAAACgASgQsAAAAUGzE7Psz7QgABh0MmPTkbmr19cvQ1yAAA5+p2ORlrOhz8mWvRGfWAA8e0uU2NfTiSyYAAAAAAAAAAAAAAAALAAACpQABKICgSwAAAAAAAAAoABCwAAAAFC9LX2adFRXeoARcGbnWz8Hu/Lt7su+ITAxJyzHkEx4bWyaeY00lnK3s3O6NOoK6AkETm9PVtlqi/NAAAAAAAAAAAAAAAAAAAAVKAAAQAFgAWAAAAAAABQCFgAAAACj1524tsWK9lRE1BUiMGpZfjdDU6umVGtCVE5u5y89M+xobVr+7LvMKYdfd1OePO3qesbdJ5teyoTUFgjmzb1LcaWTUAAAAAAAAAAAAAAAAAAUlAAACAAAAAAAKIAAACgELAAAAAoPfQwZq9VQ1qCoLq7HPYwzW5tzZjoxsYpnJiw45vg8HLZ78Jbrxk65lJliyWI0Xvxxxs7XN6Fen0htUFQXndHBOWmJ5YAAAAAAAAAAAAAAAAAACgAAASiAAKIsAAKQqCgAihLAAAAAAUZMe7F8odgAA8I18BPE6un0NM74xYt59+C12pm1+cGUAetvS2NZyjokDxq72rhGPY12LpPPqO0EgAaHjc0540sUAAAAAAAAAAAAAKIsAAAFlAAAAEoAASiLAAAUSwAoIoiwAAAFAMu549usGgADU2NFzjNOG15jrkJkYaMMOWqUSgsG6w5+u0Fjz6Q0mXFyVzbfO3Y3yB0AANLdxs9IORLAAACgSwAAAAAAAAsAAACgAAAAAAAAQABQBLACgAASwAAWUZsO809onrAWCpjV18ZHHdvFn3QayA1tpVqNtSNNuDTbg024NTaq8wWATT3cGUYcmNg6LFknssFgFg1MW7pRyJTOAAAoECgSiLACgASiAAAAAoAAAEsKgoAAIAAACgAAAASwAApTNs+fVuwheolUQae5oRgs2J58tjqsAAAAAAAAAAKaUz4OSvre5+839InoqCoLq7PlTSFeOAAAoIACgSwAoEAAAAAAUAAAAgAFgqCoLAAAKAAAAEAAAUZ8HtbcGnaAAQMeSac2LKXzCZAAAAAAAAAAAYsqseMvm10oz6QAAhrYffinElioAFQAAAAKACAAAAAAsoAAABAAAAAAAAUAAAhYAAACwUG1k09y/UE6hISaBtzAAAAAAAAAAAAAAAVLj0hFwLhy6dcvIpyoAAAAAAAAAAAAAAAACwUACUQABRFACURRFgAABQRRFgABQAMmMnKxJtlYhlYiMrEmMrEMrEMrEMrEMrEMrEMrEMrEMrEMrEMrEMrEMrEMrEMrEMrEicrETlYh78EVSxAAAAAAAAAAAAAAAAAFAAABACgAACBQJRKAAAACAAKRQAAAAAAAAAAAAAAAAAAAAAAAAAlgAAAAWABYAAAALKJYAAAAVBQAAJQAAAAAAQVBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIApFgsoAAAlgAABQAJRFEAsoAAAAAIUABBQCAACygAAAAAAAAAAAAAAAhQAAAAAAAAAAAEFQVBUFBAAAUAAgAAAABUFAQVBUFQUAAAAhUoAgAVAAAABUoABAAVKACFQUAACWCyiWAFASgCWAAAFAAIWAAAAABQJRAAUACWAAAAFAgAWAAAsoAAABAAUAEWAAAAAFAIVAABQAAAACFgFACWCglgAAKRRFEBQJYAAFgAAAABUABQAIWAAABUFQAACkWAFAAAABAFEAAAAABQAAJRFAACWFAAAlgABUFQWBQAJRFAAAAACWAoAAAlgAAAABQAIAAAFABAAAUCWAoAAAAAAlgAAUJRFEUAEFAAAAAAAAAgWAAAABSFQUAAAAAAAAACWAAAAAFAgCgABBQJYVBYAAFAlgBQAAAAAAAAAAAAAARQAAAAlhUFQUCWAAFAAlgBZYAVKAAQFAAAAAAAlEAURRAAFAAACAAAAAABUolgBQEoAAAAAAAAAAIUhUoIVBQCFQUCAAAAABQAAAAAAAAIFSgAAAAAhUFSgAgAKACFQUCWAAAAApFAAAAAAAAAAAAAACWAFgAAAUCWAFIWAAAAABUFQUABBQAACAAFBFhQAJYAAAAAAAUCBQAAAJYAAUAAAAAAAAAAAAAABBYAAApKAACWAFlEAABZYAAWUQFQUhYCygAACWBQAAAAAAgAAAAAAAUAAAEAABQACFgAAUAAAAAAAAEUARYAKAAAACUAJYAAUAAACABZRFAAAAAACWFAAAAAlhUABQAlEWAFAAAAlgBQAAJYAAAVKAAAAACFgAUAEAUAAAAAAARYFAAAAAEWFAAAAAAAAAAAAAAAlEUSgAAAlEUAAACFlEUAAAJRFgKCFSgAAAAAAAAAEBQCFAAAAAAAAAAAAAAAAAAAAABFhUoAQUCUAAAAAAACFAAAAlAAAAAACUAJRKAAAAAAAAAAAACWFQUAAAAAAACUQBYAUAAAAAAAAhQAAAAAAAAAAAAAAAAACFAAAAAAIUAhQAAAAAAAAAAAAJYAUAAAAAAAABKJYVBQAAAAAAARRKAAhUFAAAAAAAAAAAAAAlEUAAAAAJQAlAAAAAAAAAAAACWFAAAAAAAAAAAlAEUAACFQUAAAAAACURQAAAAlgBQAAAAAAAAAIAFAAAAAAAAAAAAAAAABAAUAAAAAAAAACBQAAAAJYAUAAAAABBUoAAAAABFAhUFAAAAAAAgAAUABBUFSgAAAAAAAAAAACWBRFhQCFSkWFAAQUAgBQCFgAVBYBQAAAAABFgBQAAAAJQAlgAAAAAURYAAAAUCWAAAFQUAAAAAACUAAAAAAARQAlAACURRFCUQFAlEUSgAAAAAAAAAAAAAAAAAAlAACURQAAAAAAAAlEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf/8QAAv/aAAwDAQACAAMAAAAhAAMIEIAMIAMMIMMMMMMMMMMMMMMMMMIMIAMIAAAMMMMMIIAMMMMMMMMIMMMIAMIABAAAQgAA8wwww08w084AAAA9499999MIAAwAAAAU8A9999s4w08Aw999999989sABAAAAAA99MMAAAEAAAAE8888AU99999sMc8MMAE999999999AQ9899988c9999oABAMMAAU9998AA0MMc8Ac999889999999899U88c9999999999c9999999999999ABAA0MMAQw8IEM89940999999999999989999999999999999999999999999994ABAAAU8AEc9999AQAEc999999999999999999999999999999999999989999998ABAAAAEIU99IAAAU9999999999999999999998AU999999999999U99A88E9999oABAc8899c999IAE99899c99999999999999998c999999999999999998888999AABA09888AU89sc99sd99999999999999E999999999999999999999999999999IABAc8oU99999999999999999999999899999999999999999999999999999999oABAQ88cc9999989999999909999998Q99899999999999999999999999c99994wABAc088899999AU99999998889999999989999999999999999999999899999IAABAAAQ989999999999999998Mc99999999Q089999999999999999999sc9999oAABAcAAU999999989999999999989999AAMc999c99999909999999999999999sIABE9999999999999999999999999999c8990999999999c99999999999999999oABU998c9999999999999999999999999999c999999999999999999999999999oABU9999099999099999999999999999999999999999999999999999999999999IBQ99999999998999999999999999995ww199999999999999999999999999999oBA8c9999999999999999999988c999gSOA09999899999999999999999999999ABA9999999998c999998999c99U999odfejQ9999999999999999999999999999ABA999IQ999980999999999999c999AXOOoB199999999999999w899999999994ABE999999998MM899999999999999oPyyyyVQ999999999999999999999999998ABU99999999888899999999999999Bt//AP8A+0nX33333333333333333333333330gEAD333333333z33333333333332AH2uMM8+1D33333333333333333333333332kEBz33333331ABD33333333DDDDAONPNPHMM8tDDDDDD33333333333DT33330DyAED32ABTxTygAABDBTz33kc44445Q889vjPNM444444NT330BT0DD33333ygDzyAAEADwgAARzzwwAAABTz30B/wB99xxxyyzWbxwwxxx999fB999Ac8AAU9998csMc8AABA8UwEQU9999McAc9995WJMMMcM++yijT2888MMMMMNKd99c99M8c999999999oABAAAAAAU9998888wQ999AkMMMMOOOO6SmZOOOOOMOORB9999999999999999998IBAMIAcMMc99AAQwAAU99ITTz3sPLS1lhlBlPPOc7zzid999999999999999999sIBA98889Q999c84AAMA99tIAAG4zzyD5DDlXbjDgCAMM9999989999999999999sABA99888c9999999wwAU9999Ajzzz1ogDDGYwzzzXAV99999999999999999999sABA99U999999999AAQEc9995Twzz/AIwAwww1F8889K1PfffffffffffffffdPffSAAUPAFPffffffffQABHPfffYIxjswAIwxmsyyEM8swgPfffffffffffffffffffSAAQPPHPHPffffffQBHPfffeRzTjj69wi9vq+28zTDDY1PfffffffffffffffffeIAAQPffffffcPfPPQBHPPffQDjDDEhrXK4kcYmQojDDEAPffffffffffffffffffAAAQEPfcNPfRDAAMFPffffeR8MMNOe9HdgANvPNhcMIIKVfffffffffffffcNPffaAAQAEAAENPfeFPAMNPffeBOcMMJV7fKokIEmPPKVcMMtgVPffQFPPffffffXPffQAAQAAAAAHPOAFPQAAFPfaGzv7yYG/wD+APPPPD//APQFf/ivQ999AcAQ09AAQ99999AABAUMAAA8988AAAAAU99BpONPmZN//wD/AP8A/wD/AP8A/pLNPPPeJ999A88AU8Ac899884AABA88sMMc99wAAAAc995HQxxNn9++++++++++++/pARBCjU99M9988gAc89998oAABA99999999AAAEc999sAZ35v9/8Addfffffffff/AH1/31AB333333zzzz3333332wAFD33DABDDTzzwDDTz0AAPDCIAAIIAAAAAAAAAAABLDCJT333333333333z3330AAED3gAABwBCAAAABzzjAAAAAAAAAAAAAAAAAAAAAAAAABT3333T3T3332hT3330wAEFAAAAAAAwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABzjSgAABT330ABDDygAAEAAQAAwAT32gAAAAAAAAAAAAAAAQAAAAAAAAAAAAwwwwDzzwAATz3330wAwwwwAAEAQgBzwz3330gADzwgAQwAABShTwAgBTzzwAARz333zwBDz0ABT3330Bzxz32gAAED30ADTz333wAQz30AAAAARzABSBTzzjDD0BTzzT3z33wzzAARz330wzzzjTwAAAEDzDz33330AABDAABQAABTzwwxwABDAAAAABTgAABT333zwABzz3wADzzwBTgAAAEABT33BDDAAwAAAAAAAABxz3330QwAAAAAAAAABTz3330BzgAAwBQxzz0BT0AAAAEAAAAAAAAADAAAABQwwBTzwABTxTwgADwAAAAAABDzDDzzAAABzzzzzz0hTwAgAEEAAAAAAAQQgQwAQwBzzzzzwAAAAAAAABwgAAAAAQwgATzgAQwBTz333jAAAAAAAAEAAAAABTxz330BTwRzzzz30wwAAwAAATzwDQABTzzzzzzwBwAAABTzwAAAAAAAAEEAAAAAxz3ziAABT1D331T31DwwRygAABTAAAAAABzzzz33zwAAADzzwAARz3wAAEEAAAADADX2AAAABABT3wAAABzxDAAAAAABQAAAABQzzABDT0AAABT0AABT330gAAEEARz0ADzAAAAAAADTAAAAADQAAAAAAAAAAAAAABDCAAABDAAAARDAAABDTgQgAAEEAAAAADwAQAAAAAAAAAAAAAAAAAAAAADQgAwBAAAAAAAAQAAABAAAAAABABCAAEEEAAAAAAABQwAAAAAAABDzTwAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAQAQAAEEAAAAAAAABTwAAAAAAAAAhQwAAAAAAADCAAQwAAAAAAAAAAAAABDAAAAABABAAAAEAAAAAAABQAAAAAAAAAABADAAAQwAAAAAABDAAAABTwAAAAAAAAABzwAAAAAAAAEEEAAAAAD3wAAAAAAAAABwAAAABTwAAAAAAwgAAAAADAQwAAAAAABz30AAwwgAAAEEEAAAAABTDQAQjQAAwATwARzwxzAAAAAADX0AAAABABT33333DT3330BT330wAAAEEEFEEEEEEEDEFEEFHHFH0FHGEEEEEEEEEEEEEEEEEEFEEFHEEEEEEEEFHEEEEAEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEH/xAAC/9oADAMBAAIAAwAAABAEE0kUkE0kE00k00000000000000000k0kE0kEEE00000kkE00000000k000kE0kEAEEFGEEH/ABxxx3/z3/7BBBB+7+++++NJBBzBBBBX/B++++v7x3/Bx+++++++/wDrwQAQQQQQfvjzQQQRQQQQRf8A/wD/AAVfvvvvrz3/AM00EX777777774FH7/777/9/wC+++rBCBNPBBX+++/BB3PPf/Bf+++//wDvvvvvvv8A75f/APf++++++++++f8AvvvvvvvvvvvvgQgQdzzQUcfyRTf/AL7vf7777777777777/777777777777777777777777777777sEIEEFf8EV/7774FMEV/wC++++++++++++++++++++++++++++++++++++/++++++/BCBBBBFJX++JBBBX+++++++++++++++++++++/BV++++++++++++X++B//F++++rBCBf/AP8A75/774kEX77/AO+f++++++++++++++++/f8Avvvvvvvvvvvvvvvvv/8A/wD+++BBCB3+/wD/AMFf/wCvf++ve++++++++++++++F++++++++++++++++++++++++++++++JBCBf/AK1/vvvvvvvvvvvvvvvvvvvvvvv/AL7777777777777777777777777777776sEIFH/99/77777/AO+++++++3++++++/R++/wDvvvvvvvvvvvvvvvvvvvvvvn/vvvu8wQAX9/8A/wD+++++BV+++++++/8A/wD77777777/AO+++++++++++++++++++++/+++++JBBABBBR+/+++++++++++++++/Pf++++++++R3/APvvvvvvvvvvvvvvvvvvr3/vvvqQQQAXwQVfvvvvvvv/AL7777777777/wC+++BBPf8Avvn/AL77777f77777777777777768kEAX7777777777777777777777777775/8A++3+++++++++f+++++++++++++++++rBAV++/f8Avvvvvvvvvvvvvvvvvvvvvvvvvvvn/vvvvvvvvvvvvvvvvvvvvvvvvvvqwQlfvvvt/vvvvt/vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvviQEfvvvvvvvvvv8A77777777777777777rPPb77777777777777777777777777776kAH9/77777777777777777777/APf+++nbzB3++++/+++++++++++++++++++++++BAB+++++++++/f+++++/+++f++V+++rmQReT++++++++++++++++++++++++++++BAB+++JR++++/3++++++++++++f8AvvldDDKQNvvvvvvvvvvvvvvsf/vvvvvvvvvuwQBfvvvvvvvvzzf/AL7777777777776ucMMMMlP777777777777777777777777778EBX77777777/8A/wD/AL7777777777775CdLDDKYDb77777777777777777777777774kAEH777777777/AO+++++++++++++jTwiQxNO/T++++++++++++++++++++++++++qABf++++++++TBR++++++++zzzzzbgvPtPJx6HTzzzzz+++++++++++z3+++++B/hAB++hBV/V/rBBBRxV/8AvujnMEMNOzzTRNjQYdcAEMNB1/vvgV/gcfvvvvv6wf8A+EEAEH8kEEV//wDNBBBBV/8AvlS888//AO8ww1IT/wC+/wD/APPPMUD774F/8EFX7779+89/8EEAH9fMVFX777418F/777oEcIIJILDDz/31HLLIIIIIJ8F775/7439/777777776kEAEEEEEFf777//AP8A80fvvgSAwwzwRTSRbedgQQQQQwUKQPvvvvvvvvvvvvvvvvvvyQATyQXzzX/vgQUcQQVfviVHTSR/OIReDybDfPPWRfTcXvvvvvvvvvvvvvvvvvvryQAfv/8A/wCR+++f/wCwQTQfvriQQeawABbmve2yaEME9wTTfvvvvv8A77777777777768EAH77/AP8A3/vvvvvvscQVfvvvgygBTeV1f/8Au0QMMMcFb777777777777777777768EAH75f777777774EFEV/777pXz/wDy+y//AC87bxn/APglf7777777777777777f774kEBH8Ff777777774EEV/wC+++jFKC/U6BDFdza3Y/8AvzA/vvvvvvvvvvvvvvvvvvviQQAf/wB/9/7777774EV/7777p0AIIZwYIvoenk1g0gBGtf777777777777777777uMEAH7777777P7//AOBFf/8Avvhb/PfHvLWic5M4C/2vPXFAfvvvvvvvvvvvvvvvvvvwQQAUfvs9/vhTQQc1/vvvvuugAwTZTtLGAQXvtobRw00nVvvvvvvvvvvvvvsd/vvqwQAQUQQUd/vu1/wc9/vvuwRv/wA/nhz34lGP3D3d5t+810pf774FX/7777775/774EEAEEEEEF//ALBX+BBBV++rsBwgffS++AE0wwC+ecuHQyteT+++BfBR3+BBR+++++BBABVNBBB/+/8AwQQQQVfvkkjzDpMb/fffffffff8AveY4442L774H/wDBV/Bf/wDvv/8AsEEAH/8AvNPf++xBBBBf++6DhAA8i1wAU8w888hBAU/fxgw7SX++P++//hBf/wDvvv6wQQAfvvvvvvvgQQRX/vvrwdu5VAgAiiggksgggggNjvcUaoXvvvvvv/8A/wD+++++++vBAR++zzBRz3//APwc9/8A4EHD39LL7zwJ7LL7LIJb77Lb33Ff777777777777/wC+++BBAB+7BBBfBRhBBBBf/wC8QQQQQQQQQQQQQQQQQQQQQQQQQVfvvvt/t/vvvq1fvvvjQQAEQQQQQQTzQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQX+96QQQV/vvgQU8f6QQQAQRQQTQRfvqQQQQQQQQQQQ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"/>
+</defs>
+</svg>
diff --git a/dapp/public/images/icons/search.svg b/dapp/public/images/icons/search.svg
new file mode 100644
index 0000000..80caf3c
--- /dev/null
+++ b/dapp/public/images/icons/search.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.58342 0.666992C4.21116 0.666992 0.666748 4.2114 0.666748 8.58366C0.666748 12.9559 4.21116 16.5003 8.58342 16.5003C10.4694 16.5003 12.2013 15.8409 13.5612 14.7399L15.9108 17.0896C16.2363 17.415 16.7639 17.415 17.0893 17.0896C17.4148 16.7641 17.4148 16.2365 17.0893 15.9111L14.7397 13.5614C15.8406 12.2015 16.5001 10.4696 16.5001 8.58366C16.5001 4.2114 12.9557 0.666992 8.58342 0.666992ZM2.33341 8.58366C2.33341 5.13188 5.13164 2.33366 8.58342 2.33366C12.0352 2.33366 14.8334 5.13188 14.8334 8.58366C14.8334 12.0354 12.0352 14.8337 8.58342 14.8337C5.13164 14.8337 2.33341 12.0354 2.33341 8.58366Z" fill="#F3EEFF"/>
+</svg>
diff --git a/dapp/src/app/borrow/assets/page.tsx b/dapp/src/app/borrow/assets/page.tsx
new file mode 100644
index 0000000..9787fb2
--- /dev/null
+++ b/dapp/src/app/borrow/assets/page.tsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+const page = () => {
+    return (<></>)
+}
+
+export default page
\ No newline at end of file
diff --git a/dapp/src/app/borrow/get_loan/layout.tsx b/dapp/src/app/borrow/get_loan/layout.tsx
new file mode 100644
index 0000000..420f32e
--- /dev/null
+++ b/dapp/src/app/borrow/get_loan/layout.tsx
@@ -0,0 +1,43 @@
+"use client"
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+
+
+
+const navs = [
+    {
+        url: "/borrow/get_loan",
+        text: "Assets (3)",
+    },
+    {
+        url: "/borrow/get_loan/offers_received",
+        text: "Offers Received (6)",
+    },
+    {
+        url: "/borrow/get_loan/loans_received",
+        text: "Loans Received (1)",
+    },
+]
+export default function RootLayout({
+    children,
+}: Readonly<{
+    children: React.ReactNode;
+}>) {
+    const path = usePathname();
+
+    return (
+        <div className="space-y-6 ">
+            <div className="space-x-4 bg-[#13142a] w-fit p-2 py-3 rounded-3xl">
+                {
+                    navs.map((nav, index) => {
+                        return <Link className={(path == nav.url) ? "bg-[#835aff]" : " "} style={{
+                            padding: ".5em", borderRadius: "100px"
+                        }} href={nav.url} key={index}>{nav.text}</Link>
+                    })
+                }
+            </div>
+            {children}
+        </div>
+    );
+}
diff --git a/dapp/src/app/borrow/get_loan/loans_received/page.tsx b/dapp/src/app/borrow/get_loan/loans_received/page.tsx
new file mode 100644
index 0000000..31f8e92
--- /dev/null
+++ b/dapp/src/app/borrow/get_loan/loans_received/page.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+const page = () => {
+    return (
+        <div>Loans received</div>
+    )
+}
+
+export default page
\ No newline at end of file
diff --git a/dapp/src/app/borrow/get_loan/offers_received/page.tsx b/dapp/src/app/borrow/get_loan/offers_received/page.tsx
new file mode 100644
index 0000000..29e235c
--- /dev/null
+++ b/dapp/src/app/borrow/get_loan/offers_received/page.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+const page = () => {
+    return (
+        <div>Offers received</div>
+    )
+}
+
+export default page
\ No newline at end of file
diff --git a/dapp/src/app/borrow/get_loan/page.tsx b/dapp/src/app/borrow/get_loan/page.tsx
new file mode 100644
index 0000000..c82ae91
--- /dev/null
+++ b/dapp/src/app/borrow/get_loan/page.tsx
@@ -0,0 +1,110 @@
+import React from "react";
+import Search from "../../../../components/_components/Search";
+import Image from "next/image";
+import Card from "../../../../components/_components/Card";
+
+const collections = [
+    {
+      name: "Cryptopunk VQ (Wrapped ETH)",
+      avatar: "",
+    },
+    {
+      name: "CLONE X-X",
+      avatar: "",
+    },
+    {
+      name: "KOLLABEAR",
+      avatar: "",
+    },
+    {
+      name: "NFT Locked Bundle        ",
+      avatar: "",
+    },
+    {
+      name: "FLUF",
+      avatar: "",
+    },
+    {
+      name: "RANGA",
+      avatar: "",
+    },
+  ],
+  cards = [
+    {
+      title: "Cryptopunk #1232",
+      subTitle: "Cryptopunk VQ (STRK)",
+      ongoing: false,
+      received: false,
+      offered: false,
+      listed: false,
+      src: "/images/NFT4.png",
+    },
+    {
+      title: "Cryptopunk #1232",
+      subTitle: "Cryptopunk VQ (STRK)",
+      ongoing: false,
+      received: false,
+      offered: false,
+      listed: false,
+      src: "/images/NFT1.png",
+    },
+    {
+      title: "Cryptopunk #1232",
+      subTitle: "Cryptopunk VQ (STRK)",
+      ongoing: false,
+      received: false,
+      offered: false,
+      listed: false,
+      src: "/images/NFT3.png",
+    },
+  ];
+
+const page = () => {
+  return (
+    <div className="bg-[#13142a] flex p-4 rounded-2xl">
+      {/* collections side panel */}
+      <div className="bg-[#090a20] space-y-6 p-4 rounded-2xl">
+        <div>Collections</div>
+        <Search />
+        <div className="space-y-4">
+          {collections.map((nft, index) => {
+            return (
+              <div key={index} className="flex space-x-3">
+                <input type="checkbox" name="" id="" />
+                <Image
+                  src={`/images/Avatar${index + 1}.png`}
+                  alt={"Avatar" + index + 1}
+                  width={25}
+                  height={25}
+                ></Image>
+                <div>{nft.name}</div>
+              </div>
+            );
+          })}
+        </div>
+      </div>
+      {/* Search result section */}
+      <div className=" p-4">
+        <div>Search Results</div>
+        <div className="flex space-x-3">
+          {cards.map((card, index) => {
+            return (
+              <Card
+                listed={card.listed}
+                offered={card.offered}
+                received={card.received}
+                ongoing={card.ongoing}
+                title={card.title}
+                subTitle={card.subTitle}
+                src={card.src}
+                key={index}
+              />
+            );
+          })}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default page;
diff --git a/dapp/src/app/borrow/give_loan/page.tsx b/dapp/src/app/borrow/give_loan/page.tsx
new file mode 100644
index 0000000..9787fb2
--- /dev/null
+++ b/dapp/src/app/borrow/give_loan/page.tsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+const page = () => {
+    return (<></>)
+}
+
+export default page
\ No newline at end of file
diff --git a/dapp/src/app/borrow/layout.tsx b/dapp/src/app/borrow/layout.tsx
new file mode 100644
index 0000000..857f6d0
--- /dev/null
+++ b/dapp/src/app/borrow/layout.tsx
@@ -0,0 +1,19 @@
+import Header from "../../../components/_components/Header";
+import SideBar from "../../../components/_components/SideBar";
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <div className="flex bg-[#090a20]">
+      <SideBar />
+
+      <div className="flex flex-col w-full  ">
+        <Header />
+        <div className="p-6">{children}</div>
+      </div>
+    </div>
+  );
+}
diff --git a/dapp/src/app/globals.css b/dapp/src/app/globals.css
index 6b717ad..baef5f9 100644
--- a/dapp/src/app/globals.css
+++ b/dapp/src/app/globals.css
@@ -19,3 +19,8 @@ body {
   background: var(--background);
   font-family: Arial, Helvetica, sans-serif;
 }
+
+* {
+  font-family: monospace;
+  font-size: small;
+}
\ No newline at end of file

From 642e5dcbda495023ddfbac686401e7cd7d620ae3 Mon Sep 17 00:00:00 2001
From: soomtochukwu <onwuajuesesomtochukwu@gmail.com>
Date: Thu, 1 May 2025 19:23:11 +0100
Subject: [PATCH 2/5] ++

---
 dapp/components/_components/SideBar.tsx | 81 ++++++++++++++-----------
 1 file changed, 44 insertions(+), 37 deletions(-)

diff --git a/dapp/components/_components/SideBar.tsx b/dapp/components/_components/SideBar.tsx
index 24c5bc7..cc5c958 100644
--- a/dapp/components/_components/SideBar.tsx
+++ b/dapp/components/_components/SideBar.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import React from "react";
 import Logo from "./Logo";
 import Link from "next/link";
@@ -9,45 +9,52 @@ import Icon from "./Icon";
 import { usePathname } from "next/navigation";
 
 const navs = [
-    {
-        url: "/borrow/assets",
-        name: "My assets",
-    },
-    {
-        url: "/borrow/get_loan",
-        name: "Get a Loan",
-    },
-    {
-        url: "/borrow/give_loan",
-        name: "Give a Loan",
-    },
+  {
+    url: "/borrow/assets",
+    name: "My assets",
+  },
+  {
+    url: "/borrow/get_loan",
+    name: "Get a Loan",
+  },
+  {
+    url: "/borrow/give_loan",
+    name: "Give a Loan",
+  },
 ];
 
 const SideBar = () => {
-    const path = usePathname();
-    return (
-        <div className="border-r-2 h-screen border-[#131429]  w-80 p-3 space-y-12">
-            <div className="mt-5">
-                <Logo />
-            </div>
-            <Search />
-            <div className="flex flex-col space-y-2">
-                {navs.map((nav, index) => {
-                    return (
-                        <Link className={"flex rounded-xl p-3 items-center space-x-4" + " " + (path.includes(nav.url) ? "bg-[#835aff]" : " ")} href={nav.url} key={index}>
-                            <div>
-                                <Icon src={"/images/icons/dashboard-square.svg"} />
-                            </div>
-                            <div>
-
-                                {nav.name}
-                            </div>
-                        </Link>
-                    );
-                })}
-            </div>
-        </div>
-    );
+  const path = usePathname();
+  return (
+    <div className="border-r-2 h-screen border-[#131429]  w-80 p-3 space-y-12">
+      <div className="mt-5">
+        <Link href={"/"}>
+          <Logo />
+        </Link>
+      </div>
+      <Search />
+      <div className="flex flex-col space-y-2">
+        {navs.map((nav, index) => {
+          return (
+            <Link
+              className={
+                "flex rounded-xl p-3 items-center space-x-4" +
+                " " +
+                (path.includes(nav.url) ? "bg-[#835aff]" : " ")
+              }
+              href={nav.url}
+              key={index}
+            >
+              <div>
+                <Icon src={"/images/icons/dashboard-square.svg"} />
+              </div>
+              <div>{nav.name}</div>
+            </Link>
+          );
+        })}
+      </div>
+    </div>
+  );
 };
 
 export default SideBar;

From a3f9721818964d1905a7cc6bddb3b6f07af87e7c Mon Sep 17 00:00:00 2001
From: soomtochukwu <onwuajuesesomtochukwu@gmail.com>
Date: Thu, 1 May 2025 22:43:47 +0100
Subject: [PATCH 3/5] fix: tailwind config for better and fast rendering

---
 dapp/components/_components/Search.tsx | 32 +++++++++++++-------------
 dapp/tailwind.config.ts                |  1 +
 2 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/dapp/components/_components/Search.tsx b/dapp/components/_components/Search.tsx
index 68b3d27..fac9c8c 100644
--- a/dapp/components/_components/Search.tsx
+++ b/dapp/components/_components/Search.tsx
@@ -1,19 +1,19 @@
-import React from 'react'
-import Icon from './Icon'
+import React from "react";
+import Icon from "./Icon";
 
 const Search = () => {
-    return (
-        <div className='flex w-full items-center rounded-lg bg-[#131429] p-2 px-3 space-x-4'>
-            <Icon src={'/images/icons/search.svg'} />
-            <input
-                type="search"
-                name=""
-                id=""
-                className='bg-inherit w-full border-none p-1s px-3 focus:outline-none'
-                placeholder='Search'
-            />
-        </div>
-    )
-}
+  return (
+    <div className="flex w-full items-center rounded-lg bg-[#131429] p-2 px-3 space-x-4">
+      <Icon src={"/images/icons/search.svg"} />
+      <input
+        type="search"
+        name=""
+        id=""
+        className="bg-inherit w-full border-none p-1s px-3 focus:outline-none"
+        placeholder="Search"
+      />
+    </div>
+  );
+};
 
-export default Search
\ No newline at end of file
+export default Search;
diff --git a/dapp/tailwind.config.ts b/dapp/tailwind.config.ts
index 109807b..e25ac66 100644
--- a/dapp/tailwind.config.ts
+++ b/dapp/tailwind.config.ts
@@ -5,6 +5,7 @@ export default {
     "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
     "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
     "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
   ],
   theme: {
     extend: {

From 5585b5256d8911ba91e7a573d5b5d97ef47adec9 Mon Sep 17 00:00:00 2001
From: soomtochukwu <onwuajuesesomtochukwu@gmail.com>
Date: Thu, 1 May 2025 23:31:58 +0100
Subject: [PATCH 4/5] feat: media query optimised

---
 dapp/components/_components/Card.tsx    |  2 +-
 dapp/components/_components/SideBar.tsx |  2 +-
 dapp/src/app/borrow/get_loan/layout.tsx | 72 +++++++++++++------------
 dapp/src/app/borrow/get_loan/page.tsx   |  4 +-
 4 files changed, 43 insertions(+), 37 deletions(-)

diff --git a/dapp/components/_components/Card.tsx b/dapp/components/_components/Card.tsx
index 3663fd0..e86f208 100644
--- a/dapp/components/_components/Card.tsx
+++ b/dapp/components/_components/Card.tsx
@@ -21,7 +21,7 @@ const Card = ({
   title,
 }: CardProp) => {
   return (
-    <div className=" bg-[#090a20] p-2 rounded-xl">
+    <div className=" bg-[#090a20] p-2 w-fit rounded-xl">
       {received ? (
         ongoing ? (
           <div className="bg-green-600 p-2 fixed rounded-xl">Ongoing</div>
diff --git a/dapp/components/_components/SideBar.tsx b/dapp/components/_components/SideBar.tsx
index cc5c958..4676075 100644
--- a/dapp/components/_components/SideBar.tsx
+++ b/dapp/components/_components/SideBar.tsx
@@ -38,7 +38,7 @@ const SideBar = () => {
           return (
             <Link
               className={
-                "flex rounded-xl p-3 items-center space-x-4" +
+                "flex text-center rounded-xl p-3 items-center space-x-4" +
                 " " +
                 (path.includes(nav.url) ? "bg-[#835aff]" : " ")
               }
diff --git a/dapp/src/app/borrow/get_loan/layout.tsx b/dapp/src/app/borrow/get_loan/layout.tsx
index 420f32e..1442251 100644
--- a/dapp/src/app/borrow/get_loan/layout.tsx
+++ b/dapp/src/app/borrow/get_loan/layout.tsx
@@ -1,43 +1,49 @@
-"use client"
+"use client";
 
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 
-
-
 const navs = [
-    {
-        url: "/borrow/get_loan",
-        text: "Assets (3)",
-    },
-    {
-        url: "/borrow/get_loan/offers_received",
-        text: "Offers Received (6)",
-    },
-    {
-        url: "/borrow/get_loan/loans_received",
-        text: "Loans Received (1)",
-    },
-]
+  {
+    url: "/borrow/get_loan",
+    text: "Assets (3)",
+  },
+  {
+    url: "/borrow/get_loan/offers_received",
+    text: "Offers Received (6)",
+  },
+  {
+    url: "/borrow/get_loan/loans_received",
+    text: "Loans Received (1)",
+  },
+];
 export default function RootLayout({
-    children,
+  children,
 }: Readonly<{
-    children: React.ReactNode;
+  children: React.ReactNode;
 }>) {
-    const path = usePathname();
+  const path = usePathname();
 
-    return (
-        <div className="space-y-6 ">
-            <div className="space-x-4 bg-[#13142a] w-fit p-2 py-3 rounded-3xl">
-                {
-                    navs.map((nav, index) => {
-                        return <Link className={(path == nav.url) ? "bg-[#835aff]" : " "} style={{
-                            padding: ".5em", borderRadius: "100px"
-                        }} href={nav.url} key={index}>{nav.text}</Link>
-                    })
-                }
-            </div>
-            {children}
-        </div>
-    );
+  return (
+    <div className="space-y-6 sm:overflow-hidden">
+      <div className="space-x-4 bg-[#13142a] w-fit p-2 py-3 rounded-3xl">
+        {navs.map((nav, index) => {
+          return (
+            <Link
+              className={path == nav.url ? "bg-[#835aff]" : " "}
+              style={{
+                padding: ".5em",
+                borderRadius: "100px",
+              }}
+              href={nav.url}
+              key={index}
+            >
+              {nav.text}
+            </Link>
+          );
+        })}
+      </div>
+      {children}
+    </div>
+  );
 }
diff --git a/dapp/src/app/borrow/get_loan/page.tsx b/dapp/src/app/borrow/get_loan/page.tsx
index c82ae91..2b3da0f 100644
--- a/dapp/src/app/borrow/get_loan/page.tsx
+++ b/dapp/src/app/borrow/get_loan/page.tsx
@@ -61,7 +61,7 @@ const collections = [
 
 const page = () => {
   return (
-    <div className="bg-[#13142a] flex p-4 rounded-2xl">
+    <div className="bg-[#13142a] flex lg:flex-row flex-col p-4 rounded-2xl">
       {/* collections side panel */}
       <div className="bg-[#090a20] space-y-6 p-4 rounded-2xl">
         <div>Collections</div>
@@ -86,7 +86,7 @@ const page = () => {
       {/* Search result section */}
       <div className=" p-4">
         <div>Search Results</div>
-        <div className="flex space-x-3">
+        <div className="flex flex-wrap space-y-2 md:*:my-2 space-x-3">
           {cards.map((card, index) => {
             return (
               <Card

From 7d66dc14674a257d50ab9f7ef2f3b0c968634261 Mon Sep 17 00:00:00 2001
From: soomtochukwu <onwuajuesesomtochukwu@gmail.com>
Date: Sun, 4 May 2025 10:16:42 +0100
Subject: [PATCH 5/5] feat: offers received sub-page added

---
 dapp/components/_components/Card.tsx          |  16 +-
 dapp/package-lock.json                        | 288 +-----------------
 .../borrow/get_loan/offers_received/page.tsx  |  46 ++-
 3 files changed, 58 insertions(+), 292 deletions(-)

diff --git a/dapp/components/_components/Card.tsx b/dapp/components/_components/Card.tsx
index e86f208..93b8c8c 100644
--- a/dapp/components/_components/Card.tsx
+++ b/dapp/components/_components/Card.tsx
@@ -29,8 +29,8 @@ const Card = ({
           <div className="bg-red-600 p-2 fixed rounded-xl">Closed</div>
         )
       ) : null}
-      <Image src={src} alt={src} width={240} height={350}></Image>
-      <div className="flex justify-between space-y-2 p-4 w-full items-center">
+      <Image src={src} alt={src} width={250} height={360}></Image>
+      <div className="flex justify-between space-y-2 py-4 w-full items-center">
         <div>
           <div className="text-lg">{title}</div>
           <div className="text-xs" style={{ color: "#878893" }}>
@@ -41,18 +41,24 @@ const Card = ({
           received ? (
             <div> Escrow</div>
           ) : (
-            <div>Listed</div>
+            <div className="bg-[#1a2a32] p-2 rounded-2xl text-[#44a36b]">
+              Listed
+            </div>
           )
         ) : (
           <div
-            className="p-3 rounded-3xl "
+            className="p-2 rounded-2xl "
             style={{ color: "#e28706", backgroundColor: "#663d08" }}
           >
             Unlisted
           </div>
         )}
       </div>
-      {offered ? <div>{received ? "View" : "See Offers"}</div> : null}
+      {offered ? (
+        <div className="bg-[#8659fe] text-center p-2 rounded-2xl">
+          {received ? "View" : "See Offers"}
+        </div>
+      ) : null}
     </div>
   );
 };
diff --git a/dapp/package-lock.json b/dapp/package-lock.json
index d4fdca0..7e14661 100644
--- a/dapp/package-lock.json
+++ b/dapp/package-lock.json
@@ -826,35 +826,6 @@
         "node": ">= 10"
       }
     },
-    "node_modules/@noble/curves": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.7.0.tgz",
-      "integrity": "sha512-UTMhXK9SeDhFJVrHeUJ5uZlI6ajXg10O6Ddocf9S6GjbSBVZsJo88HzKwXznNfGpMTRDyJkqMjNDPYgf0qFWnw==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@noble/hashes": "1.6.0"
-      },
-      "engines": {
-        "node": "^14.21.3 || >=16"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
-    "node_modules/@noble/curves/node_modules/@noble/hashes": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.0.tgz",
-      "integrity": "sha512-YUULf0Uk4/mAA89w+k3+yUYh6NrEvxZa5T6SY3wlMvE2chHkxFUUIDI8/XW1QSC357iA5pSnqt7XEhvFOqmDyQ==",
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": "^14.21.3 || >=16"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
     "node_modules/@noble/hashes": {
       "version": "1.7.1",
       "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.7.1.tgz",
@@ -940,16 +911,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@scure/base": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@scure/base/-/base-1.2.1.tgz",
-      "integrity": "sha512-DGmGtC8Tt63J5GfHgfl5CuAXh96VF/LD8K9Hr/Gv0J2lAoRGlPOMpqMpMbCTOoOJMZCk2Xt+DskdDyn6dEFdzQ==",
-      "license": "MIT",
-      "peer": true,
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
     "node_modules/@scure/bip32": {
       "version": "1.6.2",
       "resolved": "https://registry.npmjs.org/@scure/bip32/-/bip32-1.6.2.tgz",
@@ -1010,33 +971,6 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
-    "node_modules/@scure/starknet": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@scure/starknet/-/starknet-1.1.0.tgz",
-      "integrity": "sha512-83g3M6Ix2qRsPN4wqLDqiRZ2GBNbjVWfboJE/9UjfG+MHr6oDSu/CWgy8hsBSJejr09DkkL+l0Ze4KVrlCIdtQ==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@noble/curves": "~1.7.0",
-        "@noble/hashes": "~1.6.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
-    "node_modules/@scure/starknet/node_modules/@noble/hashes": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.1.tgz",
-      "integrity": "sha512-pq5D8h10hHBjyqX+cfBm0i8JUXJ0UhczFc4r74zbuT9XgewFo2E3J1cOaGtdZynILNmQ685YWGzGE1Zv6io50w==",
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": "^14.21.3 || >=16"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
     "node_modules/@starknet-io/types-js": {
       "version": "0.7.10",
       "resolved": "https://registry.npmjs.org/@starknet-io/types-js/-/types-js-0.7.10.tgz",
@@ -3079,17 +3013,6 @@
         "reusify": "^1.0.4"
       }
     },
-    "node_modules/fetch-cookie": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/fetch-cookie/-/fetch-cookie-3.0.1.tgz",
-      "integrity": "sha512-ZGXe8Y5Z/1FWqQ9q/CrJhkUD73DyBU9VF0hBQmEO/wPHe4A9PKTjplFDLeFX8aOsYypZUcX5Ji/eByn3VCVO3Q==",
-      "license": "Unlicense",
-      "peer": true,
-      "dependencies": {
-        "set-cookie-parser": "^2.4.8",
-        "tough-cookie": "^4.0.0"
-      }
-    },
     "node_modules/file-entry-cache": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
@@ -3305,17 +3228,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/get-starknet-core": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/get-starknet-core/-/get-starknet-core-4.0.0.tgz",
-      "integrity": "sha512-6pLmidQZkC3wZsrHY99grQHoGpuuXqkbSP65F8ov1/JsEI8DDLkhsAuLCKFzNOK56cJp+f1bWWfTJ57e9r5eqQ==",
-      "deprecated": "Package no longer supported. Please use @starknet-io/get-starknet-core",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@starknet-io/types-js": "^0.7.7"
-      }
-    },
     "node_modules/get-symbol-description": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
@@ -4040,17 +3952,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/isomorphic-fetch": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-3.0.0.tgz",
-      "integrity": "sha512-qvUtwJ3j6qwsF3jLxkZ72qCgjMysPzDfeV240JHiGZsANBYd+EEuu35v7dfrJ9Up0Ak07D7GGSkGhCHTqg/5wA==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "node-fetch": "^2.6.1",
-        "whatwg-fetch": "^3.4.1"
-      }
-    },
     "node_modules/isows": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/isows/-/isows-1.0.6.tgz",
@@ -4292,13 +4193,6 @@
         "loose-envify": "cli.js"
       }
     },
-    "node_modules/lossless-json": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/lossless-json/-/lossless-json-4.0.2.tgz",
-      "integrity": "sha512-+z0EaLi2UcWi8MZRxA5iTb6m4Ys4E80uftGY+yG5KNFJb5EceQXOhdW/pWJZ8m97s26u7yZZAYMcKWNztSZssA==",
-      "license": "MIT",
-      "peer": true
-    },
     "node_modules/lru-cache": {
       "version": "10.4.3",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
@@ -4508,27 +4402,6 @@
         "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/node-fetch": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
-      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "whatwg-url": "^5.0.0"
-      },
-      "engines": {
-        "node": "4.x || >=6.0.0"
-      },
-      "peerDependencies": {
-        "encoding": "^0.1.0"
-      },
-      "peerDependenciesMeta": {
-        "encoding": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -4790,13 +4663,6 @@
       "dev": true,
       "license": "BlueOak-1.0.0"
     },
-    "node_modules/pako": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz",
-      "integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==",
-      "license": "(MIT AND Zlib)",
-      "peer": true
-    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -5075,35 +4941,16 @@
         "react-is": "^16.13.1"
       }
     },
-    "node_modules/psl": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/psl/-/psl-1.15.0.tgz",
-      "integrity": "sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "punycode": "^2.3.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/lupomontero"
-      }
-    },
     "node_modules/punycode": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
       "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
-    "node_modules/querystringify": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
-      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
-      "license": "MIT",
-      "peer": true
-    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -5238,13 +5085,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/requires-port": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
-      "license": "MIT",
-      "peer": true
-    },
     "node_modules/resolve": {
       "version": "1.22.10",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
@@ -5395,13 +5235,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/set-cookie-parser": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz",
-      "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==",
-      "license": "MIT",
-      "peer": true
-    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -5629,47 +5462,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/starknet": {
-      "version": "6.24.1",
-      "resolved": "https://registry.npmjs.org/starknet/-/starknet-6.24.1.tgz",
-      "integrity": "sha512-g7tiCt73berhcNi41otlN3T3kxZnIvZhMi8WdC21Y6GC6zoQgbI2z1t7JAZF9c4xZiomlanwVnurcpyfEdyMpg==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@noble/curves": "1.7.0",
-        "@noble/hashes": "1.6.0",
-        "@scure/base": "1.2.1",
-        "@scure/starknet": "1.1.0",
-        "abi-wan-kanabi": "^2.2.3",
-        "fetch-cookie": "~3.0.0",
-        "isomorphic-fetch": "~3.0.0",
-        "lossless-json": "^4.0.1",
-        "pako": "^2.0.4",
-        "starknet-types-07": "npm:@starknet-io/types-js@^0.7.10",
-        "ts-mixer": "^6.0.3"
-      }
-    },
-    "node_modules/starknet-types-07": {
-      "name": "@starknet-io/types-js",
-      "version": "0.7.10",
-      "resolved": "https://registry.npmjs.org/@starknet-io/types-js/-/types-js-0.7.10.tgz",
-      "integrity": "sha512-1VtCqX4AHWJlRRSYGSn+4X1mqolI1Tdq62IwzoU2vUuEE72S1OlEeGhpvd6XsdqXcfHmVzYfj8k1XtKBQqwo9w==",
-      "license": "MIT",
-      "peer": true
-    },
-    "node_modules/starknet/node_modules/@noble/hashes": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.0.tgz",
-      "integrity": "sha512-YUULf0Uk4/mAA89w+k3+yUYh6NrEvxZa5T6SY3wlMvE2chHkxFUUIDI8/XW1QSC357iA5pSnqt7XEhvFOqmDyQ==",
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": "^14.21.3 || >=16"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
     "node_modules/streamsearch": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
@@ -6104,39 +5896,6 @@
         "node": ">=8.0"
       }
     },
-    "node_modules/tough-cookie": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz",
-      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
-      "license": "BSD-3-Clause",
-      "peer": true,
-      "dependencies": {
-        "psl": "^1.1.33",
-        "punycode": "^2.1.1",
-        "universalify": "^0.2.0",
-        "url-parse": "^1.5.3"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/tough-cookie/node_modules/universalify": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
-      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
-    "node_modules/tr46": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
-      "license": "MIT",
-      "peer": true
-    },
     "node_modules/ts-api-utils": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.0.0.tgz",
@@ -6157,13 +5916,6 @@
       "dev": true,
       "license": "Apache-2.0"
     },
-    "node_modules/ts-mixer": {
-      "version": "6.0.4",
-      "resolved": "https://registry.npmjs.org/ts-mixer/-/ts-mixer-6.0.4.tgz",
-      "integrity": "sha512-ufKpbmrugz5Aou4wcr5Wc1UUFWOLhq+Fm6qa6P0w0K5Qw2yhaUoiWszhCVuNQyNwrlGiscHOmqYoAox1PtvgjA==",
-      "license": "MIT",
-      "peer": true
-    },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
@@ -6278,7 +6030,7 @@
       "version": "5.7.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.3.tgz",
       "integrity": "sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==",
-      "devOptional": true,
+      "dev": true,
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
@@ -6333,17 +6085,6 @@
         "punycode": "^2.1.0"
       }
     },
-    "node_modules/url-parse": {
-      "version": "1.5.10",
-      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
-      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "querystringify": "^2.1.1",
-        "requires-port": "^1.0.0"
-      }
-    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -6396,31 +6137,6 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
-    "node_modules/webidl-conversions": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
-      "license": "BSD-2-Clause",
-      "peer": true
-    },
-    "node_modules/whatwg-fetch": {
-      "version": "3.6.20",
-      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz",
-      "integrity": "sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==",
-      "license": "MIT",
-      "peer": true
-    },
-    "node_modules/whatwg-url": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
-      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "tr46": "~0.0.3",
-        "webidl-conversions": "^3.0.0"
-      }
-    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
diff --git a/dapp/src/app/borrow/get_loan/offers_received/page.tsx b/dapp/src/app/borrow/get_loan/offers_received/page.tsx
index 29e235c..16d7ae9 100644
--- a/dapp/src/app/borrow/get_loan/offers_received/page.tsx
+++ b/dapp/src/app/borrow/get_loan/offers_received/page.tsx
@@ -1,8 +1,52 @@
 import React from 'react'
+import Card from '../../../../../components/_components/Card';
+
+
+const cards = [
+    {
+        title: "Cryptopunk #1232",
+        subTitle: "Cryptopunk VQ (STRK)",
+        ongoing: false,
+        received: false,
+        offered: true,
+        listed: true,
+        src: "/images/NFT4.png",
+    },
+    {
+        title: "Cryptopunk #1232",
+        subTitle: "Cryptopunk VQ (STRK)",
+        ongoing: false,
+        received: false,
+        offered: true,
+        listed: true,
+        src: "/images/NFT1.png",
+    },
+];
 
 const page = () => {
     return (
-        <div>Offers received</div>
+        <div className='bg-[#13142a]  lg:flex-row flex-col p-4 rounded-2xl'>
+
+            <div>All Listings</div>
+
+            <div className="flex flex-wrap space-y-2 md:*:my-2 space-x-3">
+                {cards.map((card, index) => {
+                    return (
+                        <Card
+                            listed={card.listed}
+                            offered={card.offered}
+                            received={card.received}
+                            ongoing={card.ongoing}
+                            title={card.title}
+                            subTitle={card.subTitle}
+                            src={card.src}
+                            key={index}
+                        />
+                    );
+                })}
+            </div>
+        </div>
+
     )
 }