About section is done

Author: devwithmehar

src/components/about/AboutMeBio.jsx

@@ -1,4 +1,4 @@
-import profileImage from '../../images/profile.jpeg';
+import profileImage from '../../images/profile_picture.png';
 import { useContext } from 'react';
 import AboutMeContext from '../../context/AboutMeContext';
 
@@ -12,14 +12,23 @@ const AboutMeBio = () => {
 			</div>
 
 			<div className="font-general-regular w-full sm:w-3/4 text-left">
-				{aboutMe.map((bio) => (
-					<p
-						className="mb-4 text-ternary-dark dark:text-ternary-light text-lg"
-						key={bio.id}
-					>
-						{bio.bio}
-					</p>
-				))}
+				<p className="mb-4 text-ternary-dark dark:text-ternary-light text-lg">
+				I am a passionate and results-driven Full Stack Developer with expertise in <b> C#, .NET, React, JavaScript </b> and integrating APIs with third-party applications. With hands-on experience working on diverse projects in various companies across <b> Winnipeg, Canada </b>, I bring real-world problem-solving skills to the table. My academic foundation in <b> Business Information Technology </b> 
+				from <b> Red River College </b> equips me with a unique blend of technical expertise and business acumen.
+				</p>
+
+				<p className="mb-4 text-ternary-dark dark:text-ternary-light text-lg">
+				I pride myself on my ability to "get things done on time." Debugging and troubleshooting errors is one of my core strengths, allowing me to resolve complex issues effectively. I'm energized by taking on new challenges and thrive in dynamic environments that foster growth and innovation.
+				</p>
+
+				<p className="mb-4 text-ternary-dark dark:text-ternary-light text-lg">
+				I am always eager to learn new technologies and approaches, as I firmly believe in continuous improvement. Whether it's tackling innovative projects or contributing to impactful solutions, I am open to opportunities that allow me to grow and make meaningful contributions.
+				</p>
+
+				<p className="mb-4 text-ternary-dark dark:text-ternary-light text-lg">
+					<b>Let's build something amazing together!</b>
+				</p>
+
 			</div>
 		</div>
 	);

src/data/aboutMeData.js

@@ -1,7 +1,7 @@
 export const aboutMeData = [
 	{
 		id: 1,
-		bio: 'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil vel illum asperiores dignissimos cumque quibusdam et fugiat voluptatem nobis suscipit explicabo, eaque consequatur nesciunt, fugit eligendi corporis laudantium adipisci soluta? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Incidunt totam dolorum, ducimus obcaecati, voluptas facilis molestias nobis ut quam natus similique inventore excepturi optio ipsa deleniti fugit illo. Unde, amet! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum illo necessitatibus perspiciatis! Aperiam perferendis labore temporibus, eos culpa corporis recusandae quas, fuga voluptatibus nesciunt odit libero tenetur neque consequatur ea.',
+		bio: 'I am a passionate and results-driven Full Stack Developer with expertise in C#, .NET, React, JavaScript, and integrating APIs with third-party applications. With hands-on experience working on diverse projects in various companies across Winnipeg, Canada, I bring real-world problem-solving skills to the table. My academic foundation in Business Information Technology from Red River College equips me with a unique blend of technical expertise and business acumen.',
 	},
 	{
 		id: 2,

src/data/clientsData.js

@@ -10,45 +10,4 @@ import PumaImage from '../images/brands/puma_gray.png';
 
 export const clientsHeading = 'Some of the brands that trust me';
 
-export const clientsData = [
-	{
-		id: 1,
-		title: 'Amazon',
-		img: AmazonImage,
-	},
-	{
-		id: 2,
-		title: 'Sony',
-		img: SonyImage,
-	},
-	{
-		id: 3,
-		title: 'Adidas',
-		img: AdidasImage,
-	},
-	{
-		id: 4,
-		title: 'FILA',
-		img: FilaImage,
-	},
-	{
-		id: 5,
-		title: 'NB',
-		img: NBImage,
-	},
-	{
-		id: 6,
-		title: 'SAMSUNG',
-		img: SamsungImage,
-	},
-	{
-		id: 7,
-		title: 'CANON',
-		img: CanonImage,
-	},
-	{
-		id: 8,
-		title: 'PUMA',
-		img: PumaImage,
-	},
-];
+export const clientsData = []

src/images/profile_picture.png

@@ -16,23 +16,7 @@ const About = () => {
 				<AboutMeBio />
 			</motion.div>
 
-			{/** Counter without paddings */}
-			<motion.div
-				initial={{ opacity: 0 }}
-				animate={{ opacity: 1, delay: 1 }}
-				exit={{ opacity: 0 }}
-			>
-				<AboutCounter />
-			</motion.div>
-
-			<motion.div
-				initial={{ opacity: 0 }}
-				animate={{ opacity: 1, delay: 1 }}
-				exit={{ opacity: 0 }}
-				className="container mx-auto"
-			>
-				<AboutClients />
-			</motion.div>
+			
 		</AboutMeProvider>
 	);
 };