From f7da935e969204c57c08f90d4ec23b102eae789b Mon Sep 17 00:00:00 2001
From: Pierre Gee <pierre@cakedefi.com>
Date: Tue, 16 Jul 2024 19:21:34 +0800
Subject: [PATCH] chore(ui-ux): add banner (#1269)

* chore(ui-ux): add banner

* chore(ui-ux): add banner

* chore(ui-ux): add banner

* chore(ui-ux): add banner
---
 apps/web/src/components/Banner.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/Banner.tsx b/apps/web/src/components/Banner.tsx
index b84b0596..faac8f32 100644
--- a/apps/web/src/components/Banner.tsx
+++ b/apps/web/src/components/Banner.tsx
@@ -7,8 +7,17 @@ export default function Banner(): JSX.Element {
         <HiLockClosed size={16} />
       </div>
       <div className="pl-4">
-        {`Quantum Bridge will enter maintenance mode indefinitely, please visit
-        Birthday Research's Official Twitter account for the full information`}
+        <span className="inline-block md:inline">
+          {`Quantum Bridge will enter maintenance mode indefinitely, please visit
+          Birthday Research's Official Twitter account for the`}
+          &nbsp;
+        </span>
+        <a
+          href="https://x.com/BirthdayDev/status/1813165248980869335"
+          className="inline font-semibold text-transparent bg-clip-text bg-gradient-to-r from-[#42F9C2] to-[#082FD4]"
+        >
+          full information&nbsp;
+        </a>
       </div>
     </div>
   );