improve lighthouse scores

Author: vmcodes

CHANGELOG.md

@@ -46,6 +46,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 - Made the site a Progressive Web App (PWA)
 - About page content (first section)
+- robots.txt and canonical link
 
 ### Fixed
 
@@ -57,3 +58,4 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - components folder structure
 - relative to absolute imports with aliases
 - updated to React 18 and Next.js latest
+- changed image formats to .webp

components/layout/Meta.js

@@ -53,6 +53,7 @@ export default function Meta() {
         href='https://fonts.googleapis.com/css2?family=Assistant:wght@400;700&family=Open+Sans:wght@700&display=swap'
         rel='stylesheet'
       />
+      <link rel='canonical' href='https://www.webdevpath.co' />
     </Head>
   );
 }

pages/index.js

@@ -12,7 +12,8 @@ export default function Home() {
       <RevealContentContainer>
         <TwoColumn
           title="Let's grow together."
-          image='/images/join-us.jpg'
+          image='/images/join-us.webp'
+          altTag='Join us'
           content='The Web Dev Path is a team of professional developers project that aims to provide a comprehensive path for people who seek to begin their web development journey.'
           link='/about'
           customBtnClass='inverted-grey'
@@ -34,9 +35,9 @@ export default function Home() {
         <CardsColumns
           titles={['Join us', 'Volunteer', 'Become a mentor']}
           images={[
-            '/images/join-us.jpg',
-            '/images/volunteer.jpg',
-            '/images/mentor.jpg',
+            '/images/join-us.webp',
+            '/images/volunteer.webp',
+            '/images/mentor.webp',
           ]}
           altTags={['Join us', 'Volunteer', 'Become a mentor']}
           content={[