Function Product

components/Product.jsx:5–17

({product: {image, name, slug, price}})

import { urlFor } from '../lib/client'

const Product = ({product: {image, name, slug, price}}) => {
  return (
    <div>
      <Link href={`/product/${slug.current}`}>
        <div className='product-card'>
          <img src={urlFor(image && image[0])} width={380} height={400} className='product-image' />
          <p className='product-name'>{name}</p>
          <p className='product-price'>${price}</p>
        </div>
      </Link>
    </div>
  )
}

export default Product