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

app/component/Pageguide.js

@@ -3,17 +3,16 @@ function Pageguide({ list }) {
     <ul className="flex items-center justify-start gap-1">
       {list.map((item, idx) => (
         <li key={idx} className="flex items-center justify-start gap-1">
-          <p
+          <h2
             className={`text-[16px] font-normal
-                            ${
-                              list.length > idx + 1
-                                ? "text-[#9B9B9B]"
-                                : "text-[#525252]"
-                            }
+                            ${list.length > idx + 1
+                ? "text-[#9B9B9B]"
+                : "text-[#525252]"
+              }
                             `}
           >
             {item}
-          </p>
+          </h2>
           <span
             className={`
                             text-[#9B9B9B] text-[16px] font-normal

app/component/head/index.js

@@ -8,9 +8,9 @@ function HeadPageList({ children, title, detail }) {
                 pb-[62px] sm:pb-[69px] md:pb-[76px] lg:pb-[85px]
             "
       >
-        <p className="text-[#3B3B3B] text-[16px] sm:text-[19px] md:text-[22px] lg:text-[24px] text-center font-bold">
+        <h1 className="text-[#3B3B3B] text-[16px] sm:text-[19px] md:text-[22px] lg:text-[24px] text-center font-bold">
           {title}
-        </p>
+        </h1>
         <p className="text-[#3B3B3B] text-[14px] md:text-[16px] text-center font-normal">
           {detail}
         </p>