constants**index.ts

export const Skill_data = [
  {
    skill_name: "Html 5",
    Image: "/html.png",
  },
  {
    skill_name: "Css",
    Image: "/css.png",
  },
  {
    skill_name: "Java Script",
    Image: "/js.png",
  },
  {
    skill_name: "Tailwind Css",
    Image: "/tailwind.png",
  },
  {
    skill_name: "React",
    Image: "/react.png",
  },
  {
    skill_name: "Redux",
    Image: "/redux.png",
  },
  {
    skill_name: "React Query",
    Image: "/reactquery.png",
  },
  {
    skill_name: "Type Script",
    Image: "/ts.png",
  },
];

export const Socials = [
  {
    name: "Instagram",
    src: "/instagram.svg",
  },
  {
    name: "Youtube",
    src: "/youtube.svg",
  },
  {
    name: "Discord",
    src: "/discord.svg",
  },
];

export const Projects = [
  {
    name: "Star Wars",
    src: "/starwars.png",
    description:
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
  },
  {
    name: "Space",
    src: "/SpaceWebsite.png",
    description:
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
  },
  {
    name: "Matrix",
    src: "/matrix.png",
    description:
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
  },
  {
    name: "Component",
    src: "/skills.png",
    description:
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
  },
  {
    name: "Unicorn",
    src: "/webapp.png",
    description:
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
  },
];

globals.css

.yellow-shadow {
    text-shadow: 0 0 1px #d1d10f, 0 0 30px #000000, 0 0 10px #000000;
  }

motion**motion.ts

export const slideFromTop = {
    hidden: { y: "-100%" },
    visible: (i: any) => ({
      y: "0",
      transition: {
        delay: i * 0.2, // delay each element by 0.2 seconds
      },
    }),
    exit: { y: "-100%" },
  };
  
  export const slideFromBottom = {
    hidden: { y: "100%", rotate: 0, scaleY: 1 },
    visible: (i: any) => ({
      y: "0",
      scaleY: -1,
      transition: {
        delay: i * 0.2, // delay each element by 0.2 seconds
      },
    }),
    exit: { y: "100%", rotate: 0, scaleY: 1 },
  };