Seo

Author: hammadmeer-dev

src/Components/About-Me.jsx

@@ -10,9 +10,9 @@ const Aboutme = () => {
     >
       {/* Section Heading */}
       <div className="flex justify-center content-center">
-        <h1 className="bg-slate-300 dark:bg-slate-800 text-center px-4 py-2 rounded-full text-lg font-semibold">
+        <h2 className="bg-slate-300 dark:bg-slate-800 text-center px-4 py-2 rounded-full text-lg font-semibold">
           About Me
-        </h1>
+        </h2>
       </div>
 
       <div className="flex flex-wrap justify-between p-2 sm:p-8">

src/Components/Contact.jsx

@@ -24,15 +24,15 @@ const Contact = () => {
       className="bg-white text-black dark:bg-gray-900 dark:text-white pb-10 pt-6"
     >
       <div className="flex justify-center content-center">
-        <h1 className="bg-slate-300 rounded-full text-center text-lg dark:bg-slate-800 font-semibold px-4 py-2">
+        <h2 className="bg-slate-300 rounded-full text-center text-lg dark:bg-slate-800 font-semibold px-4 py-2">
           Get in touch
-        </h1>
+        </h2>
       </div>
       <div className="flex justify-center content-center">
-        <h1 className="text-balance text-center text-md font-thin px-4 py-2">
+        <h2 className="text-balance text-center text-md font-thin px-4 py-2">
           What’s next? Feel free to reach out to me if you're looking for a
           developer, have a query, or simply want to connect.
-        </h1>
+        </h2>
       </div>
       <div className="flex justify-center items-center">
         <p className="flex justify-left text-md font-thin items-center pt-4">
@@ -64,9 +64,9 @@ const Contact = () => {
         </p>
       )}
       <div className="flex justify-center content-center">
-        <h1 className="text-balance text-center text-md font-thin px-4 py-2">
+        <h2 className="text-balance text-center text-md font-thin px-4 py-2">
           You may also find me on these platforms!
-        </h1>
+        </h2>
       </div>
       <div className="flex justify-center content-center">
         {socialLinks.map((item, index) => (

src/Components/Footer.jsx

@@ -26,13 +26,13 @@ const Footer = () => {
       className="border-t-2 border-gray-300  dark:border-gray-700 bg-white dark:bg-gray-900 text-black dark:text-white"
     >
       <div className="flex justify-center items-center">
-        <h1 className="text-center px-4 py-2  md:text-md text-sm font-thin  text-balance ">
+        <h2 className="text-center px-4 py-2  md:text-md text-sm font-thin  text-balance ">
           Designed By{" "}
           <a href="https://www.figma.com/community/file/1262992249991763120/personal-portfolio-website-template-mobile-desktop">
             Sagar Shah{" "}
           </a>
           | Developed By Hammad Meer
-        </h1>
+        </h2>
       </div>
       {visible && (
         <div

src/Components/Navbar.jsx

@@ -74,7 +74,7 @@ function Navbar({ handleNightMode, nightMode }) {
                   </li>
                 ))}
               </ul>
-              <h1
+              <h2
                 className="flex justify-center rounded-full items-center mb-6"
                 onClick={handleNightMode}
               >
@@ -83,10 +83,10 @@ function Navbar({ handleNightMode, nightMode }) {
                 ) : (
                   <CiLight className="text-2xl" />
                 )}
-              </h1>
-              <h1 className="flex bg-black justify-center rounded-xl text-md text-white font-semibold items-center px-2 py-1">
+              </h2>
+              <h2 className="flex bg-black justify-center rounded-xl text-md text-white font-semibold items-center px-2 py-1">
                 <a href={resume}>Downlord CV</a>
-              </h1>
+              </h2>
             </div>
           </div>
         </div>

src/Components/Projects.jsx

@@ -47,14 +47,14 @@ const Projects = () => {
       className="pt-6 bg-white dark:bg-gray-900 text-black dark:text-white"
     >
       <div className="flex justify-center content-center">
-        <h1 className="bg-slate-300 dark:bg-slate-800 text-center px-4 py-2 rounded-full text-lg font-semibold">
+        <h2 className="bg-slate-300 dark:bg-slate-800 text-center px-4 py-2 rounded-full text-lg font-semibold">
           Projects
-        </h1>
+        </h2>
       </div>
       <div className="flex justify-center content-center">
-        <h1 className="text-center px-4 py-2 text-md font-thin text-balance ">
+        <h2 className="text-center px-4 py-2 text-md font-thin text-balance ">
           Some of the noteworthy projects I have built:
-        </h1>
+        </h2>
       </div>
       <div className="w-full lg:w-5/6 flex justify-center items-center mx-auto">
         <div className="grid gap-8 justify-center items-center ">

src/Components/Skills.jsx

@@ -25,14 +25,14 @@ const Skills = () => {
   return (
     <div id="Skill" className="bg-white dark:bg-gray-900 text-black dark:text-white pt-6">
       <div className="flex justify-center content-center">
-        <h1 className="bg-slate-300 dark:bg-slate-800 text-center px-4 py-2 rounded-full text-lg font-semibold">
+        <h2 className="bg-slate-300 dark:bg-slate-800 text-center px-4 py-2 rounded-full text-lg font-semibold">
           Skills
-        </h1>
+        </h2>
       </div>
       <div className="flex justify-center content-center">
-        <h1 className="text-center px-4 py-2 text-md font-thin text-balance ">
+        <h2 className="text-center px-4 py-2 text-md font-thin text-balance ">
           The skills, tools and technologies I am really good at:
-        </h1>
+        </h2>
       </div>
       <div className="flex justify-center items-center ">
       <div className="grid grid-cols-4 sm:grid-cols-6 md:grid-cols-10 gap-6 p-4 ">