import type { Metadata } from "next";
import Image from "next/image";
import { Gallery } from "@/components/Gallery";

export const metadata: Metadata = {
  title: "Felipe Tosin | Artista Visual, obras originais e edições limitadas",
  description: "Loja oficial de Felipe Tosin, artista visual de Curitiba: obras originais em pastel oleoso sobre papel e impressões fine art numeradas e assinadas, com certificado. Envio para todo o Brasil.",
};

export default function Home() {
  return (
    <main className="flex-1">
      <div className="relative h-[36vh] min-h-[220px] w-full overflow-hidden sm:h-[46vh]">
        <Image
          src="/cabecalho.jpg"
          alt="Felipe Tosin, artista visual"
          fill
          priority
          className="object-cover"
        />
      </div>

      <div className="mx-auto w-full max-w-6xl px-6 py-10">
        <div className="mb-10">
          <h1 className="text-2xl font-semibold tracking-tight">Obras</h1>
          <p className="mt-2 max-w-2xl text-sm text-zinc-600">
            Obras originais e edições limitadas de impressões. Envio para todo o Brasil.
          </p>
        </div>

        <Gallery />
      </div>
    </main>
  );
}