ProductCard

import { ProductCard } from "@/components/ui/product-card"
import { Landmark, Home, Compass, Layers, Cpu } from "lucide-react"

const products = [
  { name: "Terro", desc: "Finance & Accounting", icon: Landmark, color: "text-blue-400 bg-blue-500/10" },
  { name: "Marlin", desc: "Real Estate Management", icon: Home, color: "text-emerald-400 bg-emerald-500/10" },
  { name: "Dilivygo", desc: "Restaurant & Delivery", icon: Compass, color: "text-amber-400 bg-amber-500/10" },
  { name: "Haigo", desc: "Hospitality Management", icon: Layers, color: "text-red-400 bg-red-500/10" },
  { name: "AutoTab", desc: "Automotive Management", icon: Cpu, color: "text-rose-400 bg-rose-500/10" },
]

export default function ProductGrid() {
  return (
    <div className="grid grid-cols-3 gap-4">
      {products.map(product => (
        <ProductCard
          key={product.name}
          name={product.name}
          description={product.desc}
          icon={<product.icon className="w-5 h-5" />}
          color={product.color}
          href={`/products?product=${product.name.toLowerCase()}`}
        />
      ))}
    </div>
  )
}