init

src/shared/components/section-heading.tsx

@@ -0,0 +1,25 @@
+interface SectionHeadingProps {
+  badge?: string;
+  title: string;
+  subtitle?: string;
+}
+
+export function SectionHeading({ badge, title, subtitle }: SectionHeadingProps) {
+  return (
+    <div className="text-center mb-16">
+      {badge && (
+        <span className="inline-block px-4 py-1.5 rounded-full text-xs font-mono font-semibold tracking-wider uppercase bg-accent/10 text-accent border border-accent/20 mb-4">
+          {badge}
+        </span>
+      )}
+      <h2 className="text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight mb-4">
+        {title}
+      </h2>
+      {subtitle && (
+        <p className="text-muted-foreground text-lg max-w-2xl mx-auto leading-relaxed">
+          {subtitle}
+        </p>
+      )}
+    </div>
+  );
+}