import { PageHero } from "@/components/page-hero" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { getCardsByCategory, getCategoryBySlug, categories } from "@/data/cards" import { notFound } from "next/navigation" import Link from "next/link" export function generateStaticParams() { return categories.map((category) => ({ slug: category.slug, })) } export default function CategoryPage({ params }: { params: { slug: string } }) { const category = getCategoryBySlug(params.slug) if (!category) { notFound() } const categoryCards = getCardsByCategory(params.slug) return ( <>

{category.description}

{categoryCards.length} {categoryCards.length === 1 ? "design" : "designs"} available

{categoryCards.map((card) => (
{card.name}

{card.name}

{card.price > 0 ? ( ${card.price.toFixed(2)} ) : ( Inquire )}

Order Code: {card.orderCode}

{card.description && (

{card.description}

)} {card.variants && card.variants.length > 0 && (

Also available: {card.variants.join(", ")}

)}
))}
) }