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

const exposicoes = [
  { ano: "2018", texto: "XXV Salão Curitibano de Artes Visuais, Clube Curitibano, Curitiba" },
  { ano: "2017", texto: "Exposição coletiva \"Tempo pra quê?\", Universidade Positivo, Curitiba" },
  { ano: "2017", texto: "Exposição individual \"Paisagens, possíveis conexões\", curadoria de Juliane Fuganti, texto crítico de Benedito Costa Neto, Museu Alfredo Andersen, Curitiba" },
  { ano: "2017", texto: "Exposição coletiva \"A casa do Colecionador\", Galeria Boiler, Curitiba" },
  { ano: "2016", texto: "Exposição coletiva \"Octogonal\", Museu Guido Viaro, Curitiba" },
  { ano: "2016", texto: "4º SOAL, Salão de Outono da América Latina, Memorial da América Latina, São Paulo" },
  { ano: "2015", texto: "Exposição coletiva, Galeria EMBAP" },
  { ano: "2015", texto: "Exposição coletiva \"Cine&Art OpenAir\", Nex Coworking, Curitiba" },
  { ano: "2014", texto: "Feira Internacional de Arte Contemporânea \"Donostiartean\", San Sebastián, Espanha" },
  { ano: "2014", texto: "Exposição \"Naturaleza Viva\", La Consentida, Donosti, Espanha" },
  { ano: "2013", texto: "1º Salão de Arte Contemporânea e Novas Tecnologias, Ponta Grossa" },
  { ano: "2013", texto: "7º Salão de Artes Plásticas \"Marcia Sielski\", Ponta Grossa" },
  { ano: "2013", texto: "Exposição coletiva de gravura, Ale Bistrô, Curitiba" },
  { ano: "2013", texto: "Exposição coletiva, Galeria EMBAP" },
  { ano: "2012", texto: "22º Salão Curitibano de Artes Visuais, Clube Curitibano, Curitiba" },
  { ano: "2012", texto: "Exposição individual, Way Beer, Pinhais" },
];

const producoesCulturais = [
  "Produção da exposição \"Re-Existência\", Daniel Dach.",
  "Texto publicado no catálogo \"Re-Existência\", Daniel Dach.",
  "Autor da publicação \"Inspire\" (livro de colorir): ilustrações, design, diagramação e produção gráfica, Editora Voo. Projeto social ligado ao programa \"Um para Um\": a cada livro vendido, um kit de material artístico é doado a uma criança em vulnerabilidade social. 2016.",
];

export const metadata: Metadata = {
  title: "Sobre | Felipe Tosin",
  description: "Felipe Tosin é artista visual de Curitiba. Conheça a trajetória, as séries e as exposições.",
};

export default function SobrePage() {
  return (
    <main className="mx-auto w-full max-w-5xl flex-1 px-6 py-12">
      <div className="grid grid-cols-1 gap-10 md:grid-cols-[1fr_1.3fr] md:gap-14">
        <div className="space-y-4">
          <div className="aspect-[4/5] w-full overflow-hidden bg-zinc-100">
            <Image
              src="/sobre/retrato-02.jpg"
              alt="Felipe Tosin pintando em seu ateliê"
              width={900}
              height={1125}
              className="h-full w-full object-cover"
              priority
            />
          </div>
        </div>

        <div>
          <h1 className="text-2xl font-semibold tracking-tight">Sobre</h1>

          <div className="mt-6 space-y-4 text-sm leading-relaxed text-zinc-700">
            <p>
              Felipe Tosin (1978, Curitiba-PR) é artista visual, designer gráfico e diretor de
              arte. Formado em Comunicação Social pela Universidade Tuiuti do Paraná (2001) e em
              Pintura pela Escola de Música e Belas Artes do Paraná, EMBAP (2016), transita entre
              o desenho, a pintura, a gravura, a escultura, instalações e a arte digital,
              construindo séries que exploram cor, textura e paisagem como formas de conexão com o
              mundo natural.
            </p>
            <p>
              Desde 2012 participa de salões e exposições coletivas e individuais no Brasil e no
              exterior, com destaque para a exposição individual "Paisagens, possíveis conexões",
              no Museu Alfredo Andersen (Curitiba, 2017), para "Impulso Imaginário: convergências", exposição individual com curadoria de Otilhiane Juchem, realizada na
              Aliança Francesa de Curitiba em março de 2024, e para "Paisagens Particulares",
              exposição individual com curadoria de Otilhiane Juchem, em cartaz no Museu Guido Viaro
              (Curitiba) de janeiro a março de 2026.
            </p>
            <p>
              Também atua em produções culturais e editoriais: foi responsável pela produção da
              exposição "Re-Existência", de Daniel Dach, e é autor de "Inspire", livro de colorir
              de cunho social vinculado ao programa "Um para Um".
            </p>
          </div>

          <h2 className="mt-10 text-sm font-semibold uppercase tracking-wide text-zinc-900">
            Formação
          </h2>
          <ul className="mt-3 space-y-1 text-sm text-zinc-700">
            <li>2016: Superior em Pintura, Belas Artes do Paraná (EMBAP)</li>
            <li>2001: Comunicação Social, Universidade Tuiuti do Paraná</li>
          </ul>

          <h2 className="mt-10 text-sm font-semibold uppercase tracking-wide text-zinc-900">
            Exposições
          </h2>
          <ul className="mt-3 space-y-2 text-sm text-zinc-700">
            <li className="flex gap-3">
              <span className="w-12 shrink-0 text-zinc-400">2026</span>
              <span>
                Exposição individual "Paisagens Particulares", curadoria de Otilhiane Juchem, Museu
                Guido Viaro, Curitiba
              </span>
            </li>
            <li className="flex gap-3">
              <span className="w-12 shrink-0 text-zinc-400">2024</span>
              <span>
                Exposição individual "Impulso Imaginário: convergências", curadoria de Otilhiane
                Juchem, Aliança Francesa, Curitiba
              </span>
            </li>
            {exposicoes.map((e, i) => (
              <li key={i} className="flex gap-3">
                <span className="w-12 shrink-0 text-zinc-400">{e.ano}</span>
                <span>{e.texto}</span>
              </li>
            ))}
          </ul>
          <p className="mt-3 text-xs text-zinc-400">
            Lista em atualização: exposições recentes (2019 a 2026) serão incluídas em breve.
          </p>

          <h2 className="mt-10 text-sm font-semibold uppercase tracking-wide text-zinc-900">
            Produções culturais
          </h2>
          <ul className="mt-3 space-y-2 text-sm text-zinc-700">
            {producoesCulturais.map((p, i) => (
              <li key={i}>{p}</li>
            ))}
          </ul>
        </div>
      </div>
    </main>
  );
}