change name in register & add link to most-searched home page & change tag & change design and responsive & fix active link header & must include field num in register & send code msg

components/clinic/components/about/ContentDetail.js

@@ -5,7 +5,7 @@ function ContentDetail({ head, children, loading }) {
   return (
     <div className="my-[24px]">
       <TextLoading width={200} height={20} loading={loading}>
-        <p className="text-[#3B3B3B] text-[20px] font-bold">{head}</p>
+        <h1 className="text-[#3B3B3B] text-[20px] font-bold">{head}</h1>
       </TextLoading>
       <div className="mt-[16px]">{children}</div>
     </div>

components/clinic/components/about/ListBime.js

@@ -34,9 +34,9 @@ function ListBime({ data, loading }) {
               className="p-[16px] min-w-[156px] w-full border border-[#EFEFEF] flex flex-col items-center justify-center gap-[20px]"
             >
               <Image src={item.img} height={92} width={92} alt="bime" />
-              <p className="text-[#525252] text-[16px] font-medium">
+              <h3 className="text-[#525252] text-[16px] font-medium">
                 {item.name}
-              </p>
+              </h3>
             </li>
           </CustomLoading>
         ))}

components/clinic/components/about/Services.js

@@ -15,14 +15,14 @@ function Services({ data, loading }) {
             <TickCircleOrange />
           </div>
           <TextLoading width={80} height={18} loading={loading}>
-            <p
+            <h3
               className={`
             text-[16px] font-normal 
             ${idx === 0 ? "text-[#F17732]" : "text-[#525252]"}
           `}
             >
               {item}
-            </p>
+            </h3>
           </TextLoading>
         </li>
       ))}

components/clinic/components/about/Specialties.js

@@ -15,14 +15,14 @@ function Specialties({ data, loading }) {
             <TickCircleOrange />
           </div>
           <TextLoading width={80} height={18} loading={loading}>
-            <p
+            <h3
               className={`
                         text-[16px] font-normal
                         ${idx === 0 ? "text-[#F17732]" : "text-[#525252]"}
                     `}
             >
               {item}
-            </p>
+            </h3>
           </TextLoading>
         </li>
       ))}