gallery.tsx

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

export default function Gallery() {
  return (
    <Section className="py-30 bg-body">
      {/* Header */}
      <div className="text-center max-w-3xl mx-auto mb-10">
        <Subheading className="mb-4">Our Portfolio</Subheading>
        <Heading as="h2">Moments We've Crafted</Heading>
        <Paragraph fontSize="text-lg">
          Every celebration tells a unique story. Explore our portfolio of
          weddings, corporate events, and special occasions where dreams became
          reality through meticulous planning and creative execution.
        </Paragraph>
      </div>