Added images to Public so the project can be deployed on Netlify or Render without errors

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+dist

src/Content.js

@@ -1,30 +1,3 @@
-// import images
-import Hero_person from "./assets/images/Hero/person.png";
-
-import figma from "./assets/images/Skills/figma.png";
-import sketch from "./assets/images/Skills/sketch.png";
-import ps from "./assets/images/Skills/ps.png";
-import reactjs from "./assets/images/Skills/react.png";
-import nodejs from "./assets/images/Skills/node.png";
-import python from "./assets/images/Skills/python.png";
-
-import services_logo1 from "./assets/images/Services/logo1.png";
-import services_logo2 from "./assets/images/Services/logo2.png";
-import services_logo3 from "./assets/images/Services/logo3.png";
-
-import project1 from "./assets/images/projects/img1.png";
-import project2 from "./assets/images/projects/img2.png";
-import project3 from "./assets/images/projects/img3.png";
-import person_project from "./assets/images/projects/person.png";
-
-import avatar1 from "./assets/images/Testimonials/avatar1.png";
-import avatar2 from "./assets/images/Testimonials/avatar2.png";
-import avatar3 from "./assets/images/Testimonials/avatar3.png";
-import avatar4 from "./assets/images/Testimonials/avatar4.png";
-
-import Hireme_person from "./assets/images/Hireme/person.png";
-import Hireme_person2 from "./assets/images/Hireme/person2.png";
-
 // import icons from react-icons
 import { GrMail } from "react-icons/gr";
 import { MdArrowForward, MdCall } from "react-icons/md";
@@ -62,7 +35,7 @@ export const content = {
     firstName: "JOHN",
     LastName: "ALEX",
     btnText: "Hire Me",
-    image: Hero_person,
+    image: "/images/Hero/person.png",
     hero_content: [
       {
         count: "8+",
@@ -81,32 +54,32 @@ export const content = {
       {
         name: "Figma",
         para: "Lorem ipsum text  dummy",
-        logo: figma,
+        logo: "/images/Skills/figma.png",
       },
       {
         name: "Node js",
         para: "Lorem ipsum text  dummy",
-        logo: nodejs,
+        logo: "/images/Skills/node.png",
       },
       {
         name: "Adobe Photoshop",
         para: "Lorem ipsum text  dummy",
-        logo: ps,
+        logo: "/images/Skills/ps.png",
       },
       {
         name: "React js",
         para: "Lorem ipsum text  dummy",
-        logo: reactjs,
+        logo: "/images/Skills/react.png",
       },
       {
         name: "Sketch",
         para: "Lorem ipsum text  dummy",
-        logo: sketch,
+        logo: "/images/Skills/sketch.png",
       },
       {
         name: "Python",
         para: "Lorem ipsum text  dummy",
-        logo: python,
+        logo: "/images/Skills/python.png",
       },
     ],
     icon: MdArrowForward,
@@ -118,36 +91,36 @@ export const content = {
       {
         title: "Web Development",
         para: "In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document elying on mean",
-        logo: services_logo1,
+        logo: "/images/Services/logo1.png",
       },
       {
         title: "ui / ux DESIGNING",
         para: "In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document elying on mean",
-        logo: services_logo2,
+        logo: "/images/Services/logo2.png",
       },
       {
         title: "PhotoShop Editing",
         para: "In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document elying on mean",
-        logo: services_logo3,
+        logo: "/images/Services/logo3.png",
       },
     ],
   },
   Projects: {
     title: "Projects",
     subtitle: "MY CREATION",
-    image: person_project,
+    image: "/images/projects/person.png",
     project_content: [
       {
         title: "Gym Website",
-        image: project1,
+        image: "/images/projects/img1.png",
       },
       {
         title: "Social Media web",
-        image: project2,
+        image: "/images/projects/img2.png",
       },
       {
         title: "Creative Website",
-        image: project3,
+        image: "/images/projects/img3.png",
       },
     ],
   },
@@ -158,34 +131,34 @@ export const content = {
       {
         review:
           "“In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstra”",
-        img: avatar1,
+        img: "/images/Testimonials/avatar1.png",
         name: "JOHN DOE",
       },
       {
         review:
           "“In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstra”",
-        img: avatar2,
+        img: "/images/Testimonials/avatar2.png",
         name: "Tom Alex",
       },
       {
         review:
           "“In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstra”",
-        img: avatar3,
+        img: "/images/Testimonials/avatar3.png",
         name: "Johnny",
       },
       {
         review:
           "“In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstra”",
-        img: avatar4,
+        img: "/images/Testimonials/avatar4.png",
         name: "ROBBIN",
       },
     ],
   },
   Hireme: {
     title: "Hire Me",
     subtitle: "FOR YOUR PROJECTS",
-    image1: Hireme_person,
-    image2: Hireme_person2,
+    image1: "/assets/images/Hireme/person.png",
+    image2: "/images/Hireme/person2.png",
     para: "In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document elying on mean",
     btnText: "Hire Me",
   },