feat(images): add the remaining CDN images

Author: orama254

CONTRIBUTING.md

@@ -4,7 +4,6 @@ Please note we have a [code of conduct](https://github.com/reactdeveloperske/rea
 
 ## Contributing procedure
 
-
 ### Find an issue to work on
 
 - You can contribute to this project by either creating an issue or by checking out the open issues available.
@@ -83,18 +82,15 @@ git checkout -b new_branch_name
 
 2. start development server
 
-
-
 ```bash
 npm run dev
 ```
 
 <br>
 
-***
-##### :warning: RoadBlock: Missing environment variables
-
+---
 
+##### :warning: RoadBlock: Missing environment variables
 
 You may have noticed some error about providing a form key. This is because we use [Formspree](https://formspree.io/) to handle our contact form. To get around this, you can:
 
@@ -104,30 +100,31 @@ You may have also noticed a second error about missing required parameters: site
 
 - Use your own [reCAPTCHA](https://www.google.com/recaptcha/about/) account and set the `RECAPTCHA_SITE_KEY` environment variable to your keys. (refer to the .env.example file for guidance on where to put your recaptcha site key).
 
-
 Both of these changes will require you to create a `.env` file in the root directory of the project. You can copy the contents of the `.env.example` file and paste them into the `.env` file. Then, you can add your keys to the appropriate variables.
 
-***
+---
+
 <br>
 
 3. Make changes to the codebase
 
 - Open this directory in your favorite text editor / IDE, and see your changes live by visiting `localhost:3000` from your browser
 - Pro Tip: Explore scripts within `package.json` for more build options
+- Pro Tip: Use [Prettier](https://prettier.io/) to format your code before committing by running `npm run prettier:check` and `npm run prettier:format` to check and fix formatting issues
 
-1. Add changes made to the repo addressing an issue
+4. Add changes made to the repo addressing an issue
 
 ```bash
 git add [file_name]
 ```
 
-2. Commit and prepare for pull request (PR). In your PR commit message, reference the issue it resolves (see [how to link a commit message to an issue using a keyword](https://docs.github.com/en/free-pro-team@latest/github/managing-your-work-on-github/linking-a-pull-request-to-an-issue#linking-a-pull-request-to-an-issue-using-a-keyword).
+5. Commit and prepare for pull request (PR). In your PR commit message, reference the issue it resolves (see [how to link a commit message to an issue using a keyword](https://docs.github.com/en/free-pro-team@latest/github/managing-your-work-on-github/linking-a-pull-request-to-an-issue#linking-a-pull-request-to-an-issue-using-a-keyword).
 
 ```bash
 git commit -m "brief description of changes [Fixes #1234]"
 ```
 
-1. Push to your GitHub account
+6. Push to your GitHub account
 
 ```bash
 git push -u origin [feature_branch]

src/components/Events/Events.tsx

@@ -7,7 +7,8 @@ const events: EventData[] = [
     id: 1,
     title: 'Physical Meetups',
     description: 'Physical meetups where we share, learn and network.',
-    image_url: '/images/physical_meetup.jpg',
+    image_url:
+      'https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1678532589/website-images/physical_meetup_fqkitv.jpg',
     target:
       'https://kommunity.com/reactjs-developer-community-kenya-reactdevske/events',
   },
@@ -16,15 +17,17 @@ const events: EventData[] = [
     title: 'Weekly Online Standups',
     description:
       'Weekly open calls in the community’s Telegram group discussing industry-related topics.',
-    image_url: 'https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1678532589/website-images/weekly_standups_lg3rth.jpg',
+    image_url:
+      'https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1678532589/website-images/weekly_standups_lg3rth.jpg',
     target: 'https://bit.ly/joinreactdevske',
   },
   {
     id: 3,
     title: 'Community Power Sessions',
     description:
       'Community members meet and share technical concepts with other members of the community.',
-    image_url: 'https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1678532589/website-images/community_sessions_xsyd8d.jpg',
+    image_url:
+      'https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1678532589/website-images/community_sessions_xsyd8d.jpg',
     target: 'https://www.youtube.com/channel/UC9_eVcPBk4T-DcZLHpQfy4w/videos',
   },
   {
@@ -40,7 +43,8 @@ const events: EventData[] = [
     title: 'Monthly Online Standups',
     description:
       'Monthly open calls on Google Meet  bringing together people from different communities.',
-    image_url: '/images/physical_meetup.jpg',
+    image_url:
+      'https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1678532589/website-images/physical_meetup_fqkitv.jpg',
     target:
       'https://kommunity.com/reactjs-developer-community-kenya-reactdevske/events',
   },
@@ -49,7 +53,8 @@ const events: EventData[] = [
     title: 'Community Challenges',
     description:
       'We organize open source challenges to keep the community engaged.',
-    image_url: '/images/physical_meetup.jpg',
+    image_url:
+      'https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1678532589/website-images/physical_meetup_fqkitv.jpg',
     target: 'https://github.com/reactdeveloperske/community-coding-challenges',
   },
 ];

src/components/MissionPillars/MissionPillars.tsx

@@ -15,7 +15,9 @@ export default function MissionPillars() {
           <div className="flex w-1/2 md:w-full">
             <div className="w-full overflow-hidden aspect-w-4 aspect-h-3">
               <Image
-                src={'/images/mentorship-image.jpg'}
+                src={
+                  'https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1678532588/website-images/mentorship-image_tz0mor.jpg'
+                }
                 alt="Mentorship Image"
                 layout="fill"
               />
@@ -31,7 +33,9 @@ export default function MissionPillars() {
           <div className="flex w-1/2 md:w-full">
             <div className="w-full overflow-hidden aspect-w-4 aspect-h-3">
               <Image
-                src={'/images/learning-image.jpg'}
+                src={
+                  'https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1678532588/website-images/learning-image_eylqwm.jpg'
+                }
                 alt="Learning Image"
                 layout="fill"
               />
@@ -47,7 +51,9 @@ export default function MissionPillars() {
           <div className="flex w-1/2 md:w-full">
             <div className="w-full overflow-hidden aspect-w-4 aspect-h-3">
               <Image
-                src={'https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1678532588/website-images/community-image_pkeqwj.jpg'}
+                src={
+                  'https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1678532588/website-images/community-image_pkeqwj.jpg'
+                }
                 alt="Community Image"
                 layout="fill"
               />