fix: removed unused imports

src/components/Anchor.astro

@@ -1,6 +1,6 @@
 ---
 import { cn } from "../lib/utils";
-import { cva, type VariantProps } from "class-variance-authority";
+import { type VariantProps } from "class-variance-authority";
 import type { HTMLAttributes } from "astro/types";
 import { buttonVariants } from "./Button.astro";
 

src/components/ExpandableHoloJobCard.tsx

@@ -131,7 +131,7 @@ export function ExpandableHoloJobCard({
         ) : null}
       </AnimatePresence>
 			<ul className={listClassName}>
-        {cards.map((card, index) => (
+        {cards.map((card) => (
 					<motion.li
 						layoutId={`card-${card.id}-${id}`}
 						key={card.title}

src/components/FlipWords.tsx

@@ -1,6 +1,6 @@
 "use client";
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { AnimatePresence, motion, LayoutGroup } from "framer-motion";
+import { useCallback, useEffect, useState } from "react";
+import { AnimatePresence, motion } from "framer-motion";
 import { cn } from "../lib/utils";
 
 export const FlipWords = ({

src/components/MeteorAnimation.astro

@@ -17,7 +17,7 @@ const meteors = [...new Array(number)].map(() => ({
 
 <>
     {
-        [...meteors].map((style, idx) => (
+        [...meteors].map((style) => (
             <span
                 class={cn(
                     "pointer-events-none absolute left-1/2 top-1/2 size-0.5 rotate-[215deg] animate-meteor rounded-full bg-slate-500 shadow-[0_0_0_1px_#ffffff10]"

src/components/Particles.tsx

@@ -1,5 +1,5 @@
 "use client";
-import React, { useId, useMemo } from "react";
+import { useId } from "react";
 import { useEffect, useState } from "react";
 import TsParticles, { initParticlesEngine } from "@tsparticles/react";
 import type { Container, SingleOrMultiple } from "@tsparticles/engine";

src/sections/About.astro

@@ -103,7 +103,7 @@ import profileImage from "../assets/profile.webp";
                         "Mobile development",
                         "Backend development",
                         "Machine learning",
-                    ].map((item, index) => (
+                    ].map((item) => (
                         <li class="text-primary mt-2 ml-2 flex items-center">
                             <Icon name="tabler:chevron-right" class="inline" />
                             <span class="ml-2">{item}</span>

src/sections/Contact.astro

@@ -1,13 +1,13 @@
 ---
 import Anchor from "../components/Anchor.astro";
-import BackgroundChess from "../components/BackgroundChess.astro";
+import BackgroundRetroGrid from "../components/BackgroundRetroGrid.astro";
 import { FlipWords } from "../components/FlipWords";
 import Section from "../components/Section.astro";
 import { mailUrl } from "../constants/site";
 ---
 
 <div class="relative w-full flex flex-col h-[80vh] overflow-hidden">
-    <BackgroundChess />
+    <BackgroundRetroGrid />
 
     <Section
         id="jobs"

src/sections/Hero.astro

@@ -1,5 +1,4 @@
 ---
-import Button from "../components/Button.astro";
 import Section from "../components/Section.astro";
 import HeroAnimation from "../components/MeteorAnimation.astro";
 import { Icon } from "astro-icon/components";

tailwind.config.mjs

@@ -1,5 +1,3 @@
-import plugin from 'tailwindcss';
-
 /** @type {import('tailwindcss').Config} */
 const {
   default: flattenColorPalette,