more fixes

src/components/Brand/BrandsList.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { FC, useState } from "react";
-import { brandType } from "../../types/brandType";
+import { brandType } from "src/types/brandType";
 import Brand from "./brand";
 import AddBrand from "./addBrand";
 import { addBrand, deleteBrand, editBrand } from "../../actions/brandActions";

src/components/Brand/brand.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { ChangeEvent, FC, useState } from "react";
-import { brandType } from "../../types/brandType";
+import { brandType } from "src/types/brandType";
 interface Props {
   brand: brandType;
   changeBrandName: (id: number, name: string) => void;

src/components/FeaturesSection/index.tsx

@@ -1,5 +1,3 @@
-import Link from "next/link";
-
 export default function FeaturesSection() {
 
   return (

src/components/Header/index.tsx

@@ -1,5 +1,4 @@
 import { Box, Flex, Link, Heading } from "@chakra-ui/react";
-import NextLink from "next/link";
 
 const Header: React.FC = () => {
   return (

src/components/HomeContent/index.tsx

@@ -1,4 +1,3 @@
-import Link from "next/link";
 import Header from "../Header";
 import Hero from "../Hero";
 import FeaturesSection from "../FeaturesSection";

src/components/Navbar/index.tsx

@@ -8,6 +8,7 @@ import {
   MenuItems,
 } from "@headlessui/react";
 import { Bars3Icon, BellIcon, XMarkIcon } from "@heroicons/react/24/outline";
+import  Image  from "next/image";
 
 const navigation = [
   { name: "Home", href: "/", current: true },
@@ -17,7 +18,7 @@ const navigation = [
   { name: "Brands", href: "/Brands", current: false },
 ];
 
-function classNames(...classes) {
+function classNames(...classes: unknown[]) {
   return classes.filter(Boolean).join(" ");
 }
 
@@ -43,7 +44,7 @@ export default function Example() {
           </div>
           <div className="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
             <div className="flex shrink-0 items-center">
-              <img
+              <Image
                 alt="Ballistic Builder"
                 src="https://tailwindui.com/plus/img/logos/mark.svg?color=indigo&shade=500"
                 className="h-8 w-auto"
@@ -85,7 +86,7 @@ export default function Example() {
                 <MenuButton className="relative flex rounded-full bg-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800">
                   <span className="absolute -inset-1.5" />
                   <span className="sr-only">Open user menu</span>
-                  <img
+                  <Image
                     alt=""
                     src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
                     className="size-8 rounded-full"

src/components/site/About/index.tsx

@@ -1,6 +1,4 @@
-import Link from "next/link";
-import { Button } from "@/components/ui/button"
-
+import { Button } from "src/components/ui/button"
 
 export default function About() {
 
@@ -15,7 +13,8 @@ export default function About() {
             and exploring firearm parts. Designed for enthusiasts by
             enthusiasts, we make firearm building easy and accessible.
           </p>
-          <Button className="bg-gray-950 text-grey-100 hover:translate-y-[-2px] transition duration-300">Click me test</Button>
+          <Button className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Click me test</Button>
+          {/* <Button className="bg-gray-950 text-grey-100 hover:translate-y-[-2px] transition duration-300">Click me test</Button> */}
         </div>
       </section>
     )

src/components/site/Footer /index.tsx

@@ -1,5 +1,3 @@
-import Link from "next/link";
-
 export default function Footer() {
 
   return (

src/components/ui/button.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "@/lib/utils"
+import { cn } from "@lib/utils"
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",