diff --git a/README.md b/README.md
index 874ea75..e90e4c5 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@ This is a white label template for [hns.id](https://hns.id). You can fork and mo
## Customization
-Basic customization are in the [`constants.js`](./src/constants.js) file and the [`src/assets`](./src/assets/) folder, more specifically `avatar.png` and `brand.png`, as well as `public/favicon.svg`.
+Basic customization are in the [`constants.js`](./src/constants.js) file and the [`src/assets`](./src/assets/) folder, more specifically `avatar.png` and `brand.png`, as well as `public/favicon.png`.
For more advanced customization, any component can be updated.
diff --git a/index.html b/index.html
index 15820c7..820041c 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
-
+
.det0x
diff --git a/nixpacks.json b/nixpacks.json
index 40a2a2e..f8a6d9d 100644
--- a/nixpacks.json
+++ b/nixpacks.json
@@ -4,49 +4,49 @@
],
"buildImage": "ghcr.io/railwayapp/nixpacks:ubuntu-1731369831",
"variables": {
- "CI": "true",
- "NIXPACKS_METADATA": "node",
- "NODE_ENV": "production",
- "NPM_CONFIG_PRODUCTION": "false"
+ "CI": "true",
+ "NIXPACKS_METADATA": "node",
+ "NODE_ENV": "production",
+ "NPM_CONFIG_PRODUCTION": "false"
},
"phases": {
- "build": {
- "dependsOn": [
- "install"
- ],
- "cmds": [
- "yarn run build"
- ],
- "cacheDirectories": [
- "node_modules/.cache"
- ]
- },
- "install": {
- "dependsOn": [
- "setup"
- ],
- "cmds": [
- "yarn install --frozen-lockfile"
- ],
- "cacheDirectories": [
- "/usr/local/share/.cache/yarn/v6"
- ],
- "paths": [
- "/app/node_modules/.bin"
- ]
- },
- "setup": {
- "nixPkgs": [
- "nodejs_18",
- "yarn-1_x"
- ],
- "nixOverlays": [
- "https://github.com/railwayapp/nix-npm-overlay/archive/main.tar.gz"
- ],
- "nixpkgsArchive": "e05605ec414618eab4a7a6aea8b38f6fbbcc8f08"
- }
+ "build": {
+ "dependsOn": [
+ "install"
+ ],
+ "cmds": [
+ "yarn run build"
+ ],
+ "cacheDirectories": [
+ "node_modules/.cache"
+ ]
+ },
+ "install": {
+ "dependsOn": [
+ "setup"
+ ],
+ "cmds": [
+ "yarn install --frozen-lockfile"
+ ],
+ "cacheDirectories": [
+ "/usr/local/share/.cache/yarn/v6"
+ ],
+ "paths": [
+ "/app/node_modules/.bin"
+ ]
+ },
+ "setup": {
+ "nixPkgs": [
+ "nodejs_18",
+ "yarn-1_x"
+ ],
+ "nixOverlays": [
+ "https://github.com/railwayapp/nix-npm-overlay/archive/main.tar.gz"
+ ],
+ "nixpkgsArchive": "e05605ec414618eab4a7a6aea8b38f6fbbcc8f08"
+ }
},
"start": {
"cmd": "yarn dev --host"
}
- }
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/public/.well-known/walletconnect.txt b/public/.well-known/walletconnect.txt
new file mode 100644
index 0000000..cc000b4
--- /dev/null
+++ b/public/.well-known/walletconnect.txt
@@ -0,0 +1 @@
+4bffdb36-27b0-4ed3-9322-a9ce9d2a91b4=9164cf1a58fe0955a425e2ab1b73204c06b28fc403505e08439c8847a4117415
\ No newline at end of file
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..3ced24c
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/favicon.svg b/public/favicon.svg
index 7db378e..198bb38 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1,3 +1,1062 @@
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/assets/avatar.png b/src/assets/avatar.png
new file mode 100644
index 0000000..3ced24c
Binary files /dev/null and b/src/assets/avatar.png differ
diff --git a/src/assets/avatar.svg b/src/assets/avatar.svg
index ca8dc86..198bb38 100644
--- a/src/assets/avatar.svg
+++ b/src/assets/avatar.svg
@@ -1,18 +1,1062 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/assets/brand.png b/src/assets/brand.png
index c1cdbe6..62e5552 100644
Binary files a/src/assets/brand.png and b/src/assets/brand.png differ
diff --git a/src/assets/hns.id.png b/src/assets/hns.id.png
index e93089c..38a9b1a 100644
Binary files a/src/assets/hns.id.png and b/src/assets/hns.id.png differ
diff --git a/src/components/CustomAvatar.jsx b/src/components/CustomAvatar.jsx
index 82f6ab0..2e7a259 100644
--- a/src/components/CustomAvatar.jsx
+++ b/src/components/CustomAvatar.jsx
@@ -1,5 +1,5 @@
import PropTypes from 'prop-types';
-import defaultAvatar from '../assets/avatar.svg';
+import defaultAvatar from '../assets/avatar.png';
import { usePrimaryName } from '../hooks/usePrimaryName';
export const CustomAvatar = ({ size }) => {
diff --git a/src/components/button/ConnectButton.jsx b/src/components/button/ConnectButton.jsx
index 4291c1d..a938f28 100644
--- a/src/components/button/ConnectButton.jsx
+++ b/src/components/button/ConnectButton.jsx
@@ -1,7 +1,7 @@
import PropTypes from 'prop-types';
import { ConnectButton as RainbowBtn } from '@rainbow-me/rainbowkit';
import { Button } from './Button';
-import defaultAvatar from '../../assets/avatar.svg';
+import defaultAvatar from '../../assets/avatar.png';
import { usePrimaryName } from '../../hooks/usePrimaryName';
const Custom = ({
diff --git a/src/index.css b/src/index.css
index b5c61c9..a484ea8 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,3 +1,20 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
+
+body {
+ background-color: #070d49ff;
+ color: #ffb614ff;
+ font-family: "Raleway";
+}
+.font-inter {
+ font-family: "Raleway";
+}
+
+.text-neutral-500 {
+ color: #ffb614ff;
+}
+
+.text-neutral-950 {
+ color: #ffffff;
+}
\ No newline at end of file