From 2e35c98abe4d88dcb53935efef716d0ead77026f Mon Sep 17 00:00:00 2001
From: Sewmina <sewmina7@gmail.com>
Date: Sun, 8 Jun 2025 22:13:10 +0530
Subject: [PATCH] buy button

---
 src/components/Header.tsx | 21 +++++++++++++++++++--
 src/shared/constants.ts   |  3 ++-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 1a8024f..a1a0672 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -4,7 +4,7 @@ import Image from "next/image";
 import { FaTelegram, FaXTwitter } from "react-icons/fa6";
 import { useState } from "react";
 import PrivyButton from "./PrivyButton";
-import { URL_TELEGRAM, URL_TWITTER, URL_WHITEPAPER } from "@/shared/constants";
+import { URL_TELEGRAM, URL_TWITTER, URL_WHITEPAPER, URL_BUY_DUELFI } from "@/shared/constants";
 import SupportModal from "./SupportModal";
 
 export default function Header() {
@@ -32,7 +32,7 @@ export default function Header() {
         </div>
 
         {/* Navigation Links (hidden on mobile, visible on md+) */}
-        <nav className="hidden md:flex gap-6 ml-6">
+        <nav className="hidden md:flex gap-6 ml-6 items-center">
           <a
             href={URL_WHITEPAPER}
             target="_blank"
@@ -47,6 +47,14 @@ export default function Header() {
           >
             Support
           </button>
+          <a
+            href={URL_BUY_DUELFI}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-white transition-colors duration-[500ms] hover:text-[rgb(248,144,22)] border border-[rgb(248,144,22)] rounded-full px-4 py-1"
+          >
+            Buy $DuelFi
+          </a>
         </nav>
 
         {/* Spacer (for centering) */}
@@ -157,6 +165,15 @@ export default function Header() {
               >
                 Support
               </button>
+              <a
+                href={URL_BUY_DUELFI}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-white transition-colors duration-[500ms] hover:text-[rgb(248,144,22)] border border-[rgb(248,144,22)] rounded-full px-4 py-1 inline-block"
+                onClick={() => setIsDrawerOpen(false)}
+              >
+                Buy $DuelFi
+              </a>
 
               {/* Socials */}
               <a
diff --git a/src/shared/constants.ts b/src/shared/constants.ts
index b7208be..d189c79 100644
--- a/src/shared/constants.ts
+++ b/src/shared/constants.ts
@@ -7,4 +7,5 @@ export const CONFIRMATION_THRESHOLD:Commitment = 'finalized';
 
 export const URL_TELEGRAM = "https://t.me/duelfidotio";
 export const URL_TWITTER = "https://x.com/duelfidotio";
-export const URL_WHITEPAPER = "https://duelfi-io.gitbook.io/whitepaper";
\ No newline at end of file
+export const URL_WHITEPAPER = "https://duelfi-io.gitbook.io/whitepaper";
+export const URL_BUY_DUELFI = "https://game.com/en/FiQBQdASK3AJVZfE7Nc5KwHvQiTd8YepsHAexopPF1eS?code=E2YC2";
\ No newline at end of file