DMleadgen
46d973904b
Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
26 lines
598 B
TypeScript
26 lines
598 B
TypeScript
import type { Product } from '@/lib/products/types'
|
|
import { ProductCard } from './product-card'
|
|
|
|
interface ProductGridProps {
|
|
products: Product[]
|
|
}
|
|
|
|
export function ProductGrid({ products }: ProductGridProps) {
|
|
if (products.length === 0) {
|
|
return (
|
|
<div className="text-center py-12">
|
|
<p className="text-muted-foreground">No products found.</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<div className="grid gap-6 md:gap-8 md:grid-cols-2 lg:grid-cols-3">
|
|
{products.map((product) => (
|
|
<ProductCard key={product.id} product={product} />
|
|
))}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
|