diff --git a/apps/helix/src/routes/error.tsx b/apps/helix/src/routes/error.tsx
index d62b40fe..340cf2f0 100644
--- a/apps/helix/src/routes/error.tsx
+++ b/apps/helix/src/routes/error.tsx
@@ -5,7 +5,7 @@ export default function Error() {
   // console.error(error);
 
   return (
-    <main className="app-main flex flex-col items-center justify-center  gap-5">
+    <main className="flex h-screen flex-col items-center justify-center gap-5">
       <h1 className="font-bold">Oops!</h1>
       <p>Sorry, an unexpected error has occurred.</p>
       <p>
diff --git a/apps/helix/src/routes/not-found.tsx b/apps/helix/src/routes/not-found.tsx
index 60f6cee7..851c9f6e 100644
--- a/apps/helix/src/routes/not-found.tsx
+++ b/apps/helix/src/routes/not-found.tsx
@@ -1,17 +1,5 @@
-import { Link } from "react-router-dom";
+import { Navigate } from "react-router-dom";
 
 export default function NotFound() {
-  return (
-    <>
-      <main className="app-main flex items-center justify-center">
-        <div className="gap-medium flex w-fit flex-col items-start">
-          <h2 className="text-base font-medium text-white">Not Found !</h2>
-          <p className="text-sm font-normal text-white">Could not find requested resource</p>
-          <Link to="/" className="text-primary text-sm font-normal hover:underline">
-            Return Home
-          </Link>
-        </div>
-      </main>
-    </>
-  );
+  return <Navigate to="/" replace />;
 }
diff --git a/apps/helixbox-app/.env.mainnet b/apps/helixbox-app/.env.mainnet
index a62dabbe..9559488b 100644
--- a/apps/helixbox-app/.env.mainnet
+++ b/apps/helixbox-app/.env.mainnet
@@ -1,2 +1,2 @@
-VITE_GRAPHQL_ENDPOINT=https://apollo.helixbridge.app/graphql
+VITE_GRAPHQL_ENDPOINT=https://apollo.helix.box/graphql
 VITE_NETWORK_TYPE=mainnet
diff --git a/apps/helixbox-app/.env.testnet b/apps/helixbox-app/.env.testnet
index 104031b3..642ce135 100644
--- a/apps/helixbox-app/.env.testnet
+++ b/apps/helixbox-app/.env.testnet
@@ -1,2 +1,2 @@
-VITE_GRAPHQL_ENDPOINT=https://apollo-test.helixbridge.app/graphql
+VITE_GRAPHQL_ENDPOINT=https://apollo-test.helix.box/graphql
 VITE_NETWORK_TYPE=testnet
diff --git a/apps/helixbox-app/src/components/footer.tsx b/apps/helixbox-app/src/components/footer.tsx
index ba4ae5ef..88c76a6e 100644
--- a/apps/helixbox-app/src/components/footer.tsx
+++ b/apps/helixbox-app/src/components/footer.tsx
@@ -33,17 +33,17 @@ function Links() {
 
   useEffect(() => {
     if (window.location.hostname === "app.helix.box") {
-      setNetwork((prev) => ({ ...prev, label: "Testnet", path: "https://testnet.app.helix.box" }));
-    } else if (window.location.hostname === "testnet.app.helix.box") {
+      setNetwork((prev) => ({ ...prev, label: "Testnet", path: "https://testnet-app.helix.box" }));
+    } else if (window.location.hostname === "testnet-app.helix.box") {
       setNetwork((prev) => ({ ...prev, label: "Mainnet", path: "https://app.helix.box" }));
-    } else if (window.location.hostname === "helix-stg-mainnet.vercel.app") {
-      setNetwork((prev) => ({ ...prev, label: "Testnet", path: "https://helix-stg-testnet.vercel.app" }));
-    } else if (window.location.hostname === "helix-stg-testnet.vercel.app") {
-      setNetwork((prev) => ({ ...prev, label: "Mainnet", path: "https://helix-stg-mainnet.vercel.app" }));
-    } else if (window.location.hostname === "helix-dev-mainnet.vercel.app") {
-      setNetwork((prev) => ({ ...prev, label: "Testnet", path: "https://helix-dev-testnet.vercel.app" }));
-    } else if (window.location.hostname === "helix-dev-testnet.vercel.app") {
-      setNetwork((prev) => ({ ...prev, label: "Mainnet", path: "https://helix-dev-mainnet.vercel.app" }));
+    } else if (window.location.hostname === "helixbox-stg-mainnet.vercel.app") {
+      setNetwork((prev) => ({ ...prev, label: "Testnet", path: "https://helixbox-stg-testnet.vercel.app" }));
+    } else if (window.location.hostname === "helixbox-stg-testnet.vercel.app") {
+      setNetwork((prev) => ({ ...prev, label: "Mainnet", path: "https://helixbox-stg-mainnet.vercel.app" }));
+    } else if (window.location.hostname === "helixbox-dev-mainnet.vercel.app") {
+      setNetwork((prev) => ({ ...prev, label: "Testnet", path: "https://helixbox-dev-testnet.vercel.app" }));
+    } else if (window.location.hostname === "helixbox-dev-testnet.vercel.app") {
+      setNetwork((prev) => ({ ...prev, label: "Mainnet", path: "https://helixbox-dev-mainnet.vercel.app" }));
     } else {
       setNetwork((prev) => ({ ...prev, label: "", path: "" }));
     }
diff --git a/apps/helixbox-app/src/routes/not-found.tsx b/apps/helixbox-app/src/routes/not-found.tsx
index 60f6cee7..851c9f6e 100644
--- a/apps/helixbox-app/src/routes/not-found.tsx
+++ b/apps/helixbox-app/src/routes/not-found.tsx
@@ -1,17 +1,5 @@
-import { Link } from "react-router-dom";
+import { Navigate } from "react-router-dom";
 
 export default function NotFound() {
-  return (
-    <>
-      <main className="app-main flex items-center justify-center">
-        <div className="gap-medium flex w-fit flex-col items-start">
-          <h2 className="text-base font-medium text-white">Not Found !</h2>
-          <p className="text-sm font-normal text-white">Could not find requested resource</p>
-          <Link to="/" className="text-primary text-sm font-normal hover:underline">
-            Return Home
-          </Link>
-        </div>
-      </main>
-    </>
-  );
+  return <Navigate to="/" replace />;
 }
diff --git a/apps/helixbox-home/public/images/close.svg b/apps/helixbox-home/public/images/close.svg
new file mode 100644
index 00000000..d1e4f322
--- /dev/null
+++ b/apps/helixbox-home/public/images/close.svg
@@ -0,0 +1,6 @@
+<svg t="1693284727971" class="icon" viewBox="0 0 1024 1024" version="1.1"
+  xmlns="http://www.w3.org/2000/svg" p-id="2610" width="32" height="32">
+  <path
+    d="M579.888 512l190.064-190.064a48 48 0 0 0-67.888-67.872L512 444.112 321.936 254.064a48 48 0 1 0-67.872 67.872L444.112 512 254.064 702.064a48 48 0 1 0 67.872 67.872L512 579.888l190.064 190.064a48 48 0 0 0 67.872-67.888L579.888 512z"
+    fill="#ffffff" p-id="2611"></path>
+</svg>
diff --git a/apps/helixbox-home/src/components/homepage-header.tsx b/apps/helixbox-home/src/components/homepage-header.tsx
index 40c27ca1..879f41db 100644
--- a/apps/helixbox-home/src/components/homepage-header.tsx
+++ b/apps/helixbox-home/src/components/homepage-header.tsx
@@ -21,7 +21,7 @@ const navigations: (
 export default function HomepageHeader() {
   return (
     <div className="fixed left-0 top-0 z-40 flex h-[50px] w-full items-center justify-between px-[20px] backdrop-blur-lg lg:h-[64px] lg:px-[60px]">
-      <Link to="/" className="transition-transform hover:scale-105">
+      <Link to="/">
         <img alt="Helixbox logo" src="images/logo.svg" className="h-[20px] w-[106.64px] lg:h-[26px] lg:w-[138.84px]" />
       </Link>
 
diff --git a/apps/helixbox-home/src/components/homepage-products/index.tsx b/apps/helixbox-home/src/components/homepage-products/index.tsx
index 20f74bf0..0c63e12e 100644
--- a/apps/helixbox-home/src/components/homepage-products/index.tsx
+++ b/apps/helixbox-home/src/components/homepage-products/index.tsx
@@ -16,7 +16,7 @@ export default function HomepageProducts() {
           <Mobile key={product.title} {...product} />
         ))}
       </div>
-      <div className="relative hidden items-center justify-center lg:flex">
+      <div className="relative hidden scale-90 items-center justify-center lg:flex 2xl:scale-100">
         <AnimatedVideo video={video} />
 
         <div className="absolute -top-[94px] left-[50%] -translate-x-[50%]">
diff --git a/apps/helixbox-home/tailwind.config.js b/apps/helixbox-home/tailwind.config.js
index b895ce0d..10472556 100644
--- a/apps/helixbox-home/tailwind.config.js
+++ b/apps/helixbox-home/tailwind.config.js
@@ -22,10 +22,10 @@ export default {
       maxWidth: {
         "8xl": "90rem",
       },
-      screens: {
-        xl: "1200px",
-        "2xl": "1200px",
-      },
+      // screens: {
+      //   xl: "1200px",
+      //   "2xl": "1200px",
+      // },
       keyframes: {
         "scroll-to-bottom": {
           "0%": { top: "1lh" },