import { getStateInfo } from "@/lib/getStateInfo";
import Image from "next/image";
import React from "react";

function Head() {
  const { matchedCity } = getStateInfo();

  return (
    <div className="bg-[#5559C2] rounded-none md:rounded-lg w-full py-[24px] flex flex-col items-center justify-center gap-[13px] md:gap-[16px]">
      <Image
        src="/assets/images/logo-2.png"
        height={46}
        width={46}
        alt="logo"
      />
      <h1 className="text-[#FAFAFA] text-[16px] sm:text-[18px] md:text-[22px] lg:text-[24px] font-bold">
        درباره {matchedCity?.site_name}
      </h1>
    </div>
  );
}

export default Head;