diff --git a/src/components/aboutMe/AboutMe.jsx b/src/components/aboutMe/AboutMe.jsx index e0da465..605717e 100644 --- a/src/components/aboutMe/AboutMe.jsx +++ b/src/components/aboutMe/AboutMe.jsx @@ -2,7 +2,7 @@ import React from "react"; import styles from "./AboutMe.module.css"; import { FaGithub, FaLinkedin, FaTwitter } from "react-icons/fa"; -function AboutMe({data}) { +function AboutMe({ data }) { const scrollToContact = () => { const contactSection = document.getElementById("contact"); if (contactSection) { @@ -17,52 +17,54 @@ function AboutMe({data}) {

About Me

-
- Murtadha Nisyif -
- {personalInfo.socials && personalInfo.socials.map((social, index) => { - const platform = Object.keys(social)[0]; - const url = social[platform]; +
+ Murtadha Nisyif +
+ {personalInfo.socials && + personalInfo.socials.map((social, index) => { + const platform = Object.keys(social)[0]; + const url = social[platform]; - let IconComponent; - switch (platform) { - case 'github': - IconComponent = FaGithub; - break; - case 'linkedin': - IconComponent = FaLinkedin; - break; - case 'twitter': - IconComponent = FaTwitter; - break; - default: - return null; - } + let IconComponent; + switch (platform) { + case "github": + IconComponent = FaGithub; + break; + case "linkedin": + IconComponent = FaLinkedin; + break; + case "twitter": + IconComponent = FaTwitter; + break; + default: + return null; + } - return ( - - - - ); - })} -
-
+ return ( + + + + ); + })} +
+
-

- Hey there! I'm {personalInfo.name} -

-

- {personalInfo.about_me} -

-
- {personalInfo.interests && personalInfo.interests.map((interest, index) => ( - {interest} - ))} -
-
+

+ Hey there! I'm {personalInfo.name} +

+

{personalInfo.about_me}

+
+ {personalInfo.interests && + personalInfo.interests.map((interest, index) => ( + + {interest} + + ))} +
+
- + Download Resume (PDF)
); -}; +} export default AboutMe; diff --git a/src/components/footer/Footer.jsx b/src/components/footer/Footer.jsx index e4771de..ba5e7fb 100644 --- a/src/components/footer/Footer.jsx +++ b/src/components/footer/Footer.jsx @@ -2,7 +2,7 @@ import React, { useEffect, useRef, useState } from "react"; import styles from "./Footer.module.css"; import logo from "/assets/logos/logo.png"; -function Footer({data}) { +function Footer({ data }) { const [isVisible, setIsVisible] = useState(false); const footerRef = useRef(null); @@ -29,7 +29,7 @@ function Footer({data}) { }; }, []); - const personalInfo = data.length ? data[0] : {}; + const personalInfo = data.length ? data[0] : {}; return (