gallery.tsx

import { Section } from '@/components/section'
import { Image } from '@/components/image'
import { Heading } from '@/components/heading'
import { Grid } from '@/components/grid'
import { Subheading } from '@/components/subheading'

export default function Gallery() {
  return (
    <Section
      className="py-0 bg-body relative overflow-hidden"
      innerAlign="full"
    >
      {/* Full-width image strip */}
      <Grid
        cols="grid-cols-2 md:grid-cols-3"
        gap="gap-0"
        className="bg-overlay"
      >
        {/* Image 1 - Tall */}
        <div className="relative aspect-auto row-span-2 overflow-hidden group">