diff --git a/app/components/homepage/education/index.jsx b/app/components/homepage/education/index.jsx
index aff4119..f85b65d 100644
--- a/app/components/homepage/education/index.jsx
+++ b/app/components/homepage/education/index.jsx
@@ -11,7 +11,7 @@ function Education() {
   return (
     <div id="education" className="relative z-50 border-t my-12 lg:my-24 border-[#25213b]">
       <Image
-        src="/section.svg"
+        src="./section.svg"
         alt="Hero"
         width={1572}
         height={795}
@@ -48,7 +48,7 @@ function Education() {
                   <GlowCard key={education.id} identifier={`education-${education.id}`}>
                     <div className="p-3 relative text-white">
                       <Image
-                        src="/blur-23.svg"
+                        src="./blur-23.svg"
                         alt="Hero"
                         width={1080}
                         height={200}
diff --git a/app/components/homepage/experience/index.jsx b/app/components/homepage/experience/index.jsx
index bbfc7d9..8d2502c 100644
--- a/app/components/homepage/experience/index.jsx
+++ b/app/components/homepage/experience/index.jsx
@@ -11,7 +11,7 @@ function Experience() {
   return (
     <div id="experience" className="relative z-50 border-t my-12 lg:my-24 border-[#25213b]">
       <Image
-        src="/section.svg"
+        src="./section.svg"
         alt="Hero"
         width={1572}
         height={795}
@@ -38,17 +38,20 @@ function Experience() {
 
           <div>
             <div className="flex flex-col gap-6">
-              {
+                {
                 experiences.map(experience => (
                   <GlowCard key={experience.id} identifier={`experience-${experience.id}`}>
+
                     <div className="p-3 relative">
+
                       <Image
-                        src="/blur-23.svg"
+                        src="./blur-23.svg"
                         alt="Hero"
                         width={1080}
                         height={200}
                         className="absolute bottom-0 opacity-80"
                       />
+
                       <div className="flex justify-center">
                         <p className="text-xs sm:text-sm text-[#16f2b3]">
                           {experience.duration}
diff --git a/app/components/homepage/projects/index.jsx b/app/components/homepage/projects/index.jsx
index f4b21d5..87fa3e7 100644
--- a/app/components/homepage/projects/index.jsx
+++ b/app/components/homepage/projects/index.jsx
@@ -1,5 +1,6 @@
 import { projectsData } from '@/utils/data/projects-data';
 import ProjectCard from './project-card';
+import Image from "next/image";
 
 const Projects = () => {
 
@@ -9,13 +10,21 @@ const Projects = () => {
         <div className="w-[600px] h-[10px] bg-violet-100 rounded-full absolute -top-3 left-0 translate-x-1/2 filter blur-3xl  opacity-30"></div>
         <div className="flex items-center justify-start relative">
           <span className="bg-[#1a1443] absolute left-0  w-fit text-white px-5 py-3 text-xl rounded-md">
+
             PROJECTS
           </span>
           <span className="w-full h-[2px] bg-[#1a1443]"></span>
         </div>
       </div>
+        <Image
+            src="./section.svg"
+            alt="Hero"
+            width={1080 * 2}
+            height={200 * 2}
+            className="absolute top-0 left-1/2 transform -translate-x-1/2 opacity-80 mx-auto"
+        />
+        <div className="pt-24">
 
-      <div className="pt-24">
         <div className="flex flex-col gap-6">
           {projectsData.slice(0, 4).map((project, index) => (
             <div
@@ -25,6 +34,13 @@ const Projects = () => {
             >
               <div className="box-border flex items-center justify-center rounded shadow-[0_0_30px_0_rgba(0,0,0,0.3)] transition-all duration-[0.5s]">
                 <ProjectCard project={project} />
+                  <Image
+                      src="./blur-23.svg"
+                      alt="Hero"
+                      width={1080}
+                      height={200}
+                      className="absolute bottom-0 opacity-80"
+                  />
               </div>
             </div>
           ))}
@@ -34,4 +50,6 @@ const Projects = () => {
   );
 };
 
+
+
 export default Projects;
\ No newline at end of file
diff --git a/app/components/homepage/skills/index.jsx b/app/components/homepage/skills/index.jsx
index de8ef7f..8d928ed 100644
--- a/app/components/homepage/skills/index.jsx
+++ b/app/components/homepage/skills/index.jsx
@@ -9,6 +9,13 @@ function Skills() {
   return (
     <div id="skills" className="relative z-50 border-t my-12 lg:my-24 border-[#25213b]">
       <div className="w-[100px] h-[100px] bg-violet-100 rounded-full absolute top-6 left-[42%] translate-x-1/2 filter blur-3xl  opacity-20"></div>
+        <Image
+            src="./section.svg"
+            alt="Hero"
+            width={1080}
+            height={200}
+            className="absolute top-0 left-1/2 transform -translate-x-1/2 opacity-80 mx-auto"
+        />
 
       <div className="flex justify-center -translate-y-[1px]">
         <div className="w-3/4">
diff --git a/app/components/navbar.jsx b/app/components/navbar.jsx
index 1624332..2d9159a 100644
--- a/app/components/navbar.jsx
+++ b/app/components/navbar.jsx
@@ -42,7 +42,7 @@ function Navbar() {
         <div className="flex items-center justify-between py-5">
           <div className="flex flex-shrink-0 items-center">
             <Link
-                href="/"
+                href="./"
                 className="text-[#16f2b3] text-3xl font-bold">
               arushyadlapati.com
             </Link>