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
-
-

-
- {personalInfo.socials && personalInfo.socials.map((social, index) => {
- const platform = Object.keys(social)[0];
- const url = social[platform];
+
+

+
+ {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}
+
+ ))}
+
+
);
-};
+}
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 (