From 9fb861c6297c0ea8640fe57ecd13bbe06112412c Mon Sep 17 00:00:00 2001
From: Murtadha <mnisyif@gmail.com>
Date: Wed, 17 Jul 2024 17:46:44 -0400
Subject: [PATCH] v0.9.1 Edit content in about me section, and add support for
 icons

---
 src/components/aboutMe/AboutMe.jsx        | 28 +++++++++-------
 src/components/aboutMe/AboutMe.module.css | 41 +++++++++++------------
 version.txt                               |  2 +-
 3 files changed, 35 insertions(+), 36 deletions(-)

diff --git a/src/components/aboutMe/AboutMe.jsx b/src/components/aboutMe/AboutMe.jsx
index 5b60b5e..658c20b 100644
--- a/src/components/aboutMe/AboutMe.jsx
+++ b/src/components/aboutMe/AboutMe.jsx
@@ -1,5 +1,6 @@
 import React from "react";
 import styles from "./AboutMe.module.css";
+import { FaGithub, FaLinkedin, FaTwitter } from "react-icons/fa";
 
 const AboutMe = () => {
 	const scrollToContact = () => {
@@ -15,31 +16,32 @@ const AboutMe = () => {
 				<h2 className={styles.title}>About Me</h2>
 				<div className={styles.content}>
 					<div className={styles.imageContainer}>
-						<img src="/path-to-your-image.jpg" alt="Your Name" className={styles.image} />
+						<img src="/pp/abtme.JPG" alt="Murtadha Nisyif" className={styles.image} />
 						<div className={styles.socialLinks}>
-							<a href="https://github.com/yourusername" target="_blank" rel="noopener noreferrer">
-								<i className="fab fa-github"></i>
+							<a href="https://github.com/yourusername" target="_blank" rel="noopener noreferrer" className={styles.socialLink}>
+								<FaGithub />
 							</a>
-							<a href="https://linkedin.com/in/yourprofile" target="_blank" rel="noopener noreferrer">
-								<i className="fab fa-linkedin"></i>
+							<a href="https://linkedin.com/in/yourprofile" target="_blank" rel="noopener noreferrer" className={styles.socialLink}>
+								<FaLinkedin />
 							</a>
-							<a href="https://twitter.com/yourhandle" target="_blank" rel="noopener noreferrer">
-								<i className="fab fa-twitter"></i>
+							<a href="https://twitter.com/yourhandle" target="_blank" rel="noopener noreferrer" className={styles.socialLink}>
+								<FaTwitter />
 							</a>
 						</div>
 					</div>
 					<div className={styles.textContent}>
 						<h3 className={styles.greeting}>
-							Hey there! I'm <span className={styles.name}>Your Name</span>
+							Hey there! I'm <span className={styles.name}>Murtadha Nisyif</span>
 						</h3>
 						<p className={styles.bio}>
-							I'm a passionate software engineer with a love for creating elegant solutions to complex problems. When I'm not coding, you can find me exploring new hiking trails,
-							experimenting with new recipes in the kitchen, or diving into a good sci-fi novel.
+							I'm passionate about computers, technology, and sports. I love creating solutions that ease people's daily routines. My journey in the world of tech began at a young age,
+							and ever since, I've been captivated by the endless possibilities it offers. Whether it's building innovative solutions, developing software, or diving deep into the latest
+							tech trends, I find immense joy in it all.
 						</p>
 						<div className={styles.interests}>
-							<span className={styles.interestTag}>AI Enthusiast</span>
-							<span className={styles.interestTag}>Open Source Contributor</span>
-							<span className={styles.interestTag}>Tech Blogger</span>
+							<span className={styles.interestTag}>Tech Enthusiast</span>
+							<span className={styles.interestTag}>Problem Solver</span>
+							<span className={styles.interestTag}>Sports Lover</span>
 						</div>
 					</div>
 				</div>
diff --git a/src/components/aboutMe/AboutMe.module.css b/src/components/aboutMe/AboutMe.module.css
index 0b980f7..8e59711 100644
--- a/src/components/aboutMe/AboutMe.module.css
+++ b/src/components/aboutMe/AboutMe.module.css
@@ -27,6 +27,7 @@
 .imageContainer {
 	flex: 1;
 	position: relative;
+	text-align: center;
 }
 
 .image {
@@ -42,15 +43,24 @@
 	margin-top: 20px;
 }
 
-.socialLinks a {
-	font-size: 1.5rem;
-	color: #fff;
+.socialLink {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	background-color: #ff6600;
+	color: #0e0e0e;
 	margin: 0 10px;
-	transition: color 0.3s ease;
+	transition: all 0.3s ease;
+	font-size: 1.2rem;
 }
 
-.socialLinks a:hover {
+.socialLink:hover {
+	background-color: #fff;
 	color: #ff6600;
+	transform: translateY(-3px);
 }
 
 .textContent {
@@ -92,6 +102,10 @@
 
 .bottomSection {
 	text-align: center;
+	display: flex;
+	justify-content: center;
+	gap: 20px;
+	margin-top: 40px;
 }
 
 .resumeLink,
@@ -118,19 +132,6 @@
 	color: #000;
 }
 
-.contactLink {
-	background-color: transparent;
-	cursor: pointer;
-}
-
-.bottomSection {
-	text-align: center;
-	display: flex;
-	justify-content: center;
-	gap: 20px;
-	margin-top: 40px;
-}
-
 @media (max-width: 768px) {
 	.content {
 		flex-direction: column;
@@ -141,10 +142,6 @@
 		margin-bottom: 30px;
 	}
 
-	.socialLinks {
-		justify-content: center;
-	}
-
 	.bottomSection {
 		flex-direction: column;
 		align-items: center;
diff --git a/version.txt b/version.txt
index 899f24f..f514a2f 100644
--- a/version.txt
+++ b/version.txt
@@ -1 +1 @@
-0.9.0
\ No newline at end of file
+0.9.1
\ No newline at end of file