[TICKET] Gallery/Product Pages

[marsponce]

Summary

Create the gallery and individual product page structure to showcase artwork with high-quality images and product details.

Tasks

• Create src/pages/gallery.tsx for browsing all artwork
• Create product page template (src/templates/product.tsx)
• Set up product data structure (markdown files in src/products/)
• Implement responsive image gallery grid using Tailwind
• Add image optimization with gatsby-plugin-image
• Create product detail layout (image, title, description, price)
• Add placeholder images and product data for testing

Acceptance Criteria

• Gallery page displays all products in responsive grid
• Clicking a product navigates to individual product page
• Product pages display high-quality images with zoom capability
• Images are optimized and load quickly
• Product information is clearly displayed (title, price, description)
• Layout works on all screen sizes
• Can easily add new products via markdown files