Fixed bugs when displaying the projects

Author: ibrahim19-az

src/components/experiences/Exp.jsx

@@ -12,7 +12,7 @@ import "react-vertical-timeline-component/style.min.css";
 import { styles } from "../styles";
 import { experiences } from "../../components/styles";
 import { SectionWrapper } from "../../hoc";
-import { textVariant } from "../../utils/motion";
+
 
 
 
@@ -21,7 +21,7 @@ const ExperienceCard = ({ experience }) => {
 	const backgroundColor = theme === 'dark' ? "#fff" : "#F5F5F5"; // Dark or light background
 	const textColor = theme === 'dark' ? "#fff" : "#000000"; // Text color based on theme
 	const arrowColor = theme === 'dark' ? "#fff" : "#F5F5F5";
-	const textColor1 = theme === 'dark' ? "#000000" : "#000000"; // Text color based on theme
+
 	return (
 		<VerticalTimelineElement
 			contentStyle={{

src/components/shared/AppBanner.jsx

@@ -2,10 +2,6 @@ import { FiArrowDownCircle } from 'react-icons/fi';
 import developerLight from '../../images/developer.svg';
 import developerDark from '../../images/developer-dark.svg';
 import { motion } from 'framer-motion';
-import logoDark from "../../images/logo-dark.svg";
-import logoLight from "../../images/logo-light.svg";
-import {experiences} from "../styles";
-import {VerticalTimeline, VerticalTimelineElement} from "react-vertical-timeline-component";
 import {useTheme} from "../../ThemeContext";
 
 

src/components/shared/AppHeader.jsx

@@ -1,7 +1,6 @@
 import { useState } from 'react';
 import { FiMenu, FiMoon, FiSun, FiX } from 'react-icons/fi';
 import { Link } from 'react-router-dom';
-import useThemeSwitcher from '../../hooks/useThemeSwitcher';
 import HireMeModal from '../HireMeModal';
 import logoLight from '../../images/logo.svg';
 import logoDark from '../../images/logo.svg';

src/pages/AboutMe.jsx

@@ -1,6 +1,5 @@
 import AboutMeBio from '../components/about/AboutMeBio';
 import AboutCounter from '../components/about/AboutCounter';
-import AboutClients from '../components/about/AboutClients';
 import { AboutMeProvider } from '../context/AboutMeContext';
 import { motion } from 'framer-motion';
 

src/pages/ProjectSingle.jsx

@@ -1,5 +1,4 @@
 import { useParams } from 'react-router-dom';
-import { useContext } from 'react';
 import { singleProjectData  } from '../data/ProjectsData';
 import ProjectGallery from '../components/projects/ProjectGallery';
 import ProjectHeader from '../components/projects/ProjectHeader';