import { Badge } from "@/shared/ui/badge";

export function SectionHeader({ label, title, text }: { label: string; title: string; text: string }) {
  return (
    <section className="volt-grid border-b border-primary/25 px-4 py-14 md:px-6 md:py-20">
      <div className="mx-auto max-w-7xl">
        <Badge className="mb-6 bg-primary text-primary-foreground">{label}</Badge>
        <h1 className="max-w-5xl text-4xl font-semibold uppercase leading-none md:text-7xl">
          {title}
        </h1>
        <p className="mt-6 max-w-2xl text-lg leading-8 text-muted-foreground">{text}</p>
      </div>
    </section>
  );
}
