diff --git a/public/assets/icons/agents-tab-icon-orange.svg b/public/assets/icons/agents-tab-icon-orange.svg new file mode 100644 index 0000000..2523e71 --- /dev/null +++ b/public/assets/icons/agents-tab-icon-orange.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/assets/icons/agents-tab-icon.svg b/public/assets/icons/agents-tab-icon.svg index 1c170f0..30501c3 100644 --- a/public/assets/icons/agents-tab-icon.svg +++ b/public/assets/icons/agents-tab-icon.svg @@ -1,3 +1,12 @@ - - + + + + + + + + + + + diff --git a/public/assets/icons/lenders-tab-icon-orange.svg b/public/assets/icons/lenders-tab-icon-orange.svg new file mode 100644 index 0000000..fac0413 --- /dev/null +++ b/public/assets/icons/lenders-tab-icon-orange.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/icons/lenders-tab-icon.svg b/public/assets/icons/lenders-tab-icon.svg index 99eb38d..d459209 100644 --- a/public/assets/icons/lenders-tab-icon.svg +++ b/public/assets/icons/lenders-tab-icon.svg @@ -1,3 +1,3 @@ - + diff --git a/src/components/home/TopProfessionals.tsx b/src/components/home/TopProfessionals.tsx index 0a62aef..df62139 100644 --- a/src/components/home/TopProfessionals.tsx +++ b/src/components/home/TopProfessionals.tsx @@ -193,44 +193,42 @@ export function TopProfessionals() { {/* Tabs Container */} - + {/* Agents Tab */} setActiveTab('agents')} - className={`flex items-center gap-2 px-8 py-3 rounded-[15px] font-serif font-semibold text-[17px] transition-all ${ + className={`flex items-center gap-2 px-10 py-3 rounded-[5px] font-serif font-semibold text-[17px] transition-all ${ activeTab === 'agents' ? 'bg-[#00293d] text-[#f0f5fc]' - : 'bg-transparent text-[#00293d] hover:bg-gray-100' + : 'border border-[#00293d]/20 text-[#00293d] hover:bg-gray-50' }`} > Agents {/* Divider */} - + {/* Lenders Tab */} setActiveTab('lenders')} - className={`flex items-center gap-2 px-8 py-3 rounded-[15px] font-serif font-semibold text-[17px] transition-all ${ + className={`flex items-center gap-2 px-10 py-3 rounded-[5px] font-serif font-semibold text-[17px] transition-all ${ activeTab === 'lenders' ? 'bg-[#00293d] text-[#f0f5fc]' - : 'bg-transparent text-[#00293d] hover:bg-gray-100' + : 'border border-[#00293d]/20 text-[#00293d] hover:bg-gray-50' }`} > Lenders @@ -253,7 +251,12 @@ export function TopProfessionals() { ))} {/* CTA Sidebar Card */} - + {/* Building Icon */}