Add aria-label, change blur logo to webp

Author: hasparus

src/components/index-page/hero/index.tsx

@@ -3,7 +3,7 @@ import CheckIcon from "@/app/conf/_design-system/pixelarticons/check.svg?svgr"
 import { Button } from "@/app/conf/_design-system/button"
 import { ImageLoaded } from "@/app/conf/2025/components/image-loaded"
 
-import logoBlurred from "./hero/logo-blurred.png"
+import logoBlurred from "./logo-blurred.webp"
 
 export function Hero() {
   return (
@@ -28,7 +28,11 @@ export function Hero() {
           </ul>
 
           <div className="flex items-center gap-4">
-            <Button href="/learn" className="max-sm:w-full">
+            <Button
+              href="/learn"
+              className="max-sm:w-full"
+              aria-label="Learn more about GraphQL"
+            >
               Learn more
             </Button>
           </div>

src/components/index-page/hero/logo-blurred.png

@@ -66,6 +66,7 @@ export function ProvenSolution() {
             className="mx-auto mt-8 w-fit lg:mt-16"
             // todo: this should link to the Business Agregator page
             href="/learn"
+            aria-label="Learn more about GraphQL"
           >
             Learn more
           </Button>