From c6da9a9db0c41391993634589e1df7e9c4624945 Mon Sep 17 00:00:00 2001
From: Sabda Yagra <msabdayagra@gmail.com>
Date: Wed, 25 Feb 2026 19:27:52 +0700
Subject: [PATCH] fix: Image in footer

---
 app/[locale]/(public)/contact/page.tsx  |  7 ++++-
 app/[locale]/(public)/faqs/page.tsx     |  5 ++--
 app/[locale]/(public)/feedback/page.tsx | 37 ++++++++++++++++++++-----
 3 files changed, 38 insertions(+), 11 deletions(-)

diff --git a/app/[locale]/(public)/contact/page.tsx b/app/[locale]/(public)/contact/page.tsx
index 5901c289..08e702c2 100644
--- a/app/[locale]/(public)/contact/page.tsx
+++ b/app/[locale]/(public)/contact/page.tsx
@@ -113,7 +113,12 @@ const ContactForm = () => {
       <Reveal>
         {/* Header */}
         <div className="flex items-center justify-center mb-6">
-          <Image src="/assets/icons-contact.png" alt="contact" />
+          <Image
+            width={54}
+            height={54}
+            src="/assets/icons-contact.png"
+            alt="contact"
+          />
           <h2 className="ml-4 text-2xl font-bold">
             {t("contactUs", { defaultValue: "Contact Us" })}
           </h2>
diff --git a/app/[locale]/(public)/faqs/page.tsx b/app/[locale]/(public)/faqs/page.tsx
index 65665137..19695e0e 100644
--- a/app/[locale]/(public)/faqs/page.tsx
+++ b/app/[locale]/(public)/faqs/page.tsx
@@ -43,11 +43,10 @@ const FAQS: React.FC = () => {
       <Reveal>
         <div className="flex items-center justify-center mb-6">
           <Image
-            width={1920}
-            height={1080}
+            width={54}
+            height={54}
             src="/assets/icons-faqs.png"
             alt="Faqs"
-            className="h-12 w-12"
           />
           <h2 className="ml-4 text-lg lg:text-2xl font-bold text-gray-800 dark:text-white">
             Frequently Asked Questions
diff --git a/app/[locale]/(public)/feedback/page.tsx b/app/[locale]/(public)/feedback/page.tsx
index 4478c1f1..97140e3f 100644
--- a/app/[locale]/(public)/feedback/page.tsx
+++ b/app/[locale]/(public)/feedback/page.tsx
@@ -25,7 +25,11 @@ const Rating: React.FC<RatingProps> = ({ label, onRate }) => {
       <span className="text-gray-800 dark:text-white">{label}</span>
       <div className="flex space-x-1">
         {[1, 2, 3, 4, 5].map((star) => (
-          <button key={star} onClick={() => handleClick(star)} className={`text-2xl ${star <= selected ? "text-yellow-500" : "text-gray-300"}`}>
+          <button
+            key={star}
+            onClick={() => handleClick(star)}
+            className={`text-2xl ${star <= selected ? "text-yellow-500" : "text-gray-300"}`}
+          >
             ★
           </button>
         ))}
@@ -120,16 +124,35 @@ const FeedbackForm: React.FC = () => {
     <Reveal>
       <div className="max-w-6xl flex flex-col mx-auto p-4 lg:p-40 gap-5 ">
         <div className="flex items-center justify-center mb-6">
-          <Image src="/assets/icons-feedback.png" alt="Feedback" />
-          <h2 className="ml-4 text-[15px] lg:text-[32px] font-bold text-gray-800 dark:text-white">{t("userFeedback", { defaultValue: "User Feedback" })}</h2>
+          <Image
+            src="/assets/icons-feedback.png"
+            alt="Feedback"
+            width={54}
+            height={54}
+          />
+          <h2 className="ml-4 text-[15px] lg:text-[32px] font-bold text-gray-800 dark:text-white">
+            {t("userFeedback", { defaultValue: "User Feedback" })}
+          </h2>
         </div>
         <div className="text-black dark:text-white">
-          <Rating label={t("ratings", { defaultValue: "Ratings" })} onRate={(rating) => handleRatingChange("accessibility", rating)} />
-          <Rating label={t("ratings2", { defaultValue: "Ratings2" })} onRate={(rating) => handleRatingChange("appearance", rating)} />
-          <Rating label={t("ratings3", { defaultValue: "Ratings3" })} onRate={(rating) => handleRatingChange("content", rating)} />
+          <Rating
+            label={t("ratings", { defaultValue: "Ratings" })}
+            onRate={(rating) => handleRatingChange("accessibility", rating)}
+          />
+          <Rating
+            label={t("ratings2", { defaultValue: "Ratings2" })}
+            onRate={(rating) => handleRatingChange("appearance", rating)}
+          />
+          <Rating
+            label={t("ratings3", { defaultValue: "Ratings3" })}
+            onRate={(rating) => handleRatingChange("content", rating)}
+          />
         </div>
         <div className="flex justify-center">
-          <button onClick={handleSubmit} className="w-fit lg:w-32 bg-[#2F80ED] text-white py-2 px-4 gap-4 rounded-md hover:bg-blue-600 transition text-sm lg:text-base">
+          <button
+            onClick={handleSubmit}
+            className="w-fit lg:w-32 bg-[#2F80ED] text-white py-2 px-4 gap-4 rounded-md hover:bg-blue-600 transition text-sm lg:text-base"
+          >
             {t("send", { defaultValue: "Send" })}
           </button>
         </div>