import { Badge, Button } from "@novix-ui/react";
import { ArrowRight, Sparkles } from "lucide-react";
 
export function Hero() {
  return (
    <section className="py-24 text-center">
      <Badge variant="outline" size="sm" className="inline-flex items-center gap-1.5">
        <Sparkles className="size-3" /> v0.1 · Foundations
      </Badge>
      <h1 className="mt-4 text-4xl font-semibold tracking-tight sm:text-6xl">
        A design system that ships.
      </h1>
      <p className="mx-auto mt-4 max-w-xl text-muted-foreground">
        Novix UI is a premium React library for SaaS, AI, and dashboards.
      </p>
      <div className="mt-6 flex justify-center gap-2">
        <Button variant="accent" trailingIcon={<ArrowRight className="size-4" />}>
          Get started
        </Button>
        <Button variant="ghost">Star on GitHub</Button>
      </div>
    </section>
  );
}