From 69c160ab5a05274d98422f1b6cc4e000be526883 Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Sun, 8 Mar 2026 01:58:49 +0530
Subject: [PATCH] feat: Replace login/signup text links with a profile icon in
 the common header.

---
 .../icons/profile-circle-orange-icon.svg      |  4 ++++
 src/components/layout/CommonHeader.tsx        | 22 +++++++------------
 2 files changed, 12 insertions(+), 14 deletions(-)
 create mode 100644 public/assets/icons/profile-circle-orange-icon.svg

diff --git a/public/assets/icons/profile-circle-orange-icon.svg b/public/assets/icons/profile-circle-orange-icon.svg
new file mode 100644
index 0000000..e1b81ae
--- /dev/null
+++ b/public/assets/icons/profile-circle-orange-icon.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.3385 12.0052C21.3385 13.4197 20.7766 14.7763 19.7764 15.7764C18.7763 16.7766 17.4197 17.3385 16.0052 17.3385C14.5907 17.3385 13.2342 16.7766 12.234 15.7764C11.2338 14.7763 10.6719 13.4197 10.6719 12.0052C10.6719 10.5907 11.2338 9.23417 12.234 8.23397C13.2342 7.23378 14.5907 6.67188 16.0052 6.67188C17.4197 6.67188 18.7763 7.23378 19.7764 8.23397C20.7766 9.23417 21.3385 10.5907 21.3385 12.0052ZM18.6719 12.0052C18.6719 12.7125 18.3909 13.3907 17.8908 13.8908C17.3907 14.3909 16.7125 14.6719 16.0052 14.6719C15.298 14.6719 14.6197 14.3909 14.1196 13.8908C13.6195 13.3907 13.3385 12.7125 13.3385 12.0052C13.3385 11.298 13.6195 10.6197 14.1196 10.1196C14.6197 9.61949 15.298 9.33854 16.0052 9.33854C16.7125 9.33854 17.3907 9.61949 17.8908 10.1196C18.3909 10.6197 18.6719 11.298 18.6719 12.0052Z" fill="#E58625"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0026 1.33594C7.90261 1.33594 1.33594 7.90261 1.33594 16.0026C1.33594 24.1026 7.90261 30.6693 16.0026 30.6693C24.1026 30.6693 30.6693 24.1026 30.6693 16.0026C30.6693 7.90261 24.1026 1.33594 16.0026 1.33594ZM4.0026 16.0026C4.0026 18.7893 4.95327 21.3546 6.5466 23.3919C7.66586 21.9228 9.10948 20.7321 10.7648 19.9129C12.4201 19.0937 14.2423 18.6681 16.0893 18.6693C17.9124 18.6671 19.712 19.0814 21.3508 19.8804C22.9895 20.6795 24.4242 21.8422 25.5453 23.2799C26.7005 21.7647 27.4784 19.9962 27.8145 18.1207C28.1505 16.2452 28.0352 14.3167 27.4779 12.4946C26.9207 10.6725 25.9376 9.00934 24.6099 7.64265C23.2823 6.27597 21.6483 5.24508 19.8431 4.63528C18.038 4.02548 16.1135 3.8543 14.2291 4.1359C12.3446 4.4175 10.5543 5.14379 9.0063 6.25468C7.45827 7.36556 6.19702 8.8291 5.32691 10.5242C4.4568 12.2193 4.00285 14.0972 4.0026 16.0026ZM16.0026 28.0026C13.2478 28.0071 10.5761 27.0594 8.43994 25.3199C9.29969 24.0888 10.4442 23.0835 11.776 22.3899C13.1079 21.6962 14.5876 21.3346 16.0893 21.3359C17.5722 21.3346 19.034 21.6872 20.3533 22.3644C21.6725 23.0415 22.8112 24.0237 23.6746 25.2293C21.5219 27.0253 18.8061 28.007 16.0026 28.0026Z" fill="#E58625"/>
+</svg>
diff --git a/src/components/layout/CommonHeader.tsx b/src/components/layout/CommonHeader.tsx
index 63ab3fb..b68c4b7 100644
--- a/src/components/layout/CommonHeader.tsx
+++ b/src/components/layout/CommonHeader.tsx
@@ -319,20 +319,14 @@ export function CommonHeader() {
               </div>
             </>
           ) : (
-            <div className="flex items-center gap-3">
-              <Link
-                href="/login"
-                className="font-fractul font-bold text-[14px] text-[#00293D] hover:text-[#e58625] transition-colors"
-              >
-                Login
-              </Link>
-              <Link
-                href="/signup"
-                className="bg-[#e58625] text-[#00293D] px-4 py-2 rounded-[15px] font-fractul font-bold text-[14px] hover:bg-[#d47720] transition-colors"
-              >
-                Sign Up
-              </Link>
-            </div>
+            <Link href="/login" className="hover:opacity-80 transition-opacity">
+              <Image
+                src="/assets/icons/profile-circle-orange-icon.svg"
+                alt="Login"
+                width={32}
+                height={32}
+              />
+            </Link>
           )}
 
           {/* Mobile Menu Button */}