diff --git a/config.js b/config.js
index 6b4117a..481b94a 100644
--- a/config.js
+++ b/config.js
@@ -330,6 +330,14 @@ const colors = [
 
 const projects = [
   {
+    title: 'Quran Moddaker Website',
+    url: 'https://quranmoddaker.com/',
+    tools: ['WordPress'],
+    icon: 'fa-wordpress',
+    year: '2023',
+    show: true,
+    description: 'Website for Quran Moddaker company',
+  }, {
     title: 'RTC Neklawy Website',
     url: 'https://rtcneklawy.com/',
     tools: ['WordPress'],
diff --git a/src/components/About.js b/src/components/About.js
index e34c233..cb75712 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -5,7 +5,7 @@ import {
   Heading,
   IconButton,
   Image,
-  Text,
+  Text
 } from '@chakra-ui/react';
 import React, { Component } from 'react';
 import {
@@ -13,13 +13,13 @@ import {
   BsEnvelope,
   BsGithub,
   BsLinkedin,
-  BsYoutube,
+  BsYoutube
 } from 'react-icons/bs';
 
 import { Link } from 'gatsby';
 import config from '../../config';
 import resume from '../assets/files/moataz_mohammady_resume.pdf';
-import avatar from '../assets/img/avatar.jpg';
+import avatar from '../assets/img/avatar.png';
 import Divider from './Divider';
 
 class About extends Component {