import PhotoGallery from "@/components/photo-gallery";
import { photos } from "@/lib/data";
import { Metadata } from "next";

export const metadata: Metadata = {
  title: "Photos | Gabriel Kaszewski",
  description: "A small collection of photos taken by Gabriel Kaszewski.",
  keywords: ["photography", "Sony a6400", "Nikon D5300", "photo gallery"],
  alternates: {
    canonical: "https://gabrielkaszewski.dev/photos",
  },
  openGraph: {
    title: "Photos | Gabriel Kaszewski",
    description: "A small collection of photos taken by Gabriel Kaszewski.",
    url: "https://gabrielkaszewski.dev/photos",
  },
  twitter: {
    card: "summary",
    title: "Photos | Gabriel Kaszewski",
    description: "A small collection of photos taken by Gabriel Kaszewski.",
  },
};

const PhotosPage = () => {
  return (
    <div className="flex w-full min-h-screen flex-col items-center gap-8 pt-24 px-4 pb-16">
      <div className="text-center">
        <h1 className="text-5xl font-bold text-yellow-400 text-shadow-lg">
          Photos
        </h1>
        <p className="text-white/50 mt-2">shot on Sony a6400 and Nikon D5300</p>
      </div>

      <PhotoGallery photos={photos} />
    </div>
  );
};

export default PhotosPage;