26 lines
777 B
TypeScript
26 lines
777 B
TypeScript
import GalleryPreview from 'components/GalleryPreview'
|
|
import type { Gallery } from 'lib/sanity.queries'
|
|
|
|
export default function MoreGalleries({ posts }: { posts: Gallery[] }) {
|
|
return (
|
|
<section>
|
|
<h2 className="mb-8 text-6xl font-bold leading-tight tracking-tighter md:text-7xl">
|
|
More Galleries
|
|
</h2>
|
|
<div className="mb-32 grid grid-cols-1 gap-y-20 md:grid-cols-2 md:gap-x-16 md:gap-y-32 lg:gap-x-32">
|
|
{posts.map((post) => (
|
|
<GalleryPreview
|
|
key={post._id}
|
|
title={post.title}
|
|
coverImage={post.coverImage}
|
|
date={post.date}
|
|
author={post.author}
|
|
slug={post.slug}
|
|
excerpt={post.excerpt}
|
|
/>
|
|
))}
|
|
</div>
|
|
</section>
|
|
)
|
|
}
|