import Link from "next/link";
import { Button } from "@/components/ui/button";

export default function Home() {
  return (
    <div className="flex flex-col items-center justify-center gap-6 bg-muted/30 px-4 py-20 text-center sm:px-6 sm:py-32">
      <h1 className="text-3xl font-semibold tracking-tight sm:text-4xl">
        WaMarket
      </h1>
      <p className="max-w-md text-base text-muted-foreground sm:text-lg">
        Postez un besoin, recevez des offres de commerçants près de chez vous.
      </p>
      <div className="flex w-full max-w-xs flex-col gap-3 sm:w-auto sm:flex-row">
        <Button asChild size="lg" className="w-full sm:w-auto">
          <Link href="/needs/new">Publier un besoin</Link>
        </Button>
        <Button asChild size="lg" variant="outline" className="w-full sm:w-auto">
          <Link href="/needs">Voir les besoins</Link>
        </Button>
      </div>
    </div>
  );
}