fix: change header tag names for better SEO

components/cards/BlogCards.tsx

@@ -103,9 +103,9 @@ const BlogCards: React.FC<BlogCardInterface> = async (props) => {
                 </div>
                 <CardContent className="p-4">
                   <div className="flex-between mb-2 py-2">
-                    <h3 className="text-xl font-semibold leading-tight">
+                    <h2 className="text-xl font-semibold leading-tight">
                       {post.title}
-                    </h3>
+                    </h2>
                     <div className="text-sm text-muted-foreground opacity-0 group-hover:opacity-100 duration-300">
                       <ExternalLink />
                     </div>

components/shared/DemoVideo.tsx

@@ -16,12 +16,12 @@ const DemoVideo = () => {
       id="partners"
       className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
     >
-      <h2 className="text-3xl md:text-5xl font-bold text-start">
+      <p className="text-3xl md:text-5xl font-bold text-start">
         <span className="bg-gradient-to-b from-green-300 to-primary text-transparent bg-clip-text">
           SVR.JS
         </span>{" "}
         in action
-      </h2>
+      </p>
       <div className="w-full flex-start flex-row">
         <div className="flex max-md:flex-col items-center justify-start gap-4">
           <h2 className="text-md font-medium bg-accent/60 px-2 py-2 rounded-md">

components/shared/Footer.tsx

@@ -33,7 +33,9 @@ const Footer = () => {
               </div>
 
               <div className="flex flex-col items-center md:items-start">
-                <h1 className="text-2xl font-light text-primary">Resources</h1>
+                <div className="text-2xl font-light text-primary">
+                  Resources
+                </div>
                 {FOOTERLINKS.plans.map((link) => (
                   <span key={link.href}>
                     <Link

components/shared/Newsletter.tsx

@@ -70,9 +70,9 @@ const Newsletter = () => {
     <section id="newsletter">
       <hr className="w-11/12 mx-auto" />
       <div className="container py-24 md:py-32">
-        <h3 className="text-center text-4xl md:text-5xl md:pb-2 text-black font-bold dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+        <h2 className="text-center text-4xl md:text-5xl md:pb-2 text-black font-bold dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
           Join The Newsletter!
-        </h3>
+        </h2>
         <p className="text-lg text-muted-foreground text-center mt-4 md:mt-2 mb-8">
           Subscribe to our newsletter for updates. We promise no spam emails
           will be sent.

components/shared/Statistics.tsx

@@ -7,9 +7,9 @@ const Statistics = () => {
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-8">
         {stats.map(({ title, count }) => (
           <div key={title} className="space-y-2 text-center">
-            <h2 className="text-3xl sm:text-4xl font-bold">
+            <p className="text-3xl sm:text-4xl font-bold">
               <NumberTicker value={count} />+
-            </h2>
+            </p>
             <p className="text-xl text-muted-foreground">{title}</p>
           </div>
         ))}