banner section compeleted

app/components/Button.tsx

@@ -0,0 +1,27 @@
+import { cn } from "@/app/lib/cn";
+import { FC } from "react";
+
+export type ButtonVariant = "primary" | "outline";
+
+type Props = {
+  variant?: ButtonVariant;
+  className?: string;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+
+const Button: FC<Props> = ({ variant = "primary", className, children, ...rest }) => {
+  return (
+    <button
+      className={cn(
+        "inline-flex h-12 items-center justify-center rounded-full px-6 text-sm transition-colors disabled:pointer-events-none disabled:opacity-50",
+        variant === "primary" && "bg-primary text-white hover:bg-primary/90",
+        variant === "outline" && "border border-primary bg-transparent text-primary hover:bg-primary/10",
+        className,
+      )}
+      {...rest}
+    >
+      {children}
+    </button>
+  );
+};
+
+export default Button;