constants**index.ts

import {
  RxCrop,
  RxDesktop,
  RxPencil2,
  RxReader,
  RxRocket,
  RxAccessibility,
  RxHome,
  RxPerson,
  RxDashboard,
} from "react-icons/rx";

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

export const NavLinks = [
  {
    name: "Home",
    icon: RxHome,
    link: "/",
  },
  {
    name: "About me",
    icon: RxPerson,
    link: "/about-me",
  },
  {
    name: "Projects",
    icon: RxDashboard,
    link: "/my-projects",
  },
];

export const ProImages = [
  {
    src: "/assets/projects/SpaceCity.jpg",
  },
  {
    src: "/assets/projects/SpaceCity1.jpg",
  },
  {
    src: "/assets/projects/SpaceCity2.jpg",
  },
  {
    src: "/assets/projects/SpaceCity3.jpg",
  },
];

export const ProImages2 = [
  {
    src: "/assets/projects/Orange1.jpeg",
  },
  {
    src: "/assets/projects/Orange2.jpeg",
  },
  {
    src: "/assets/projects/Orange3.jpeg",
  },
  {
    src: "/assets/projects/Orange4.jpeg",
  },
];

export const ServiceData = [
  {
    icon: RxReader,
    title: "Seo",
    content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
    backgroundImage: "/assets/space/SpaceCity7.jpeg",
  },
  {
    icon: RxCrop,
    title: "Development",
    content: "Lorem ipsum dolor sit /amet, consectetur adipiscing elit.",
    backgroundImage: "/assets/space/SpaceCity9.jpeg",
  },
  {
    icon: RxPencil2,
    title: "Branding",
    content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
    backgroundImage: "/assets/space/SpaceCity1.jpg",
  },
  {
    icon: RxDesktop,
    title: "Design",
    content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
    backgroundImage: "/assets/space/SpaceCity6.jpeg",
  },
  {
    icon: RxAccessibility,
    title: "Management",
    content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
    backgroundImage: "/assets/space/SpaceCity5.jpeg",
  },
  {
    icon: RxRocket,
    title: "Production",
    content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
    backgroundImage: "/assets/space/SpaceCity8.jpeg",
  },
];

globals.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.slow-spin {
  animation: rotation 5s linear infinite;
}