Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: refresh UI with updated SVG icons and refined typography in dashboard and footer components.

Browse Source
This commit is contained in:
pradeepkumar
2026-01-18 21:08:28 +05:30
parent 132efa70cf
commit 24a882460c
14 changed files with 69 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/assets/icons/chart-icon.svg
View File

@@ -1,4 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#e58625">
<path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z"/>
<path d="M7 12h2v5H7zm4-3h2v8h-2zm4-3h2v11h-2z"/>
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.7269 10.1329L17.7286 9.23932C17.7286 5.23772 17.7286 3.23603 16.4856 1.99302C15.2426 0.75 13.2418 0.75 9.23932 0.75C5.23772 0.75 3.23603 0.75 1.99302 1.99302C0.75 3.23603 0.75 5.23683 0.75 9.23932C0.75 13.2409 0.75 15.2426 1.99302 16.4856C3.23603 17.7286 5.23683 17.7286 9.23932 17.7286C9.71294 17.7286 10.1329 17.7269 10.1329 17.7269" stroke="#E58625" stroke-width="1.5" stroke-linecap="round"/>
<path d="M0.75 5.21875H17.7286" stroke="#E58625" stroke-width="1.5" stroke-linejoin="round"/>
<path d="M7.90258 13.262H9.243M4.32812 13.262H5.22174M7.90258 9.6875H13.2643M4.32812 9.6875H5.22174M12.3706 15.496H18.6259M15.4983 18.6236V12.3683" stroke="#E58625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 265 B

After

Width:  |  Height:  |  Size: 840 B

4
public/assets/icons/dollar-icon.svg
View File

@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#e58625">
<path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/>
<svg width="22" height="15" viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H21.4467V14.2978H0V0ZM10.7234 3.57445C11.6714 3.57445 12.5805 3.95104 13.2509 4.62138C13.9212 5.29172 14.2978 6.2009 14.2978 7.1489C14.2978 8.09691 13.9212 9.00608 13.2509 9.67642C12.5805 10.3468 11.6714 10.7234 10.7234 10.7234C9.77535 10.7234 8.86618 10.3468 8.19584 9.67642C7.5255 9.00608 7.1489 8.09691 7.1489 7.1489C7.1489 6.2009 7.5255 5.29172 8.19584 4.62138C8.86618 3.95104 9.77535 3.57445 10.7234 3.57445ZM4.76594 2.38297C4.76594 3.01497 4.51487 3.62109 4.06798 4.06798C3.62109 4.51487 3.01497 4.76594 2.38297 4.76594V9.53187C3.01497 9.53187 3.62109 9.78293 4.06798 10.2298C4.51487 10.6767 4.76594 11.2828 4.76594 11.9148H16.6808C16.6808 11.2828 16.9318 10.6767 17.3787 10.2298C17.8256 9.78293 18.4317 9.53187 19.0637 9.53187V4.76594C18.4317 4.76594 17.8256 4.51487 17.3787 4.06798C16.9318 3.62109 16.6808 3.01497 16.6808 2.38297H4.76594Z" fill="#E58625"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 466 B

After

Width:  |  Height:  |  Size: 981 B

4
public/assets/icons/heart-icon.svg
View File

@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#e58625">
<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1 15.55L10 15.65L9.89 15.55C5.14 11.24 2 8.39 2 5.5C2 3.5 3.5 2 5.5 2C7.04 2 8.54 3 9.07 4.36H10.93C11.46 3 12.96 2 14.5 2C16.5 2 18 3.5 18 5.5C18 8.39 14.86 11.24 10.1 15.55ZM14.5 0C12.76 0 11.09 0.81 10 2.08C8.91 0.81 7.24 0 5.5 0C2.42 0 0 2.41 0 5.5C0 9.27 3.4 12.36 8.55 17.03L10 18.35L11.45 17.03C16.6 12.36 20 9.27 20 5.5C20 2.41 17.58 0 14.5 0Z" fill="#E58625"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 295 B

After

Width:  |  Height:  |  Size: 486 B

4
public/assets/icons/home-icon.svg
View File

@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#e58625">
<path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
<svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 19.8682V6.62274L9.07763 0L18.1553 6.62274V19.8682H11.347V12.1417H6.80822V19.8682H0Z" fill="#E58625"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 156 B

After

Width:  |  Height:  |  Size: 217 B

5
public/assets/icons/quote-icon.svg
View File

@@ -1,3 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#e58625">
<path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/>
<svg width="23" height="13" viewBox="0 0 23 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.60641 3.53946C7.60628 2.76643 7.3343 2.01468 6.83202 1.39905C6.32973 0.78342 5.62476 0.337745 4.82479 0.130101C4.02481 -0.077544 3.1738 -0.0357434 2.40174 0.249118C1.62968 0.533979 0.97902 1.04624 0.549139 1.70766C0.119258 2.36908 -0.0662105 3.14329 0.0210616 3.91205C0.108334 4.6808 0.463549 5.40184 1.03245 5.96502C1.60135 6.5282 2.35267 6.90257 3.17164 7.03094C3.99061 7.15931 4.83221 7.03463 5.5679 6.67594C5.31362 7.55388 4.95504 8.2892 4.52582 8.87583C3.66738 10.0511 2.54272 10.6196 1.35829 10.6196C1.14215 10.6196 0.934856 10.6995 0.782019 10.8417C0.629182 10.984 0.54332 11.1769 0.54332 11.3781C0.54332 11.5793 0.629182 11.7723 0.782019 11.9145C0.934856 12.0568 1.14215 12.1367 1.35829 12.1367C3.17405 12.1367 4.76705 11.2436 5.87433 9.72949C6.97182 8.22649 7.60641 6.10549 7.60641 3.53946Z" fill="#00293D"/>
<path d="M22.0908 3.53946C22.0907 2.76643 21.8187 2.01468 21.3164 1.39905C20.8141 0.78342 20.1091 0.337745 19.3092 0.130101C18.5092 -0.077544 17.6582 -0.0357434 16.8861 0.249118C16.1141 0.533979 15.4634 1.04624 15.0335 1.70766C14.6036 2.36908 14.4182 3.14329 14.5054 3.91205C14.5927 4.6808 14.9479 5.40184 15.5168 5.96502C16.0857 6.5282 16.837 6.90257 17.656 7.03094C18.475 7.15931 19.3166 7.03463 20.0523 6.67594C19.798 7.55388 19.4394 8.2892 19.0102 8.87583C18.1518 10.0511 17.0271 10.6196 15.8427 10.6196C15.6265 10.6196 15.4192 10.6995 15.2664 10.8417C15.1136 10.984 15.0277 11.1769 15.0277 11.3781C15.0277 11.5793 15.1136 11.7723 15.2664 11.9145C15.4192 12.0568 15.6265 12.1367 15.8427 12.1367C17.6584 12.1367 19.2514 11.2436 20.3587 9.72949C21.4562 8.22649 22.0908 6.10549 22.0908 3.53946Z" fill="#00293D"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 161 B

After

Width:  |  Height:  |  Size: 1.7 KiB

2
public/assets/icons/star-filled-icon.svg
View File

@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20" fill="#e58625">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20" fill="#FFD700">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 465 B

After

Width:  |  Height:  |  Size: 465 B

4
public/assets/icons/wallet-icon.svg
View File

@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#e58625">
<path d="M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/>
<svg width="22" height="15" viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H21.4467V14.2978H0V0ZM10.7234 3.57445C11.6714 3.57445 12.5805 3.95104 13.2509 4.62138C13.9212 5.29172 14.2978 6.2009 14.2978 7.1489C14.2978 8.09691 13.9212 9.00608 13.2509 9.67642C12.5805 10.3468 11.6714 10.7234 10.7234 10.7234C9.77535 10.7234 8.86618 10.3468 8.19584 9.67642C7.5255 9.00608 7.1489 8.09691 7.1489 7.1489C7.1489 6.2009 7.5255 5.29172 8.19584 4.62138C8.86618 3.95104 9.77535 3.57445 10.7234 3.57445ZM4.76594 2.38297C4.76594 3.01497 4.51487 3.62109 4.06798 4.06798C3.62109 4.51487 3.01497 4.76594 2.38297 4.76594V9.53187C3.01497 9.53187 3.62109 9.78293 4.06798 10.2298C4.51487 10.6767 4.76594 11.2828 4.76594 11.9148H16.6808C16.6808 11.2828 16.9318 10.6767 17.3787 10.2298C17.8256 9.78293 18.4317 9.53187 19.0637 9.53187V4.76594C18.4317 4.76594 17.8256 4.51487 17.3787 4.06798C16.9318 3.62109 16.6808 3.01497 16.6808 2.38297H4.76594Z" fill="#E58625"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 333 B

After

Width:  |  Height:  |  Size: 981 B

2
src/app/(agent)/agent/dashboard/component/ExperienceSection.tsx
View File

@@ -28,7 +28,7 @@ export function ExperienceSection({ experience }: ExperienceSectionProps) {
</ul>
</div>
{/* Horizontal divider */}
<div className="w-full h-0 border-t-[0.1px] border-solid border-[#00293D]" />
<div className="w-full h-0 border-t-[0.5px] border-solid border-[#00293D]/20" />
<div>
<p className="font-fractul font-bold text-[14px] leading-[17px] text-[#00293D] mb-2">Number of contract closed</p>
<ul className="list-disc list-inside">

16
src/app/(agent)/agent/dashboard/component/SpecializationCard.tsx
View File

@@ -10,25 +10,27 @@ interface SpecializationCardProps {
export function SpecializationCard({ title, items, icon }: SpecializationCardProps) {
return (
<div className="bg-white rounded-[20px] p-6 text-center shadow-sm">
<div className="bg-white rounded-[20px] p-6 text-center flex flex-col h-full border-[0.7px] border-[#E58625]">
<div className="flex justify-center mb-3">{icon}</div>
<h4 className="font-bold text-[#00293d] text-sm mb-4 font-fractul">{title}</h4>
<div className="space-y-1">
<h4 className="font-bold text-[#00293D] text-[14px] leading-[17px] mb-4 font-fractul">{title}</h4>
<div className="flex-1">
{items.map((item, idx) => (
<p key={idx} className="text-[#00293d] text-sm font-serif">
<p key={idx} className="text-[#00293D] text-[14px] leading-[25px] font-normal font-serif text-center">
{item}
</p>
))}
</div>
<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 font-fractul">
<div className="mt-4 flex justify-center">
<button className="inline-flex items-center justify-center gap-1 h-[20px] w-[87px] border border-[#e58625] rounded-[20px] text-[#e58625] text-[10px] leading-[22px] font-bold font-serif hover:bg-[#e58625]/5 transition-colors">
Show More
<Image
src="/assets/icons/chevron-down-icon.svg"
alt="Show more"
width={12}
height={12}
width={10}
height={10}
/>
</button>
</div>
</div>
);
}

4
src/app/(agent)/agent/dashboard/component/SpecializationSection.tsx
View File

@@ -20,7 +20,7 @@ export function SpecializationSection({ specialization }: SpecializationSectionP
<div className="bg-[#e8e8e8] rounded-[20px] p-8">
<div className="text-center mb-8">
<h2 className="text-[20px] font-bold text-[#00293D] font-fractul leading-[24px]">Specialization</h2>
<p className="text-[#00293d]/70 text-sm">Area Of Expertise and Focus</p>
<p className="text-[14px] font-medium text-[#00293D] font-fractul leading-[17px]">Area Of Expertise and Focus</p>
</div>
<div className="flex flex-col lg:grid lg:grid-cols-3 gap-6 mb-6">
<SpecializationCard
@@ -78,7 +78,7 @@ export function SpecializationSection({ specialization }: SpecializationSectionP
items={specialization.pricePoints}
icon={
<Image
src="/assets/icons/dollar-icon.svg"
src="/assets/icons/wallet-icon.svg"
alt="Price Point"
width={24}
height={24}

30
src/app/(agent)/agent/dashboard/component/TestimonialCard.tsx
View File

@@ -12,28 +12,22 @@ interface TestimonialCardProps {
export function TestimonialCard({ text, author, role, rating }: TestimonialCardProps) {
return (
<div className="p-4">
<div className="flex items-start gap-3 mb-4">
<div className="w-8 h-8 rounded-full bg-[#e58625]/20 flex items-center justify-center flex-shrink-0">
<span className="text-[#e58625] text-lg font-serif">&ldquo;</span>
</div>
<p className="font-bold text-[#00293d] text-sm font-serif">I have been working with Lorem .</p>
</div>
<p className="text-[#00293d]/70 text-sm mb-4 leading-relaxed font-serif">{text}</p>
<div className="flex items-center gap-3 pt-4 border-t border-gray-100">
<div className="w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden">
<div className="p-4 border border-[#00293D]/10 rounded-[15px]">
<div className="mb-4">
<Image
src="/assets/icons/user-placeholder-icon.svg"
alt="User"
width={24}
height={24}
src="/assets/icons/quote-icon.svg"
alt="Quote"
width={23}
height={13}
className="mb-3"
/>
<p className="font-medium text-[#00293D] text-[14px] leading-[17px] font-fractul">I have been working with Lorem .</p>
</div>
<div className="flex-1">
<p className="text-[#00293D] text-[14px] leading-[19px] font-normal font-serif mb-4">{text}</p>
<div className="pt-4 border-t border-gray-100 space-y-2">
<StarRating rating={rating} />
<p className="font-bold text-[#00293d] text-sm font-serif">{author}</p>
<p className="text-[#00293d]/50 text-xs font-fractul">{role}</p>
</div>
<p className="font-normal text-[#00293D] text-[14px] leading-[17px] font-fractul">{author}</p>
<p className="font-fractul font-medium text-[14px] leading-[17px] text-[#00293D]">{role}</p>
</div>
</div>
);

5
src/app/(agent)/agent/dashboard/component/TestimonialsSection.tsx
View File

@@ -17,8 +17,9 @@ interface TestimonialsSectionProps {
export function TestimonialsSection({ testimonials }: TestimonialsSectionProps) {
return (
<div className="bg-white rounded-[20px] p-8">
<h2 className="text-xl font-bold text-[#00293d] font-serif text-center mb-2">Testimonials</h2>
<p className="text-[#00293d]/70 text-sm text-center mb-8">
<h2 className="text-[20px] font-bold text-[#00293D] font-fractul leading-[24px] text-center mb-4">Testimonials</h2>
<div className="w-full h-px bg-[#00293D]/20 mb-4" />
<p className="font-serif font-normal text-[14px] leading-[19px] text-[#00293D] text-center mb-8">
Clients rate our real estate services 4.9 out of 5 on average, based on recent client reviews.
</p>
<div className="flex flex-col lg:grid lg:grid-cols-3 gap-6">

11
src/app/(agent)/agent/dashboard/page.tsx
View File

@@ -58,14 +58,21 @@ const agentData = {
{
id: 1,
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean commodo ligula eget dolor. Sed dignissim, nisl eget tincidunt vulputate, lacus justo bibendum ipsum, vitae tempus risus lorem at nunc. Integer sed arcu vitae risus feugiat vehicula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.',
author: 'Conor Kenney',
author: 'Kenedy Kenney',
role: 'Chief Operations Officer',
rating: 5,
},
{
id: 2,
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean commodo ligula eget dolor. Sed dignissim, nisl eget tincidunt vulputate, lacus justo bibendum ipsum, vitae tempus risus lorem at nunc. Integer sed arcu vitae risus feugiat vehicula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.',
author: 'Conor Kenney',
author: 'Kenedy Kenney',
role: 'Chief Operations Officer',
rating: 5,
},
{
id: 3,
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean commodo ligula eget dolor. Sed dignissim, nisl eget tincidunt vulputate, lacus justo bibendum ipsum, vitae tempus risus lorem at nunc. Integer sed arcu vitae risus feugiat vehicula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.',
author: 'Kenedy Kenney',
role: 'Chief Operations Officer',
rating: 5,
},

16
src/components/layout/Footer.tsx
View File

@@ -93,7 +93,7 @@ export function Footer() {
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12">
{/* Services */}
<div>
<h3 className="font-bold text-[#e58625] text-sm mb-4 pb-2 border-b-2 border-[#e58625] inline-block">
<h3 className="font-serif font-bold text-[14px] leading-[19px] text-[#E58625] mb-4 pb-2 border-b-2 border-[#e58625] inline-block">
{footerLinks.services.title}
</h3>
<ul className="space-y-3">
@@ -101,7 +101,7 @@ export function Footer() {
<li key={link.href}>
<Link
href={link.href}
className="text-sm hover:text-[#e58625] transition-colors"
className="font-serif font-normal text-[14px] leading-[19px] text-[#00293D] hover:text-[#e58625] transition-colors"
>
{link.label}
</Link>
@@ -112,7 +112,7 @@ export function Footer() {
{/* Service Providers */}
<div>
<h3 className="font-bold text-[#e58625] text-sm mb-4 pb-2 border-b-2 border-[#e58625] inline-block">
<h3 className="font-serif font-bold text-[14px] leading-[19px] text-[#E58625] mb-4 pb-2 border-b-2 border-[#e58625] inline-block">
{footerLinks.serviceProviders.title}
</h3>
<ul className="space-y-3">
@@ -120,7 +120,7 @@ export function Footer() {
<li key={link.href}>
<Link
href={link.href}
className="text-sm hover:text-[#e58625] transition-colors"
className="font-serif font-normal text-[14px] leading-[19px] text-[#00293D] hover:text-[#e58625] transition-colors"
>
{link.label}
</Link>
@@ -131,7 +131,7 @@ export function Footer() {
{/* Resources */}
<div>
<h3 className="font-bold text-[#e58625] text-sm mb-4 pb-2 border-b-2 border-[#e58625] inline-block">
<h3 className="font-serif font-bold text-[14px] leading-[19px] text-[#E58625] mb-4 pb-2 border-b-2 border-[#e58625] inline-block">
{footerLinks.resources.title}
</h3>
<ul className="space-y-3">
@@ -139,7 +139,7 @@ export function Footer() {
<li key={link.href}>
<Link
href={link.href}
className="text-sm hover:text-[#e58625] transition-colors"
className="font-serif font-normal text-[14px] leading-[19px] text-[#00293D] hover:text-[#e58625] transition-colors"
>
{link.label}
</Link>
@@ -150,7 +150,7 @@ export function Footer() {
{/* About & Contact */}
<div>
<h3 className="font-bold text-[#e58625] text-sm mb-4 pb-2 border-b-2 border-[#e58625] inline-block">
<h3 className="font-serif font-bold text-[14px] leading-[19px] text-[#E58625] mb-4 pb-2 border-b-2 border-[#e58625] inline-block">
{footerLinks.aboutContact.title}
</h3>
<ul className="space-y-3">
@@ -158,7 +158,7 @@ export function Footer() {
<li key={link.href}>
<Link
href={link.href}
className="text-sm hover:text-[#e58625] transition-colors"
className="font-serif font-normal text-[14px] leading-[19px] text-[#00293D] hover:text-[#e58625] transition-colors"
>
{link.label}
</Link>