Initial import of 1407 block sources under blocks/

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-11 21:21:29 +03:30
commit 85836ef183
1412 changed files with 303567 additions and 0 deletions
@@ -0,0 +1,70 @@
+import { PatternPlaceholder } from "@/components/shadcnblocks/pattern-placeholder";
+import { cn } from "@/lib/utils";
+
+interface BackgroundPattern20Props {
+  className?: string;
+}
+
+const BackgroundPattern20 = ({ className }: BackgroundPattern20Props) => {
+  return (
+    <section
+      className={cn(
+        "relative flex min-h-screen w-full items-center justify-center",
+        className,
+      )}
+    >
+      {/* Background Pattern */}
+      {/* Right Fade Dashed Grid Background */}
+      <div
+        className="absolute inset-0 z-0"
+        style={{
+          backgroundImage: `
+            linear-gradient(to right, var(--muted) 1px, transparent 1px),
+            linear-gradient(to bottom, var(--muted) 1px, transparent 1px)
+          `,
+          backgroundSize: "20px 20px",
+          backgroundPosition: "0 0, 0 0",
+          maskImage: `
+            repeating-linear-gradient(
+              to right,
+              black 0px,
+              black 3px,
+              transparent 3px,
+              transparent 8px
+            ),
+            repeating-linear-gradient(
+              to bottom,
+              black 0px,
+              black 3px,
+              transparent 3px,
+              transparent 8px
+            ),
+            radial-gradient(ellipse 80% 80% at 0% 0%, #000 50%, transparent 90%)
+          `,
+          WebkitMaskImage: `
+            repeating-linear-gradient(
+              to right,
+              black 0px,
+              black 3px,
+              transparent 3px,
+              transparent 8px
+            ),
+            repeating-linear-gradient(
+              to bottom,
+              black 0px,
+              black 3px,
+              transparent 3px,
+              transparent 8px
+            ),
+            radial-gradient(ellipse 80% 80% at 0% 0%, #000 50%, transparent 90%)
+          `,
+          maskComposite: "intersect",
+          WebkitMaskComposite: "source-in",
+        }}
+      />
+      <PatternPlaceholder />
+    </section>
+  );
+};
+
+export { BackgroundPattern20 };