feat: Add Magic UI components including DotPattern, RainbowButton, ShineBorder, WordRotate, and BlurIn, along with corresponding Tailwind configuration updates.

components/magicui/blur-in.tsx

@@ -0,0 +1,43 @@
+"use client";
+
+import { motion } from "framer-motion";
+
+import { cn } from "@/lib/utils";
+
+interface BlurInProps {
+    word: string;
+    className?: string;
+    variant?: {
+        hidden: { filter: string; opacity: number };
+        visible: { filter: string; opacity: number };
+    };
+    duration?: number;
+}
+
+export function BlurIn({
+    word,
+    className,
+    variant,
+    duration = 1,
+}: BlurInProps) {
+    const defaultVariants = {
+        hidden: { filter: "blur(10px)", opacity: 0 },
+        visible: { filter: "blur(0px)", opacity: 1 },
+    };
+    const combinedVariants = variant || defaultVariants;
+
+    return (
+        <motion.h1
+            initial="hidden"
+            animate="visible"
+            transition={{ duration }}
+            variants={combinedVariants}
+            className={cn(
+                "font-display text-center text-4xl font-bold tracking-[-0.02em] drop-shadow-sm md:text-7xl md:leading-[5rem]",
+                className,
+            )}
+        >
+            {word}
+        </motion.h1>
+    );
+}