Submatter/apps/web/components/marketing/dot-field.tsx
Randall Stillwell 2f6adf4382 feat(web): Submatter marketing redesign with Signal Editorial system
Introduce public /landing and /pricing pages for the SBMTR brand with
bento features, convoy product demo, motion reveals, and scoped marketing
tokens. Unauthenticated visitors route to the landing page.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-10 22:50:05 -05:00

21 lines
583 B
TypeScript

import { cn } from "@/lib/utils";
type DotFieldProps = {
className?: string;
variant?: "hero" | "light";
};
export function DotField({ className, variant = "hero" }: DotFieldProps) {
return (
<div
className={cn(
"pointer-events-none absolute inset-0",
variant === "hero" ? "marketing-dot-field marketing-scanline" : "opacity-30",
variant === "light" &&
"bg-[radial-gradient(circle_at_center,hsl(var(--foreground)/0.07)_1px,transparent_1px)] [background-size:24px_24px]",
className,
)}
aria-hidden
/>
);
}