Some changes in asset/src/components and Projects

Author: tecnodeveloper

public/assets/Zain_Ali_Resume.jpg

@@ -14,7 +14,7 @@ return (
 A dedicated Backend Developer with expertise in building scalable web applications using PHP, Laravel, and Node.js. I have hands-on experience developing robust REST APIs, managing databases with MySQL and MongoDB, and implementing modern backend architectures that power real-world applications.
 </p>
 <p className="py-2 text-gray-600 text-lg">
-I specialize in Laravel framework for rapid and efficient backend development, with strong knowledge of database design, API development, and server-side programming. Currently working on enterprise-level ecommerce solutions and passionate about creating efficient, maintainable code. I believe in writing clean code, following best practices, and continuously learning new technologies.
+I specialize in Laravel framework for rapid and efficient backend development, with strong knowledge of database design, API development, and server-side programming. Currently working on OpenSource project on laravel ecommerce solutions and passionate about creating efficient, maintainable code. I believe in writing clean code, following best practices, and continuously learning new technologies.
 </p>
 <div className="w-[50%]">
 <Link href="/#projects">

public/assets/about.jpeg

@@ -4,9 +4,9 @@ import BasicTabs from "./Tabs";
 
 const Experience = () => {
 	const FCMBExperience = {
-		companyName: "Freelance Backend Developer",
-		role: "Full Stack Developer",
-		duration: "2023 - Present",
+		companyName: "NexL Tech",
+		role: "Backend Developer",
+		duration: "July 2025 - Oct 2025",
 		activities: [
 			"Built enterprise-level ecommerce platforms using Laravel framework with robust payment integrations.",
 			"Designed and implemented RESTful APIs using PHP and Node.js for various web applications.",
@@ -17,12 +17,12 @@ const Experience = () => {
 	};
 
 	const MuzzlabExperience = {
-		companyName: "Web Development Startup",
+		companyName: "Freelance Backend Developer",
 		role: "Backend Developer",
-		duration: "2021 - 2023",
+		duration: "2023 - Present",
 		activities: [
 			"Contributed to building multiple web applications using Laravel and Node.js.",
-			"Implemented database migrations and optimization strategies for better performance.",
+			"Worked with frontend developer to integerate smooth Api flow.",
 			"Worked on API development and third-party service integrations.",
 			"Participated in code reviews and maintained code quality standards.",
 			"Worked with team members using Git and agile development practices.",
@@ -40,10 +40,10 @@ const Experience = () => {
 				<h2 className="py-4">Where I&apos;ve Worked</h2>
 				<div className="mt-2 ">
 					<BasicTabs
-						tabList={["Freelance", "Startup"]}
+						tabList={["Freelance", "Company"]}
 						tabPanel={[
+							<Details key={"Company"} experienceDetails={MuzzlabExperience} />,
 							<Details key={"FREELANCE"} experienceDetails={FCMBExperience} />,
-							<Details key={"STARTUP"} experienceDetails={MuzzlabExperience} />,
 						]}
 					/>
 				</div>

src/components/About.tsx

@@ -19,7 +19,7 @@ const Main = () => {
 							using Laravel, Node.js, and modern web technologies.
 						</p>
 						<p className="py-4 text-gray-600 sm:max-w-[70%] m-auto text-lg">
-							I specialize in PHP, Laravel, MongoDB, and MySQL database design for high-performance applications.
+							I specialize in PHP, Laravel, Node.js, and MySQL database design for high-performance applications.
 						</p>
 					</div>
 
@@ -40,7 +40,7 @@ const Main = () => {
 									<FaGithub title="GitHub" />
 								</div>
 							</a>
-							<Link href="/#contact">
+							<Link href="recluzedev@gmail.com">
 								<div className="rounded-full shadow-lg shadow-gray-400 p-6 cursor-pointer hover:scale-110 ease-in hover:bg-secondary duration-300">
 									<AiOutlineMail title="Contact" />
 								</div>

src/components/Experience.tsx

@@ -169,7 +169,7 @@ const Navbar = () => {
 										<FaGithub title="GitHub" />
 									</div>
 								</a>
-								<Link href="/#contact">
+								<Link href="recluzedev@gmail.com">
 									<div
 										onClick={() => setNav(!nav)}
 										className="rounded-full shadow-lg shadow-gray-400 p-3 cursor-pointer hover:scale-105 ease-in hover:bg-secondary duration-300"

src/components/Main.tsx

@@ -70,6 +70,9 @@ const EcommerceStore = () => {
 									<p className="text-gray-600 py-2 flex items-center">
 										<RiRadioButtonFill className="pr-1" /> PHP
 									</p>
+									<p className="text-gray-600 py-2 flex items-center">
+										<RiRadioButtonFill className="pr-1" /> Tailwindcss
+									</p>
 									<p className="text-gray-600 py-2 flex items-center">
 										<RiRadioButtonFill className="pr-1" /> MySQL
 									</p>

src/components/Navbar.tsx

@@ -20,7 +20,7 @@ const EVC = () => {
 					<div className="absolute z-1 w-full h-[50vh] bg-gradient-to-r from-secondary to-lightPrimary"></div>
 					<div className="absolute top-[70%] max-w-[1240px] w-full left-[50%] right-[50%] translate-x-[-50%] translate-y-[-50%] text-white z-10 p-2">
 						<h2 className="py-2">EVC Application</h2>
-						<h3>Laravel / Blade / MySQL / Tailwind CSS</h3>
+						<h3>Laravel / Blade / PHP / MySQL / Tailwind CSS</h3>
 					</div>
 				</div>