Make hero bouncing arrow link to About section

Author: theJawnnybot

index.html

@@ -213,9 +213,9 @@ <h1 class="font-fira text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight t
             View Our Work
           </a>
         </div>
-        <div class="mt-16 animate-bounce">
-          <svg class="w-6 h-6 mx-auto text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"/></svg>
-        </div>
+        <a href="#about" class="mt-16 inline-flex animate-bounce" aria-label="Scroll to About section">
+          <svg class="w-6 h-6 mx-auto text-gray-500 hover:text-brand-teal transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"/></svg>
+        </a>
       </div>
     </section>