From 36cff9de002218a9b141e20f6386fc401207c11b Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Sun, 18 Jan 2026 07:40:28 +0530
Subject: [PATCH] refactor: update agent dashboard UI for status buttons and
 contact info, restyle specialization card button, and adjust footer
 background color.

---
 .../component/SpecializationCard.tsx          |  2 +-
 src/app/(agent)/agent/dashboard/page.tsx      | 38 +++++++++----------
 src/components/layout/Footer.tsx              |  2 +-
 3 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/app/(agent)/agent/dashboard/component/SpecializationCard.tsx b/src/app/(agent)/agent/dashboard/component/SpecializationCard.tsx
index 6c4e706..ddf2460 100644
--- a/src/app/(agent)/agent/dashboard/component/SpecializationCard.tsx
+++ b/src/app/(agent)/agent/dashboard/component/SpecializationCard.tsx
@@ -20,7 +20,7 @@ export function SpecializationCard({ title, items, icon }: SpecializationCardPro
           </p>
         ))}
       </div>
-      <button className="mt-4 inline-flex items-center gap-1 text-[#e58625] text-xs font-medium hover:opacity-80 transition-opacity">
+      <button className="mt-4 inline-flex items-center gap-1 px-4 py-1.5 border border-[#e58625] rounded-full text-[#e58625] text-xs font-medium hover:bg-[#e58625]/5 transition-colors">
         Show More
         <Image
           src="/assets/icons/chevron-down-icon.svg"
diff --git a/src/app/(agent)/agent/dashboard/page.tsx b/src/app/(agent)/agent/dashboard/page.tsx
index 0205652..76bdf52 100644
--- a/src/app/(agent)/agent/dashboard/page.tsx
+++ b/src/app/(agent)/agent/dashboard/page.tsx
@@ -224,37 +224,37 @@ export default function AgentDashboard() {
           </div>
 
           {/* Status Buttons */}
-          <div className="space-y-2">
-            <div className="flex items-center gap-2">
-              <div className="flex items-center gap-1.5">
-                <span className="w-2 h-2 bg-green-500 rounded-full" />
-                <span className="text-sm text-[#00293d]">Available.</span>
+          <div className="w-full space-y-2">
+            <div className="flex items-center border border-[#00293d]/10 rounded-[15px] h-[50px] px-4">
+              <div className="flex items-center gap-2 flex-1">
+                <span className="w-3 h-3 bg-green-500 rounded-full" />
+                <span className="text-sm font-bold text-[#00293d]">Available.</span>
               </div>
-              <button className="px-4 py-1.5 bg-[#5ba4a4] text-white text-sm rounded-full hover:bg-[#4a9393] transition-colors">
+              <button className="px-5 py-1.5 bg-[#e58625] text-white text-sm rounded-[15px] hover:bg-[#d47720] transition-colors">
                 Connect
               </button>
             </div>
-            <div className="flex items-center gap-2">
-              <div className="flex items-center gap-1.5">
-                <span className="w-2 h-2 bg-white border border-gray-400 rounded-full" />
-                <span className="text-sm text-[#00293d]">Unavailable.</span>
+            <div className="flex items-center border border-[#00293d]/10 rounded-[15px] h-[50px] px-4">
+              <div className="flex items-center gap-2 flex-1">
+                <span className="w-3 h-3 bg-white border border-gray-400 rounded-full" />
+                <span className="text-sm font-bold text-[#00293d]">Unavailable.</span>
               </div>
-              <button className="px-4 py-1.5 bg-[#5ba4a4] text-white text-sm rounded-full hover:bg-[#4a9393] transition-colors">
+              <button className="px-5 py-1.5 bg-[#00293d] text-white text-sm rounded-[15px] hover:bg-[#001d2b] transition-colors">
                 Connect
               </button>
             </div>
           </div>
 
           {/* Contact Info */}
-          <div className="space-y-2 pt-2">
-            <div className="flex items-center gap-2 text-sm">
-              <span className="font-bold text-[#00293d]">Email:</span>
-              <span className="text-[#00293d]">*****brian@gmail.com</span>
+          <div className="w-full border border-[#00293d]/10 rounded-[15px] p-4 mt-2">
+            <div className="flex items-center gap-2 mb-2">
+              <span className="font-bold text-[#00293d] text-sm">Email:</span>
+              <span className="text-[#00293d] text-sm font-serif">*****brian@gmail.com</span>
             </div>
-            <div className="flex items-center gap-2 text-sm">
-              <span className="font-bold text-[#00293d]">Ph.No:</span>
-              <span className="text-[#00293d]">{agentData.phone}</span>
-              <button className="p-1 hover:bg-gray-100 rounded">
+            <div className="flex items-center gap-2">
+              <span className="font-bold text-[#00293d] text-sm">Ph.No:</span>
+              <span className="text-[#00293d] text-sm font-serif">{agentData.phone}</span>
+              <button className="p-1 hover:bg-gray-100 rounded ml-auto">
                 <Image
                   src="/assets/icons/edit-pencil-icon.svg"
                   alt="Edit phone"
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index 3566bac..06b1b31 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -87,7 +87,7 @@ const socialLinks = [
 
 export function Footer() {
   return (
-    <footer className="bg-[#8fa9a8] text-[#00293d]">
+    <footer className="bg-[#648188] text-[#00293d]">
       {/* Main Footer Content */}
       <div className="max-w-7xl mx-auto px-6 py-12">
         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12">