From 24a882460c4f93f038656ff645033a1363c3d87a Mon Sep 17 00:00:00 2001 From: pradeepkumar Date: Sun, 18 Jan 2026 21:08:28 +0530 Subject: [PATCH] style: refresh UI with updated SVG icons and refined typography in dashboard and footer components. --- public/assets/icons/chart-icon.svg | 7 ++-- public/assets/icons/dollar-icon.svg | 4 +-- public/assets/icons/heart-icon.svg | 4 +-- public/assets/icons/home-icon.svg | 4 +-- public/assets/icons/quote-icon.svg | 5 +-- public/assets/icons/star-filled-icon.svg | 2 +- public/assets/icons/wallet-icon.svg | 4 +-- .../dashboard/component/ExperienceSection.tsx | 2 +- .../component/SpecializationCard.tsx | 28 ++++++++------- .../component/SpecializationSection.tsx | 4 +-- .../dashboard/component/TestimonialCard.tsx | 36 ++++++++----------- .../component/TestimonialsSection.tsx | 5 +-- src/app/(agent)/agent/dashboard/page.tsx | 11 ++++-- src/components/layout/Footer.tsx | 16 ++++----- 14 files changed, 69 insertions(+), 63 deletions(-) diff --git a/public/assets/icons/chart-icon.svg b/public/assets/icons/chart-icon.svg index 1c6d9e1..ec4accd 100644 --- a/public/assets/icons/chart-icon.svg +++ b/public/assets/icons/chart-icon.svg @@ -1,4 +1,5 @@ - - - + + + + diff --git a/public/assets/icons/dollar-icon.svg b/public/assets/icons/dollar-icon.svg index dda447d..94afec4 100644 --- a/public/assets/icons/dollar-icon.svg +++ b/public/assets/icons/dollar-icon.svg @@ -1,3 +1,3 @@ - - + + diff --git a/public/assets/icons/heart-icon.svg b/public/assets/icons/heart-icon.svg index f6be979..585a4a9 100644 --- a/public/assets/icons/heart-icon.svg +++ b/public/assets/icons/heart-icon.svg @@ -1,3 +1,3 @@ - - + + diff --git a/public/assets/icons/home-icon.svg b/public/assets/icons/home-icon.svg index 2c0f337..724da2e 100644 --- a/public/assets/icons/home-icon.svg +++ b/public/assets/icons/home-icon.svg @@ -1,3 +1,3 @@ - - + + diff --git a/public/assets/icons/quote-icon.svg b/public/assets/icons/quote-icon.svg index 23e43b5..b299b26 100644 --- a/public/assets/icons/quote-icon.svg +++ b/public/assets/icons/quote-icon.svg @@ -1,3 +1,4 @@ - - + + + diff --git a/public/assets/icons/star-filled-icon.svg b/public/assets/icons/star-filled-icon.svg index c95c4e3..3a952e2 100644 --- a/public/assets/icons/star-filled-icon.svg +++ b/public/assets/icons/star-filled-icon.svg @@ -1,3 +1,3 @@ - + diff --git a/public/assets/icons/wallet-icon.svg b/public/assets/icons/wallet-icon.svg index 292f0bb..94afec4 100644 --- a/public/assets/icons/wallet-icon.svg +++ b/public/assets/icons/wallet-icon.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/app/(agent)/agent/dashboard/component/ExperienceSection.tsx b/src/app/(agent)/agent/dashboard/component/ExperienceSection.tsx index d54a523..c0cc875 100644 --- a/src/app/(agent)/agent/dashboard/component/ExperienceSection.tsx +++ b/src/app/(agent)/agent/dashboard/component/ExperienceSection.tsx @@ -28,7 +28,7 @@ export function ExperienceSection({ experience }: ExperienceSectionProps) { {/* Horizontal divider */} -
+

Number of contract closed

    diff --git a/src/app/(agent)/agent/dashboard/component/SpecializationCard.tsx b/src/app/(agent)/agent/dashboard/component/SpecializationCard.tsx index 4404ae9..5080388 100644 --- a/src/app/(agent)/agent/dashboard/component/SpecializationCard.tsx +++ b/src/app/(agent)/agent/dashboard/component/SpecializationCard.tsx @@ -10,25 +10,27 @@ interface SpecializationCardProps { export function SpecializationCard({ title, items, icon }: SpecializationCardProps) { return ( -
    +
    {icon}
    -

    {title}

    -
    +

    {title}

    +
    {items.map((item, idx) => ( -

    +

    {item}

    ))}
    - +
    + +
    ); } diff --git a/src/app/(agent)/agent/dashboard/component/SpecializationSection.tsx b/src/app/(agent)/agent/dashboard/component/SpecializationSection.tsx index 8fbfecb..9c953b5 100644 --- a/src/app/(agent)/agent/dashboard/component/SpecializationSection.tsx +++ b/src/app/(agent)/agent/dashboard/component/SpecializationSection.tsx @@ -20,7 +20,7 @@ export function SpecializationSection({ specialization }: SpecializationSectionP

    Specialization

    -

    Area Of Expertise and Focus

    +

    Area Of Expertise and Focus

    -
    -
    - “ -
    -

    I have been working with Lorem .

    +
    +
    + Quote +

    I have been working with Lorem .

    -

    {text}

    -
    -
    - User -
    -
    - -

    {author}

    -

    {role}

    -
    +

    {text}

    +
    + +

    {author}

    +

    {role}

    ); diff --git a/src/app/(agent)/agent/dashboard/component/TestimonialsSection.tsx b/src/app/(agent)/agent/dashboard/component/TestimonialsSection.tsx index 15d69c5..c91def0 100644 --- a/src/app/(agent)/agent/dashboard/component/TestimonialsSection.tsx +++ b/src/app/(agent)/agent/dashboard/component/TestimonialsSection.tsx @@ -17,8 +17,9 @@ interface TestimonialsSectionProps { export function TestimonialsSection({ testimonials }: TestimonialsSectionProps) { return (
    -

    Testimonials

    -

    +

    Testimonials

    +
    +

    Clients rate our real estate services 4.9 out of 5 on average, based on recent client reviews.

    diff --git a/src/app/(agent)/agent/dashboard/page.tsx b/src/app/(agent)/agent/dashboard/page.tsx index a770dbd..0ec6fbc 100644 --- a/src/app/(agent)/agent/dashboard/page.tsx +++ b/src/app/(agent)/agent/dashboard/page.tsx @@ -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, }, diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx index 06b1b31..59f40ae 100644 --- a/src/components/layout/Footer.tsx +++ b/src/components/layout/Footer.tsx @@ -93,7 +93,7 @@ export function Footer() {
    {/* Services */}
    -

    +

    {footerLinks.services.title}

      @@ -101,7 +101,7 @@ export function Footer() {
    • {link.label} @@ -112,7 +112,7 @@ export function Footer() { {/* Service Providers */}
      -

      +

      {footerLinks.serviceProviders.title}

        @@ -120,7 +120,7 @@ export function Footer() {
      • {link.label} @@ -131,7 +131,7 @@ export function Footer() { {/* Resources */}
        -

        +

        {footerLinks.resources.title}

          @@ -139,7 +139,7 @@ export function Footer() {
        • {link.label} @@ -150,7 +150,7 @@ export function Footer() { {/* About & Contact */}
          -

          +

          {footerLinks.aboutContact.title}

            @@ -158,7 +158,7 @@ export function Footer() {
          • {link.label}