fix: Image in footer
This commit is contained in:
parent
b670a175fa
commit
c6da9a9db0
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue