Small improvements

src/components/CarbonAds/index.tsx

@@ -11,7 +11,7 @@ export default function CarbonAds({ code, placement }: Props) {
       const s = document.createElement('script');
       s.async = true;
       s.id = '_carbonads_js';
-      s.src = `//cdn.carbonads.com/carbon.js?serve=${code}&placement=${placement}`;
+      s.src = `https://cdn.carbonads.com/carbon.js?serve=${code}&placement=${placement}`;
       ref.current.appendChild(s);
     }
   }, []);

src/components/sections/Hero/index.tsx

@@ -10,6 +10,8 @@ export default function Hero() {
             className={styles.sectionTopImg}
             src="/assets/img/sdk-man-small-pattern.svg"
             alt="SDKMAN! logo"
+            width={250}
+            height={145}
           />
 
           <h1 className={styles.sectionTopTitle}>

src/components/sections/Hero/styles.module.scss

@@ -29,6 +29,7 @@
 
     &Img {
       width: 250px;
+      height: auto;
     }
   }
 

src/components/sections/OpenCollective/Buttons/OCButton/index.tsx

@@ -13,6 +13,7 @@ export default function OCButton() {
         alt="Donate"
         width={240}
         height={35}
+        loading="lazy"
       />
     </Link>
   );

src/components/ui/AvatarImage/index.tsx

@@ -13,7 +13,9 @@ export default function AvatarImage({ className, src, alt }: Props) {
     return <span className={clsx(styles.avatarImage, className)}>{name}</span>;
   }
 
-  return <img className={className} src={src} alt={`${alt} avatar`} />;
+  return (
+    <img className={className} src={src} alt={`${alt} avatar`} loading="lazy" />
+  );
 }
 
 function generateAvatar(value: string) {

src/pages/index.tsx

@@ -7,7 +7,10 @@ import PageCarbonAds from '@site/src/components/sections/PageCarbonAds';
 
 export default function WelcomePage() {
   return (
-    <Layout title="Home">
+    <Layout
+      title="Home"
+      description="SDKMAN! is a tool for managing parallel versions of multiple Software Development Kits on most Unix based systems."
+    >
       <PageCarbonAds />
       <Hero />