gallery.tsx

import { Section } from '@/components/section'
import { Heading } from '@/components/heading'
import { MasonryFilter } from '@/components/masonry-filter'

const categories = ['All', 'Portrait', 'Landscape', 'Abstract', 'Commercial']

const portfolioItems = [
  {
    id: 1,
    category: 'Portrait',
    image: '/images/layout-3/pexels-simon-robben-55958-614810.jpg',
    alt: 'Portrait photography',
  },
  {
    id: 2,
    category: 'Portrait',
    image: '/images/layout-3/pexels-forgottenluix-2922450.jpg',
    alt: 'Portrait photography',
  },
  {