handle data and change design page about-us and contact-us

components/aboutUs/Head.js

@@ -1,7 +1,10 @@
+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
@@ -11,7 +14,7 @@ function Head() {
         alt="logo"
       />
       <p className="text-[#FAFAFA] text-[16px] sm:text-[18px] md:text-[22px] lg:text-[24px] font-bold">
-        درباره نوبت ۷۲۴
+        درباره {matchedCity?.site_name}
       </p>
     </div>
   );