refactor: remove unused CirclingElements component and related styles

Author: code-env

src/components/animations/circle.tsx

@@ -40,7 +40,6 @@ import YearsTabs from "@/components/animations/years-tabs";
 import Feedback from "@/components/shared/feedback";
 import Footer from "@/components/shared/footer";
 import Hero from "@/components/shared/hero";
-import CirclingElements from "./circle";
 import DotMatrixClock from "./dotted-matric-clock";
 import DynamicStatusButton from "./dynamic-status-button";
 import FluidButton from "./fluid-button";
@@ -60,7 +59,6 @@ export {
   AnimatedFeedback,
   Bolt,
   Cashflow,
-  CirclingElements,
   ClickSelect,
   ComponentPreview,
   Counter,

src/components/animations/index.ts

@@ -21,7 +21,7 @@ const BD = () => {
               key={index}
               className="absolute size-20 p-1 cursor-pointer shadow-lg shadow-black/10 rounded-lg bg-[url(/pic.png)] bg-cover bg-center"
               style={{ x, y, rotate: rotation }}
-            ></m.div>
+            />
           );
         })}
         <p className="text-2xl font-bold">Happy Birthday PiC</p>

src/pages/bd.tsx

@@ -60,40 +60,6 @@ export default {
         },
       },
     },
-    animation: {
-      circling: {
-        "0%": {
-          transform:
-            "rotate(calc(var(--circling-offset) * 1deg)) translate(calc(var(--circling-radius) * 1px), 0) rotate(calc(var(--circling-offset) * -1deg))",
-        },
-        "100%": {
-          transform:
-            "rotate(calc(360deg + (var(--circling-offset) * 1deg))) translate(calc(var(--circling-radius) * 1px), 0) rotate(calc(-360deg + (var(--circling-offset) * -1deg)))",
-        },
-      },
-      "background-gradient": {
-        "0%, 100%": {
-          transform: "translate(0, 0)",
-          animationDelay: "var(--background-gradient-delay, 0s)",
-        },
-        "20%": {
-          transform:
-            "translate(calc(100% * var(--tx-1, 1)), calc(100% * var(--ty-1, 1)))",
-        },
-        "40%": {
-          transform:
-            "translate(calc(100% * var(--tx-2, -1)), calc(100% * var(--ty-2, 1)))",
-        },
-        "60%": {
-          transform:
-            "translate(calc(100% * var(--tx-3, 1)), calc(100% * var(--ty-3, -1)))",
-        },
-        "80%": {
-          transform:
-            "translate(calc(100% * var(--tx-4, -1)), calc(100% * var(--ty-4, -1)))",
-        },
-      },
-    },
   },
   plugins: [tailwindcssAnimate],
 };