app/[locale]/(public)/contact/page.tsx

@@ -113,12 +113,7 @@ const ContactForm = () => {
       <Reveal>
         {/* Header */}
         <div className="flex items-center justify-center mb-6">
-          <Image
+          <Image src="/assets/icons-contact.png" alt="contact" />
-            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>

app/[locale]/(public)/faqs/page.tsx

@@ -43,10 +43,11 @@ const FAQS: React.FC = () => {
       <Reveal>
         <div className="flex items-center justify-center mb-6">
           <Image
-            width={54}
+            width={1920}
-            height={54}
+            height={1080}
             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

app/[locale]/(public)/feedback/page.tsx

@@ -25,11 +25,7 @@ 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
+          <button key={star} onClick={() => handleClick(star)} className={`text-2xl ${star <= selected ? "text-yellow-500" : "text-gray-300"}`}>
-            key={star}
-            onClick={() => handleClick(star)}
-            className={`text-2xl ${star <= selected ? "text-yellow-500" : "text-gray-300"}`}
-          >
             ★
           </button>
         ))}
@@ -124,35 +120,16 @@ 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
+          <Image src="/assets/icons-feedback.png" alt="Feedback" />
-            src="/assets/icons-feedback.png"
+          <h2 className="ml-4 text-[15px] lg:text-[32px] font-bold text-gray-800 dark:text-white">{t("userFeedback", { defaultValue: "User Feedback" })}</h2>
-            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
+          <Rating label={t("ratings", { defaultValue: "Ratings" })} onRate={(rating) => handleRatingChange("accessibility", rating)} />
-            label={t("ratings", { defaultValue: "Ratings" })}
+          <Rating label={t("ratings2", { defaultValue: "Ratings2" })} onRate={(rating) => handleRatingChange("appearance", rating)} />
-            onRate={(rating) => handleRatingChange("accessibility", rating)}
+          <Rating label={t("ratings3", { defaultValue: "Ratings3" })} onRate={(rating) => handleRatingChange("content", 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
+          <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">
-            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>