import Image from "next/image";
import React from "react";

function Head({ siteName, slogan }) {
  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">
        درباره {siteName}
      </h1>
      {slogan && (
        <p className="text-[#E5E5F5] text-[12px] sm:text-[14px] md:text-[16px] font-normal px-[16px] text-center">
          {slogan}
        </p>
      )}
    </div>
  );
}

export default Head;
