export function Footer() {
  return (
    <footer className="tablet:grid xl:grid-cols-[2fr_1fr_1fr] tablet:max-xl:grid-cols-2 tablet:max-xl:grid-rows-2">
      <div className="flex tablet:items-center mobile:max-tablet:flex-col tablet:px-10 mobile:px-4 tablet:py-9 mobile:py-4 border-t border-[#3D425C] gap-6 tablet:max-xl:row-start-1 tablet:max-xl:col-span-2">
        <div className="w-32 flex justify-between items-center">
          <img src="src/assets/logo.svg" alt="" className="h-[50px]" />
          <img src="src/assets/text_logo.svg" className="h-[33px]" alt="" />
        </div>
        <div className="desktop:text-sm mobile:text-xs flex flex-col gap-y-1 font-medium text-[#ffffff]">
          <p className="flex gap-4 ">
            Политика конфиденциальности <span>graff.tech</span>
          </p>
          <p className="opacity-40">
            © 2024 GRAFF interactive. Все права защищены
          </p>
        </div>
      </div>
      <div className="px-10 py-[30px] flex items-center border-t xl:border-l tablet:border-r border-[#3D425C] flex-1 justify-between tablet:max-xl:row-start-2 tablet:max-xl:col-start-1">
        <div className="text-[#ffffff] desktop:text-lg tablet:text-base mobile:text-xs">
          <p>info@graff.tech</p>
          <p>+7 800 770 00 67</p>
        </div>
        <div className="dsektop:text-sm mobile:text-base text-[#ffffff] p-[14px] border border-[#3D425C] rounded-full">
          RU
        </div>
      </div>
      <div className="px-10 py-[30px] flex items-center border-t border-[#3D425C] flex-1 justify-between tablet:max-xl:row-start-2 tablet:max-xl:col-start-2">
        <div className="text-[#ffffff] desktop:text-lg tablet:text-base mobile:text-xs">
          <p>info@graff.tech</p>
          <p>+7 800 770 00 67</p>
        </div>
        <div className="text-sm text-[#ffffff] py-[14px] px-[10px] border border-[#3D425C] rounded-full">
          UAE
        </div>
      </div>
    </footer>
  );
}
