Deleting a small set of components that aren't used within the project anymore

website/src/components/Header/NavLinks.stories.jsx

@@ -1,15 +0,0 @@
-import { NavLinks } from "./NavLinks";
-
-// eslint-disable-next-line import/no-anonymous-default-export
-export default {
-  title: "Header/NavLinks",
-  component: NavLinks,
-};
-
-const Template = (args) => (
-  <div className="hidden lg:flex lg:gap-10">
-    <NavLinks {...args} />
-  </div>
-);
-
-export const Default = Template.bind({});

website/src/components/Header/NavLinks.tsx

@@ -1,49 +0,0 @@
-import { Text, useColorMode } from "@chakra-ui/react";
-import { AnimatePresence, motion } from "framer-motion";
-import Link from "next/link";
-import { useState } from "react";
-import { colors } from "styles/Theme/colors";
-
-export function NavLinks(): JSX.Element {
-  const [hoveredIndex, setHoveredIndex] = useState(null);
-  const { colorMode } = useColorMode();
-
-  const linkColor = colorMode === "light" ? "text-gray-700 hover:text-gray-900" : "text-gray-50 hover:text-white";
-
-  const hoverBgColor = colorMode === "light" ? "bg-gray-100" : "bg-gray-800";
-
-  return (
-    <>
-      {[
-        ["FAQ", "/#faq"],
-        ["Join Us", "/#join-us"],
-      ].map(([label, href], index) => (
-        <Link
-          key={label}
-          href={href}
-          className={`${linkColor} relative -my-2 -mx-3 rounded-lg px-3 py-2 text-sm transition-colors delay-150 hover:delay-[0ms]`}
-          onMouseEnter={() => setHoveredIndex(index)}
-          onMouseLeave={() => setHoveredIndex(null)}
-        >
-          <AnimatePresence>
-            {hoveredIndex === index && (
-              <motion.span
-                className={`${hoverBgColor} absolute inset-0 rounded-lg`}
-                layoutId="hoverBackground"
-                initial={{ opacity: 0 }}
-                animate={{ opacity: 1, transition: { duration: 0.15 } }}
-                exit={{
-                  opacity: 0,
-                  transition: { duration: 0.15, delay: 0.2 },
-                }}
-              />
-            )}
-          </AnimatePresence>
-          <Text color={colorMode === "light" ? colors.light.text : colors.dark.text} className="relative z-10">
-            {label}
-          </Text>
-        </Link>
-      ))}
-    </>
-  );
-}

website/src/components/Header/index.ts

@@ -1,3 +1,2 @@
 export { Header } from "./Header";
-export { NavLinks } from "./NavLinks";
 export { UserMenu } from "./UserMenu";