codingmastr · Ayushsaxena0227 · Jun 29, 2025 · Jun 29, 2025
diff --git a/index.html b/index.html
@@ -1,10 +1,12 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+
     <link rel="icon" type="image/svg+xml" href="./src/assets/profile2.png" />
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Tarun Kaushik</title>
+    <title>Ayush saxena</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/src/App.jsx b/src/App.jsx
@@ -7,27 +7,28 @@ import Work from "./components/Work/Work";
 import Education from "./components/Education/Education";
 import Contact from "./components/Contact/Contact";
 import Footer from "./components/Footer/Footer";
-import BlurBlob from './components/BlurBlob';
+import BlurBlob from "./components/BlurBlob";
 
 const App = () => {
   return (
     <div className="bg-[#050414]">
-
-       <BlurBlob position={{ top: '35%', left: '20%' }} size={{ width: '30%', height: '40%' }} />
+      <BlurBlob
+        position={{ top: "35%", left: "20%" }}
+        size={{ width: "30%", height: "40%" }}
+      />
 
       <div className="absolute inset-0 bg-[linear-gradient(to_right,#4f4f4f2e_1px,transparent_1px),linear-gradient(to_bottom,#4f4f4f2e_1px,transparent_1px)] bg-[size:14px_24px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)]"></div>
-      
+
       <div className="relative pt-20">
         <Navbar />
         <About />
         <Skills />
         <Experience />
         <Work />
-        <Education />
+        {/* <Education /> */}
         <Contact />
         <Footer />
       </div>
-
     </div>
   );
 };

diff --git a/src/assets/my_profile/ayush_profile.png b/src/assets/my_profile/ayush_profile.png
diff --git a/src/assets/profile2.png b/src/assets/profile2.png
diff --git a/src/components/About/About.jsx b/src/components/About/About.jsx
@@ -1,7 +1,8 @@
-import React from 'react';
-import ReactTypingEffect from 'react-typing-effect';
-import Tilt from 'react-parallax-tilt';
-import profileImage from '../../assets/profile2.png';
+import React from "react";
+import ReactTypingEffect from "react-typing-effect";
+import Tilt from "react-parallax-tilt";
+// import profileImage from "../../assets/profile2.png";
+// import ayushprofile from "../../assets/company_logo./";
 
 const About = () => {
   return (
@@ -18,17 +19,16 @@ const About = () => {
           </h1>
           {/* Name */}
           <h2 className="text-4xl sm:text-5xl md:text-6xl font-bold text-white mb-4 leading-tight">
-            Tarun Kaushik
+            Ayush Saxena
           </h2>
           {/* Skills Heading with Typing Effect */}
           <h3 className="text-xl sm:text-2xl md:text-3xl font-semibold mb-4 text-[#8245ec] leading-tight">
             <span className="text-white">I am a </span>
             <ReactTypingEffect
               text={[
-                'Fullstack Developer',
-                'App Developer',
-                'UI/UX Designer',
-                'Coder',
+                "Software Development Engineer",
+                "UI/UX Designer",
+                "Coder",
               ]}
               speed={100}
               eraseSpeed={50}
@@ -41,26 +41,26 @@ const About = () => {
           </h3>
           {/* About Me Paragraph */}
           <p className="text-base sm:text-lg md:text-lg text-gray-400 mb-10 mt-8 leading-relaxed">
-            I am a full-stack developer with over 2 years of experience in
-            building scalable web applications. Skilled in both front-end and
-            back-end development, I specialize in the MERN stack and other
-            modern technologies to create seamless user experiences and
-            efficient solutions.
+            results-driven Software Developer with 2 months internship
+            experience in both startup and fintech environments, contributing to
+            full-stack web development and robust backend systems. Currently
+            Building Front-End for my Company End-to-End while implementing
+            responsive UI components using React and TailwindCSS, integrating
+            content management with Ghost.io, and enhancing UI/UX.
           </p>
           {/* Resume Button */}
           <a
-            href="https://drive.google.com/file/d/1_pLl2wjYVCU-wnqXIhjhYr0YC0SJXvwv/view?usp=sharing"
+            href="https://drive.google.com/file/d/1gur1ajVjznjwPpeKImL6His__UihTbNf/view?usp=sharing"
             target="_blank"
             rel="noopener noreferrer"
             className="inline-block text-white py-3 px-8 rounded-full mt-5 text-lg font-bold transition duration-300 transform hover:scale-105"
             style={{
-              background: 'linear-gradient(90deg, #8245ec, #a855f7)',
-              boxShadow: '0 0 2px #8245ec, 0 0 2px #8245ec, 0 0 40px #8245ec',
+              background: "linear-gradient(90deg, #8245ec, #a855f7)",
+              boxShadow: "0 0 2px #8245ec, 0 0 2px #8245ec, 0 0 40px #8245ec",
             }}
           >
             DOWNLOAD CV
           </a>
-
         </div>
         {/* Right Side */}
         <div className="md:w-1/2 flex justify-center md:justify-end">
@@ -73,11 +73,11 @@ const About = () => {
             transitionSpeed={1000}
             gyroscope={true}
           >
-            <img
+            {/* <img
               src={profileImage}
               alt="Tarun Kaushik"
               className="w-full h-full rounded-full object-cover drop-shadow-[0_10px_20px_rgba(130,69,236,0.5)]"
-            />
+            /> */}
           </Tilt>
         </div>
       </div>

diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx
@@ -39,16 +39,18 @@ const Navbar = () => {
   return (
     <nav
       className={`fixed top-0 w-full z-50 transition duration-300 px-[7vw] md:px-[7vw] lg:px-[20vw] ${
-        isScrolled ? "bg-[#050414] bg-opacity-50 backdrop-blur-md shadow-md" : "bg-transparent"
+        isScrolled
+          ? "bg-[#050414] bg-opacity-50 backdrop-blur-md shadow-md"
+          : "bg-transparent"
       }`}
     >
       <div className="text-white py-5 flex justify-between items-center">
         {/* Logo */}
         <div className="text-lg font-semibold cursor-pointer">
           <span className="text-[#8245ec]">&lt;</span>
-          <span className="text-white">Tarun</span>
+          <span className="text-white">Ayush</span>
           <span className="text-[#8245ec]">/</span>
-          <span className="text-white">Kaushik</span>
+          <span className="text-white">Saxena</span>
           <span className="text-[#8245ec]">&gt;</span>
         </div>
 
@@ -71,15 +73,15 @@ const Navbar = () => {
         {/* Social Icons */}
         <div className="hidden md:flex space-x-4">
           <a
-            href="https://github.com/codingmastr"
+            href="https://github.com/Ayushsaxena0227"
             target="_blank"
             rel="noopener noreferrer"
             className="text-gray-300 hover:text-[#8245ec]"
           >
             <FaGithub size={24} />
           </a>
           <a
-            href="https://www.linkedin.com/in/tarun-kaushik-553b441a4"
+            href="https://www.linkedin.com/in/ayush-saxena-b71143220/"
             target="_blank"
             rel="noopener noreferrer"
             className="text-gray-300 hover:text-[#8245ec]"
@@ -122,18 +124,18 @@ const Navbar = () => {
             ))}
             <div className="flex space-x-4">
               <a
-                href="https://github.com/codingmastr"
+                href="https://github.com/Ayushsaxena0227"
                 target="_blank"
                 rel="noopener noreferrer"
-                className="text-gray-300 hover:text-white"
+                className="text-gray-300 hover:text-[#8245ec]"
               >
                 <FaGithub size={24} />
               </a>
               <a
-                href="https://www.linkedin.com/in/tarun-kaushik-553b441a4"
+                href="https://www.linkedin.com/in/ayush-saxena-b71143220/"
                 target="_blank"
                 rel="noopener noreferrer"
-                className="text-gray-300 hover:text-white"
+                className="text-gray-300 hover:text-[#8245ec]"
               >
                 <FaLinkedin size={24} />
               </a>

diff --git a/src/components/Skills/Skills.jsx b/src/components/Skills/Skills.jsx
@@ -8,16 +8,15 @@ const Skills = () => (
     id="skills"
     className="py-24 pb-24 px-[12vw] md:px-[7vw] lg:px-[20vw] font-sans bg-skills-gradient clip-path-custom"
   >
-    {/* Section Title */}
     <div className="text-center mb-8">
       <h2 className="text-3xl sm:text-4xl font-bold text-white">SKILLS</h2>
       <div className="w-24 h-1 bg-[#8245ec] mx-auto mt-2"></div>
       <p className="text-gray-400 mt-4 text-lg font-semibold">
-      A collection of my technical skills and expertise honed through various projects and experiences
+        A collection of my technical skills and expertise honed through various
+        projects and experiences
       </p>
     </div>
 
-    {/* Skill Categories */}
     <div className="flex flex-wrap gap-1 lg:gap-5 py-10 justify-between">
       {SkillsInfo.map((category) => (
         <div
@@ -29,7 +28,6 @@ const Skills = () => (
             {category.title}
           </h3>
 
-          {/* Skill Items - 3 per row on larger screens */}
           <Tilt
             key={category.title}
             tiltMaxAngleX={20}
@@ -39,18 +37,18 @@ const Skills = () => (
             transitionSpeed={1000}
             gyroscope={true}
           >
-            <div className="grid grid-cols-2 sm:grid-cols-3 gap-3 w-full">
+            <div className="grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 gap-4 w-full">
               {category.skills.map((skill) => (
                 <div
                   key={skill.name}
-                  className="flex items-center justify-center space-x-2 bg-transparent border-2 border-gray-700 rounded-3xl py-2 px-2 sm:py-2 sm:px-2 text-center"
+                  className="flex flex-col items-center justify-center bg-transparent border-2 border-gray-700 rounded-3xl py-4 px-4 text-center min-h-[80px] sm:min-h-[90px] lg:min-h-[100px]"
                 >
                   <img
                     src={skill.logo}
                     alt={`${skill.name} logo`}
-                    className="w-6 h-6 sm:w-8 sm:h-8"
+                    className="w-6 h-6 sm:w-7 sm:h-7 lg:w-8 lg:h-8 flex-shrink-0 mb-2"
                   />
-                  <span className="text-xs sm:text-sm text-gray-300">
+                  <span className="text-xs sm:text-sm lg:text-sm text-gray-300 font-medium leading-tight">
                     {skill.name}
                   </span>
                 </div>