'init'

app/components/Button.tsx

@@ -0,0 +1,43 @@
+import Link from "next/link";
+
+type ButtonProps = {
+  href: string;
+  children: React.ReactNode;
+  variant?: "primary" | "secondary";
+  size?: "sm" | "md" | "lg";
+  className?: string;
+};
+
+const sizeClasses = {
+  sm: "px-4 py-2 text-sm",
+  md: "px-5 py-2.5 text-base",
+  lg: "px-8 py-4 text-lg sm:px-10",
+};
+
+export function Button({
+  href,
+  children,
+  variant = "primary",
+  size = "md",
+  className = "",
+}: ButtonProps) {
+  const base =
+    "inline-flex items-center justify-center gap-2 rounded-full font-medium transition";
+  const variants = {
+    primary:
+      "bg-[var(--accent)] text-[var(--accent-foreground)] hover:opacity-90",
+    secondary:
+      "border border-[var(--border)] bg-[var(--card)] hover:bg-[var(--muted)]",
+  };
+
+  return (
+    <Link
+      href={href}
+      target="_blank"
+      rel="noopener noreferrer"
+      className={`${base} ${variants[variant]} ${sizeClasses[size]} ${className}`}
+    >
+      {children}
+    </Link>
+  );
+}