fix(links): update the links url

dcdao · Jul 6, 2024 · 6fadb49 · 6fadb49
1 parent 7cb2f6f
commit 6fadb49
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 23 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -67,6 +67,7 @@ function App() {
           alt="dcdao nft"
         />
         <a
+          target="_blank"
           href="https://darwinia.network/"
           className="hidden lg:block w-[10vw] h-[4vw] text-center cursor-pointer border-[#FF0084] text-[#ff0084] border-solid border-[4px] absolute rotate-[-90deg] left-[2vw] text-[2vw] hover:bg-white hover:border-white hover:text-black duration-300"
         >

diff --git a/src/components/Header.jsx b/src/components/Header.jsx
@@ -1,36 +1,33 @@
 // eslint-disable-next-line react/prop-types
-export default function Header({ setIndex }) {
+export default function Header() {
   return (
     <div className="flex items-center flex-shrink-0 justify-between px-[30px] lg:px-0 lg:justify-center lg:absolute top-0 right-0 left-0 lg:m-auto w-[100vw] lg:w-[50vw] h-[80px] lg:h-[6vw] gap-[30px] lg:gap-[3vw] z-20 bg-[#0A0A0A] shadow-[0_0_40px_20px_rgba(255,255,255,0.1)] lg:shadow-[0_0_20px_10px_rgba(0,0,0,0.1)] lg:bg-[rgba(255,255,255,0.98)]">
       <img
         className="lg:hidden w-[60px] h-[60px] object-contain"
         src="/images/DCDAO.png"
         alt="Logo"
       />
-      <p
+      <a
+        target="_blank"
+        href="https://t.me/DarwiniaNetwork"
         className="block text-[16px] lg:text-[1.2vw] font-bold text-white lg:text-black cursor-pointer lg:hover:text-[#ff0084] duration-300 after:block lg:after:content-[''] after:bg-[#FF0084] after:w-full after:h-[2px] after:scale-x-0 hover:after:scale-x-[1] after:duration-300"
-        onClick={() => {
-          setIndex(0);
-        }}
       >
         Join
-      </p>
-      <p
+      </a>
+      <a
+        target="_blank"
+        href="https://github.com/dcdao"
         className="hidden lg:block text-[16px] lg:text-[1.2vw] font-bold text-white lg:text-black cursor-pointer lg:hover:text-[#ff0084] duration-300 after:block lg:after:content-[''] after:bg-[#FF0084] after:w-full after:h-[2px] after:scale-x-0 hover:after:scale-x-[1] after:duration-300"
-        onClick={() => {
-          setIndex(1);
-        }}
       >
         Github
-      </p>
-      <p
+      </a>
+      <a
+        target="_blank"
+        href="https://t.me/DarwiniaNetwork"
         className="hidden lg:block text-[16px] lg:text-[1.2vw] font-bold text-white lg:text-black cursor-pointer lg:hover:text-[#ff0084] duration-300 after:block lg:after:content-[''] after:bg-[#FF0084] after:w-full after:h-[2px] after:scale-x-0 hover:after:scale-x-[1] after:duration-300"
-        onClick={() => {
-          setIndex(2);
-        }}
       >
         Telegram
-      </p>
+      </a>
     </div>
   );
 }
diff --git a/src/components/leftPart.jsx b/src/components/leftPart.jsx
@@ -40,16 +40,18 @@ export default function LeftPart({ index }) {
           <br />
         </h2>
         {/* <div className="w-[40vw] h-[2px] bg-[rgba(0,0,0,0.4)]"></div> */}
-        <button
+        <a
+          target="_blank"
+          href="https://darwinia.network/"
           style={{
             transform: index === 0 ? "translateY(0)" : "translateY(200%)",
             opacity: index === 0 ? 1 : 0,
             transitionDelay: index === 0 ? "0.5s" : "0.3s",
           }}
-          className="w-[9vw] h-[3vw] text-white text-[1.2vw] font-bold bg-[#ff0084] duration-300 rounded-[1.5vw]"
+          className="flex justify-center items-center cursor-pointer w-[9vw] h-[3vw] text-white text-[1.2vw] font-bold bg-[#ff0084] duration-300 rounded-[1.5vw]"
         >
           Join Us
-        </button>
+        </a>
         <div className="w-[40vw] h-[2px] bg-[rgba(0,0,0,0.4)]"></div>
       </div>
       {/* <div className="w-full h-[100vh] flex-shrink-0 p-[3vw] pt-[6vw] flex flex-col justify-center items-center gap-[2vw]"></div> */}
@@ -101,7 +103,7 @@ export default function LeftPart({ index }) {
               className="w-[4vw] h-[4vw] rounded-full shadow-[0_0_20px_0_rgba(0,0,0,0.4)] hover:scale-[1.1] duration-500"
             />
           </a>
-          <a href="https://github.com/darwinia-network" target="_blank">
+          <a href="https://github.com/dcdao" target="_blank">
             <img
               src="/icons/Github.svg"
               alt="Github"

diff --git a/src/components/mobileContent.jsx b/src/components/mobileContent.jsx
@@ -15,9 +15,13 @@ export default function MobileContent() {
           className="w-[250px] h-[250px] object-cover m-auto animate-loop-rotate rounded-full my-[30px]"
           alt="dcdao nft"
         />
-        <button className="w-[180px] h-[60px] text-white text-[24px] font-bold bg-[#FF0084] rounded-[30px]">
+        <a
+          target="_blank"
+          href="https://darwinia.network/"
+          className="w-[180px] h-[60px] flex justify-center items-center text-white text-[24px] font-bold bg-[#FF0084] rounded-[30px]"
+        >
           Join Us
-        </button>
+        </a>
         <div className="w-[80vw] h-[2px] bg-[rgba(255,255,255,0.4)] my-[2vh] flex-shrink-0"></div>
         <div className="flex items-center justify-center gap-[20px] duration-500">
           <a href="https://twitter.com/DarwiniaNetwork" target="_blank">
@@ -44,7 +48,11 @@ export default function MobileContent() {
         </div>
         <h3 className="text-[18px] text-[rgba(255,255,255,0.5)] font-medium">
           Funded by{" "}
-          <a href="https://darwinia.network/" className="text-[#FF0084]">
+          <a
+            target="_blank"
+            href="https://darwinia.network/"
+            className="text-[#FF0084]"
+          >
             Darwinia.Network
           </a>
         </h3>