remove aurora background

Author: StarOne01

.gitignore

@@ -12,7 +12,7 @@
 # next.js
 /.next/
 /out/
-
+/dist/
 # production
 /build
 

src/components/ui/aurora-background.tsx

@@ -17,34 +17,15 @@ export const AuroraBackground = ({
     <main>
       <div
         className={cn(
-          "relative m-0 flex flex-col h-[100vh] justify-center bg-zinc-50 dark:bg-zinc-900  text-slate-950 transition-bg",
+          "relative m-0 flex flex-col h-[100vh] justify-center bg-white dark:bg-black  text-slate-950 transition-bg",
           className
         )}
         {...props}
       >
         <div className="inset-0 m-0 overflow-hidden">
           <div
             //   I'm sorry but this is what peak developer performance looks like // trigger warning
-            className={cn(
-              `
-            [--white-gradient:repeating-linear-gradient(100deg,var(--white)_0%,var(--white)_7%,var(--transparent)_10%,var(--transparent)_12%,var(--white)_16%)]
-            [--dark-gradient:repeating-linear-gradient(100deg,var(--black)_0%,var(--black)_7%,var(--transparent)_10%,var(--transparent)_12%,var(--black)_16%)]
-            [--aurora:repeating-linear-gradient(100deg,var(--blue-500)_10%,var(--indigo-300)_15%,var(--blue-300)_20%,var(--violet-200)_25%,var(--blue-400)_30%)]
-            [background-image:var(--white-gradient),var(--aurora)]
-            dark:[background-image:var(--dark-gradient),var(--aurora)]
-            [background-size:300%,_200%]
-            [background-position:50%_50%,50%_50%]
-            filter blur-[6px] invert dark:invert-0
-            after:content-[""] after:absolute after:inset-0 after:[background-image:var(--white-gradient),var(--aurora)] 
-            after:dark:[background-image:var(--dark-gradient),var(--aurora)]
-            after:[background-size:200%,_100%] 
-            after:animate-aurora after:[background-attachment:fixed] after:mix-blend-difference
-            pointer-events-none
-            absolute -inset-[10px] opacity-50 will-change-transform`,
-
-              showRadialGradient &&
-                `[mask-image:radial-gradient(ellipse_at_100%_0%,black_10%,var(--transparent)_90%)]`
-            )}
+            className="bg-black"
           ></div>
         </div>
         {children}

tailwind.config.ts

@@ -13,7 +13,7 @@ const config: Config = {
 
     extend: {
       animation: {
-        aurora: "aurora 120s linear infinite",
+        aurora: "aurora 60s linear infinite",
       },
       keyframes: {
         aurora: {