Refine site hero copy and reusable badge

2026-03-09 08:51:17 +01:00
parent efef4f4c13
commit c517c68b23
11 changed files with 99 additions and 16 deletions
@@ -0,0 +1,23 @@
+import type { ReactNode } from "react";
+
+import { cn } from "@/lib/utils";
+
+type HeroBadgeProps = {
+  children: ReactNode;
+  className?: string;
+  trailing?: ReactNode;
+};
+
+export function HeroBadge({ children, className, trailing }: HeroBadgeProps) {
+  return (
+    <p
+      className={cn(
+        "inline-flex items-center gap-1.5 rounded-pill border border-border/70 bg-background/75 px-3 py-1 text-[0.84rem] font-medium tracking-[-0.01em] text-foreground/82 shadow-xs backdrop-blur-chrome sm:px-3.5 sm:py-1 sm:text-[0.9rem]",
+        className,
+      )}
+    >
+      <span>{children}</span>
+      {trailing}
+    </p>
+  );
+}