From e9594a754aaf567f12b586ddbdd1da3cce34b790 Mon Sep 17 00:00:00 2001
From: Sewmina <sewmina7@gmail.com>
Date: Sun, 20 Apr 2025 00:46:34 +0000
Subject: [PATCH] first view links

---
 src/components/FirstVisitModal.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/FirstVisitModal.tsx b/src/components/FirstVisitModal.tsx
index 83c8bf8..f02193a 100644
--- a/src/components/FirstVisitModal.tsx
+++ b/src/components/FirstVisitModal.tsx
@@ -1,4 +1,5 @@
 import { useEffect, useState } from "react";
+import { URL_WHITEPAPER, URL_TELEGRAM } from "../shared/constants";
 
 interface FirstVisitModalProps {
   isOpen: boolean;
@@ -43,14 +44,14 @@ export function FirstVisitModal({ isOpen, onClose }: FirstVisitModalProps) {
           </p>
           
           {[
-            { step: "New here? Check out our", desc: "Whitepaper to understand how everything works." },
-            { step: "Got questions or just wanna vibe with the squad?", desc: "Join our Telegram." },
-          ].map(({ step, desc }, index) => (
-            <div key={index}>
+            { step: "New here? Check out our", desc: "Whitepaper to understand how everything works.", link: URL_WHITEPAPER },
+            { step: "Got questions or just wanna vibe with the squad?", desc: "Join our Telegram.", link: URL_TELEGRAM },
+          ].map(({ step, desc, link }, index) => (
+            <div key={index} onClick={() => window.open(link, "_blank")}>
               <h3 className="text-[rgb(248,144,22)] font-bold text-lg">
                 {step}
               </h3>
-              <p className="text-s text-gray-400">{desc}</p>
+              <p className="text-s text-white font-bold ">{desc}</p>
             </div>
           ))}
         </div>