✨ Update heading structure in sponsors, tall, and tweets sections

Author: HassanZahirnia

resources/views/components/home/sponsors.blade.php

@@ -222,8 +222,8 @@
         "
         class="relative z-[1] overflow-hidden rounded-3xl bg-gradient-to-tl from-[#CDD0E5] to-[#FFECEF] px-5 pb-32"
     >
-        <h2 class="grid place-items-center pt-14">
-            <span
+        <div class="grid place-items-center pt-14">
+            <h4
                 x-ref="premium"
                 class="relative text-xl font-medium tracking-wider"
             >
@@ -246,9 +246,9 @@ class="scale-90"
                         />
                     </svg>
                 </span>
-            </span>
+            </h4>
 
-            <span class="relative z-10 inline-grid">
+            <h3 class="relative z-10 inline-grid">
                 <span
                     x-ref="sponsors_header"
                     class="text-2xl font-extrabold [grid-area:1/-1] lg:text-3xl"
@@ -260,8 +260,8 @@ class="text-2xl font-extrabold [grid-area:1/-1] lg:text-3xl"
                     x-ref="sponsors_header_underline"
                     class="relative -left-1 -z-10 h-5 w-[98%] self-end justify-self-start bg-rose-400/50 [grid-area:1/-1]"
                 ></span>
-            </span>
-        </h2>
+            </h3>
+        </div>
 
         <p
             x-ref="message"

resources/views/components/home/tall.blade.php

@@ -847,7 +847,7 @@ class="pt-5 text-center text-xs text-dolphin min-[600px]:text-left min-[700px]:t
                     /tɔːl stæk/
                 </div>
                 <div
-                    class="pt-5 text-center text-dolphin min-[600px]:text-left min-[700px]:text-right"
+                    class="pt-5 text-center font-afacad text-lg text-dolphin min-[600px]:text-left min-[700px]:text-right"
                 >
                     A set of frameworks that combine into
                     <br />

resources/views/components/home/tweets.blade.php

@@ -283,7 +283,7 @@ class="size-8"
                     </defs>
                 </svg>
             </div>
-            <div
+            <h4
                 x-ref="community"
                 class="relative mt-3 text-xl font-medium tracking-wider"
             >
@@ -317,8 +317,8 @@ class="scale-[.85]"
                         </defs>
                     </svg>
                 </div>
-            </div>
-            <div class="relative z-10 inline-grid">
+            </h4>
+            <h3 class="relative z-10 inline-grid">
                 <div
                     x-ref="feedback_header"
                     class="text-2xl font-extrabold [grid-area:1/-1] lg:text-3xl"
@@ -329,7 +329,7 @@ class="text-2xl font-extrabold [grid-area:1/-1] lg:text-3xl"
                     x-ref="feedback_header_underline"
                     class="relative -left-1 -z-10 h-5 w-[98%] self-end justify-self-start bg-[#A1B0FF]/70 [grid-area:1/-1]"
                 ></div>
-            </div>
+            </h3>
         </div>
 
         {{-- Testimonial Tweets --}}