Files
nobat724_front/components/home/TextHeader.js
T

25 lines
812 B
JavaScript

import { getStateInfo } from "@/lib/getStateInfo";
import AText from "../icons/AText";
import BText from "../icons/BText";
function TextHeader() {
const { matchedCity } = getStateInfo();
return (
<div className="z-[50]">
<h1 className="text-[#F17732] text-center font-kalame text-[20px] sm:text-[24px] md:text-[28px] lg:text-[32px] font-bold">
با {matchedCity?.site_name}
</h1>
<h2
className="text-[#525252] text-center mt-2.5 font-kalame text-[16px] sm:text-[25px] md:text-[31px] lg:text-[36px]
font-bold flex items-center gap-1 sm:gap-2"
>
<BText />
{matchedCity?.slogan}
<AText />
</h2>
</div>
)
}
export default TextHeader