continue re-design

components/shared/ui/ascii-dot-loader.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import React from "react";
+import { AnimatedDotIcon } from "@/components/shared/animated-dot-icon";
+
+interface AsciiDotLoaderProps {
+  size?: number;
+  animated?: boolean;
+  className?: string;
+  pattern?: Parameters<typeof AnimatedDotIcon>[0]["pattern"];
+}
+
+// Thin wrapper to reuse the exact ASCII pixel effect used on the home hero
+export default function AsciiDotLoader({
+  size = 20,
+  animated = true,
+  className,
+  pattern = "logs",
+}: AsciiDotLoaderProps) {
+  return (
+    <AnimatedDotIcon
+      size={size}
+      active={animated}
+      alwaysHeat
+      className={className}
+      pattern={pattern}
+    />
+  );
+}