'use client'
import React from 'react'
import { useTranslation } from 'react-i18next';

const MessagefromtheChairman = () => {
          const { t } = useTranslation("about");
    
  return (
    <>
           <div className="bg-ligbg p-5 md:p-7 lg:p-[50px] text-center mx-5 md:mx-[50px] lg:mx-[96px] rounded-lg my-[50px]">
          <h3 className="text-[25px] font-medium">{t("Message")}</h3>
          <p className="text-[16px] sm:text-[18px] lg:text-[20px] mt-2 font-medium text-primary w-full sm:max-w-[90%] md:max-w-[75%] mx-auto">
           {t("Message desc")}
          </p>
          <div className="flex flex-col text-end pt-2 md:pt-3">
            <p className="text-[18px] md:text-[20px] font-semibold text-[#5C5C5C]">
              {" "}
             {t("Name")}
            </p>
            <p className="text-[18px] md:text-[20px] font-light text-[#5C5C5C]">
              {" "}
              {t("Sign")}
            </p>
          </div>
        </div>
    </>
  )
}

export default MessagefromtheChairman