diff --git a/app/components/homepage/skills/index.jsx b/app/components/homepage/skills/index.jsx
index 5091128..03fec7f 100644
--- a/app/components/homepage/skills/index.jsx
+++ b/app/components/homepage/skills/index.jsx
@@ -1,313 +1,313 @@
// @flow strict
import { skillsData } from "@/utils/data/skills";
-// import { skillsImage } from "@/utils/skill-image";
+import { skillsImage } from "@/utils/skill-image";
import Image from "next/image";
import Marquee from "react-fast-marquee";
function Skills() {
- const skillsImage = [
- {
- name: "adobe-xd",
- svg: "\n"
- },
- {
- name: "adobeaudition",
- svg: "\n"
- },
- {
- name: "after-effects",
- svg: "\n"
- },
- {
- name: "angular",
- svg: "\n"
- },
- {
- name: "aws",
- svg: "\n"
- },
- {
- name: "azure",
- svg: "\n"
- },
- {
- name: "blender",
- svg: "\n"
- },
- {
- name: "bootstrap",
- svg: "\n"
- },
- {
- name: "bulma",
- svg: "\n"
- },
- {
- name: "c",
- svg: "\n"
- },
- {
- name: "canva",
- svg: "\n"
- },
- {
- name: "capacitorjs",
- svg: "\n"
- },
- {
- name: "coffeescript",
- svg: "\n"
- },
- {
- name: "cplusplus",
- svg: "\n"
- },
- {
- name: "csharp",
- svg: "\n"
- },
- {
- name: "css",
- svg: "\n"
- },
- {
- name: "dart",
- svg: "\n"
- },
- {
- name: "deno",
- svg: "\n"
- },
- {
- name: "django",
- svg: "\n"
- },
- {
- name: "docker",
- svg: "\n"
- },
- {
- name: "fastify",
- svg: "\n"
- },
- {
- name: "figma",
- svg: "\n"
- },
- {
- name: "firebase",
- svg: "\n"
- },
- {
- name: "flutter",
- svg: "\n"
- },
- {
- name: "gcp",
- svg: "\n"
- },
- {
- name: "gimp",
- svg: "\n"
- },
- {
- name: "git",
- svg: "\n"
- },
- {
- name: "go",
- svg: "\n"
- },
- {
- name: "graphql",
- svg: "\n"
- },
- {
- name: "haxe",
- svg: "\n"
- },
- {
- name: "html",
- svg: "\n"
- },
- {
- name: "illustrator",
- svg: "\n"
- },
- {
- name: "ionic",
- svg: "\n"
- },
- {
- name: "java",
- svg: "\n"
- },
- {
- name: "javascript",
- svg: "\n"
- },
- {
- name: "julia",
- svg: "\n"
- },
- {
- name: "kotlin",
- svg: "\n"
- },
- {
- name: "lightroom",
- svg: "\n"
- },
- {
- name: "markdown",
- svg: "\n"
- },
- {
- name: "materialui",
- svg: "\n"
- },
- {
- name: "matlab",
- svg: "\n"
- },
- {
- name: "memsql",
- svg: "\n"
- },
- {
- name: "microsoftoffice",
- svg: "\n"
- },
- {
- name: "mongoDB",
- svg: "\n"
- },
- {
- name: "mysql",
- svg: "\n"
- },
- {
- name: "nextJS",
- svg: "\n"
- },
- {
- name: "nginx",
- svg: "\n"
- },
- {
- name: "numpy",
- svg: "\n"
- },
- {
- name: "nuxtJS",
- svg: "\n"
- },
- {
- name: "opencv",
- svg: "\n"
- },
- {
- name: "photoshop",
- svg: "\n"
- },
- {
- name: "php",
- svg: "\n"
- },
- {
- name: "picsart",
- svg: "\n"
- },
- {
- name: "postgresql",
- svg: "\n"
- },
- {
- name: "premierepro",
- svg: "\n"
- },
- {
- name: "python",
- svg: "\n"
- },
- {
- name: "pytorch",
- svg: "\n"
- },
- {
- name: "react",
- svg: "\n"
- },
- {
- name: "ruby",
- svg: "\n"
- },
- {
- name: "selenium",
- svg: "\n"
- },
- {
- name: "sketch",
- svg: "\n"
- },
- {
- name: "sqlite",
- svg: "\n"
- },
- {
- name: "strapi",
- svg: "\n"
- },
- {
- name: "svelte",
- svg: "\n"
- },
- {
- name: "swift",
- svg: "\n"
- },
- {
- name: "tailwind",
- svg: "\n"
- },
- {
- name: "tensorflow",
- svg: "\n"
- },
- {
- name: "typescript",
- svg: "\n"
- },
- {
- name: "unity",
- svg: "\n"
- },
- {
- name: "vitejs",
- svg: "\n"
- },
- {
- name: "vue",
- svg: "\n"
- },
- {
- name: "vuetifyjs",
- svg: "\n"
- },
- {
- name: "webix",
- svg: "\n"
- },
- {
- name: "wolframalpha",
- svg: "\n"
- },
- {
- name: "wordpress",
- svg: "\n"
- }
- ]
+ // const skillsImage = [
+ // {
+ // name: "adobe-xd",
+ // svg: "\n"
+ // },
+ // {
+ // name: "adobeaudition",
+ // svg: "\n"
+ // },
+ // {
+ // name: "after-effects",
+ // svg: "\n"
+ // },
+ // {
+ // name: "angular",
+ // svg: "\n"
+ // },
+ // {
+ // name: "aws",
+ // svg: "\n"
+ // },
+ // {
+ // name: "azure",
+ // svg: "\n"
+ // },
+ // {
+ // name: "blender",
+ // svg: "\n"
+ // },
+ // {
+ // name: "bootstrap",
+ // svg: "\n"
+ // },
+ // {
+ // name: "bulma",
+ // svg: "\n"
+ // },
+ // {
+ // name: "c",
+ // svg: "\n"
+ // },
+ // {
+ // name: "canva",
+ // svg: "\n"
+ // },
+ // {
+ // name: "capacitorjs",
+ // svg: "\n"
+ // },
+ // {
+ // name: "coffeescript",
+ // svg: "\n"
+ // },
+ // {
+ // name: "cplusplus",
+ // svg: "\n"
+ // },
+ // {
+ // name: "csharp",
+ // svg: "\n"
+ // },
+ // {
+ // name: "css",
+ // svg: "\n"
+ // },
+ // {
+ // name: "dart",
+ // svg: "\n"
+ // },
+ // {
+ // name: "deno",
+ // svg: "\n"
+ // },
+ // {
+ // name: "django",
+ // svg: "\n"
+ // },
+ // {
+ // name: "docker",
+ // svg: "\n"
+ // },
+ // {
+ // name: "fastify",
+ // svg: "\n"
+ // },
+ // {
+ // name: "figma",
+ // svg: "\n"
+ // },
+ // {
+ // name: "firebase",
+ // svg: "\n"
+ // },
+ // {
+ // name: "flutter",
+ // svg: "\n"
+ // },
+ // {
+ // name: "gcp",
+ // svg: "\n"
+ // },
+ // {
+ // name: "gimp",
+ // svg: "\n"
+ // },
+ // {
+ // name: "git",
+ // svg: "\n"
+ // },
+ // {
+ // name: "go",
+ // svg: "\n"
+ // },
+ // {
+ // name: "graphql",
+ // svg: "\n"
+ // },
+ // {
+ // name: "haxe",
+ // svg: "\n"
+ // },
+ // {
+ // name: "html",
+ // svg: "\n"
+ // },
+ // {
+ // name: "illustrator",
+ // svg: "\n"
+ // },
+ // {
+ // name: "ionic",
+ // svg: "\n"
+ // },
+ // {
+ // name: "java",
+ // svg: "\n"
+ // },
+ // {
+ // name: "javascript",
+ // svg: "\n"
+ // },
+ // {
+ // name: "julia",
+ // svg: "\n"
+ // },
+ // {
+ // name: "kotlin",
+ // svg: "\n"
+ // },
+ // {
+ // name: "lightroom",
+ // svg: "\n"
+ // },
+ // {
+ // name: "markdown",
+ // svg: "\n"
+ // },
+ // {
+ // name: "materialui",
+ // svg: "\n"
+ // },
+ // {
+ // name: "matlab",
+ // svg: "\n"
+ // },
+ // {
+ // name: "memsql",
+ // svg: "\n"
+ // },
+ // {
+ // name: "microsoftoffice",
+ // svg: "\n"
+ // },
+ // {
+ // name: "mongoDB",
+ // svg: "\n"
+ // },
+ // {
+ // name: "mysql",
+ // svg: "\n"
+ // },
+ // {
+ // name: "nextJS",
+ // svg: "\n"
+ // },
+ // {
+ // name: "nginx",
+ // svg: "\n"
+ // },
+ // {
+ // name: "numpy",
+ // svg: "\n"
+ // },
+ // {
+ // name: "nuxtJS",
+ // svg: "\n"
+ // },
+ // {
+ // name: "opencv",
+ // svg: "\n"
+ // },
+ // {
+ // name: "photoshop",
+ // svg: "\n"
+ // },
+ // {
+ // name: "php",
+ // svg: "\n"
+ // },
+ // {
+ // name: "picsart",
+ // svg: "\n"
+ // },
+ // {
+ // name: "postgresql",
+ // svg: "\n"
+ // },
+ // {
+ // name: "premierepro",
+ // svg: "\n"
+ // },
+ // {
+ // name: "python",
+ // svg: "\n"
+ // },
+ // {
+ // name: "pytorch",
+ // svg: "\n"
+ // },
+ // {
+ // name: "react",
+ // svg: "\n"
+ // },
+ // {
+ // name: "ruby",
+ // svg: "\n"
+ // },
+ // {
+ // name: "selenium",
+ // svg: "\n"
+ // },
+ // {
+ // name: "sketch",
+ // svg: "\n"
+ // },
+ // {
+ // name: "sqlite",
+ // svg: "\n"
+ // },
+ // {
+ // name: "strapi",
+ // svg: "\n"
+ // },
+ // {
+ // name: "svelte",
+ // svg: "\n"
+ // },
+ // {
+ // name: "swift",
+ // svg: "\n"
+ // },
+ // {
+ // name: "tailwind",
+ // svg: "\n"
+ // },
+ // {
+ // name: "tensorflow",
+ // svg: "\n"
+ // },
+ // {
+ // name: "typescript",
+ // svg: "\n"
+ // },
+ // {
+ // name: "unity",
+ // svg: "\n"
+ // },
+ // {
+ // name: "vitejs",
+ // svg: "\n"
+ // },
+ // {
+ // name: "vue",
+ // svg: "\n"
+ // },
+ // {
+ // name: "vuetifyjs",
+ // svg: "\n"
+ // },
+ // {
+ // name: "webix",
+ // svg: "\n"
+ // },
+ // {
+ // name: "wolframalpha",
+ // svg: "\n"
+ // },
+ // {
+ // name: "wordpress",
+ // svg: "\n"
+ // }
+ // ]
return (