import React from "react";
import SiteLogo from "@/components/common/SiteLogo";

function Head({ siteName, slogan, city }) {
  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]">
      {/* رنگ پیش‌فرض لوگو #5559CE است و روی همین پس‌زمینه گم می‌شود؛ نسخهٔ روشن. */}
      <SiteLogo city={city} stroke="#FAFAFA" className="w-[46px] h-[46px]" />
      <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;