feat(aboutUs): enhance Head component with siteName and slogan props; update Services content formatting

components/aboutUs/Head.js

@@ -1,10 +1,7 @@
-import { getStateInfo } from "@/lib/getStateInfo";
 import Image from "next/image";
 import React from "react";
 
-function Head() {
-  const { matchedCity } = getStateInfo();
-
+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
@@ -14,8 +11,13 @@ function Head() {
         alt="logo"
       />
       <h1 className="text-[#FAFAFA] text-[16px] sm:text-[18px] md:text-[22px] lg:text-[24px] font-bold">
-        درباره {matchedCity?.site_name}
+        درباره {siteName}
       </h1>
+      {slogan && (
+        <p className="text-[#E5E5F5] text-[12px] sm:text-[14px] md:text-[16px] font-normal px-[16px] text-center">
+          {slogan}
+        </p>
+      )}
     </div>
   );
 }